前端代码规范汇总

3 月 8 日
阅读 3 分钟
321
前言本文部分内容基于 Vue,大部分情况下都是前端通用的。本文旨在规范lint不能解决的前端代码,不与已有的 eslint、 stylelint、prettier 规则重复。规范HTML规范语义化标签标题 h1 ~ h5列表 ul + li文字块 p布局headernavsectionarticleasidefooter以上都不适用的情况下,再考虑 块级 div + 行内 span自定义标签参考 V...

表格Table实现前端全选所有功能

1 月 31 日
阅读 10 分钟
960
如果纯前端分页可以参考 antdv.table,一般主流的组件库都给封装好了。后端分页一种方案是:基于组件库的现有能力,全选所有时设置 pageSize 为无穷大并调用列表接口得到全量数据赋值给 selectedRowKeys 即可。但是这套方案最大的问题在于点击全选所有时需要等待后端接口返回,这样的交互延迟是无法忍受的!且全选所有+...

前端脚手架(简易版)搭建攻略

2023-09-30
阅读 5 分钟
1.6k
开发过程中,如果需要新建前端项目,我们经常都会用到脚手架来创建工程,通过命令行式的交互,可快速选择选项并完成初始项目的搭建。而CV大法往往会带来很多重复的删减工作,且会导致项目分散、架构不统一等等弊端。

前端排序简介

2022-10-22
阅读 4 分钟
1.1k
当时觉得自己写的还挺优雅的,后来在某次机缘巧合下看到篇文章,大致意思是通过这种 Math.random 写法的乱序方式是不稳定的,于是我自己尝试统计了下:

前端的正则表达式详解

2022-09-12
阅读 6 分钟
1.3k
正则表达式 Regular Expression,由普通字符、元字符和修饰符组成,描述了一种字符串匹配的模式 pattern,通常被用来检索、取出、替换那些符合模式的文本。

CSS的权重和优先级详解

2022-08-27
阅读 2 分钟
1.4k
说一下写本文的原因,一切起源于同事的一个问题:从图中可以看到,文字显示的红色而非黄色,概念上的css 权重被完全颠覆了,那么先抛开这个问题,详细讲讲 css 权重到底是什么。

编写babel的插件

2022-08-12
阅读 8 分钟
1.4k
Babel 是一个通用的多功能的 JavaScript 编译器,让一些新版本的语法或者语法糖可以在低版本的浏览器上跑起来。它有三个主要处理步骤 Parse -> Transform -> Generate。在 Transform 转换过程中通过将插件(或预设)应用到配置文件来启用代码转换。

编写markdown-it的插件和规则

2022-07-13
阅读 6 分钟
3.8k
最近看vuePress源码时发现在使用markdownLoader之余使用了大量的 markdown-it 插件,除了社区插件(如高亮代码、锚点、emoji识别等),同时也自行编写了很多自定义插件(如内外链区分渲染等)。文章结合源码和自己之前写过的插件来详细解读如何编写一个 markdown-it 插件规则。

git分支规范

2021-07-22
阅读 2 分钟
1.5k
本文主要描述敏捷开发模式下(同仓库&多人并行多项目)的分支管理规范,本来很不想写这篇文章,这些内容其实在6-7年前敏捷开发概念提出的时候就应该成熟了,最近遇到很多同学总是搞不清发布/测试分支的用途或者说对分支的一些误操作,稍微整理了如下。节末另附有一些常用git命令供参考。

WebAssembly(wasm)入门

2021-07-21
阅读 4 分钟
3.5k
WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable compilation target for programming languages, enabling deployment on the web for client and server applications.

H5直播调研和自定义播放器设计

2021-05-10
阅读 5 分钟
3.2k
引入播放器脚本<script src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.3.js" charset="utf-8"></script>

编写webpack的loader和plugin(附实例)

2019-12-30
阅读 5 分钟
3k
loader官方解释是文件预处理器,通俗点说就是webpack在处理静态文件的时候,需要使用 loader 来加载各种文件,比如: js文件需要使用babel-loader,html文件需要使用html-loader,css文件需要使用css-loader、style-loader等等。
封面图

less常用技巧

2019-04-20
阅读 5 分钟
4.7k
所以在给公司定制组件库的时候我们可以使用这两种方法来给使用者定制主题,当然了,我们设计的时候最好和主流框架的变量名保持一致,使得使用者更好上手。

解读生产环境为何避免使用console

2017-12-05
阅读 3 分钟
15k
console:向web开发控制台打印一条消息,常用来在开发时调试分析。有时在开发时,需要打印一些对象信息,但发布时却忘记去掉console.log语句,这可能造成内存泄露。

前端js压缩图片并上传

2017-11-16
阅读 3 分钟
29.1k
公司最近有需要压缩上传图片功能,查找了些资料并实现了一把。主要用到的原生组件:FileReader、Canvas、Blob、FormData逻辑步骤:FileReader.readAsDataURL将上传的图片文件转为Base64格式将img绘制到canvas上,canvas.toDataURL压缩图片new Blob将压缩后的Base64转为Blob格式FormData.append将图片文件数据存入formdat...

hybrid设计之Native和H5交互原理

2017-08-29
阅读 2 分钟
5k
手机APP都有一个沙盒,可以注册自己的URL Scheme。我们可以通过系统的OpenURL来打开该app,并可以传递一些参数。例如:CtripWireless://打开携程Appweixin:// 打开微信