![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 56
一只会写代码的
在代码海洋里浮浮沉沉,上不了岸!
展开
-
前端架构
根据我们自己公司的架构,整理出来这个思维导图。原创 2020-12-11 21:31:43 · 441 阅读 · 0 评论 -
多个前端开发框架对比
前端开发框架对比前端多端开发框架对比一、常见的多端小程序开发技术框架:1、Taro vs Uni-app1.1多端效果对比:1.2 性能对比:1.3开发体验:1.4 网络资源对比:2、小结:二、常见的多端原生开发框架:1、常见使用场景:2、小结:前端多端开发框架对比一、常见的多端小程序开发技术框架:框架技术栈H5IOSAndriod微信小程序支付宝小程序百度小程序Mpvuevue✅❌❌✅❌❌Taroreact✅✅✅✅✅✅uni-a原创 2020-12-11 20:37:24 · 1925 阅读 · 1 评论 -
前端开发规范(html+vue+react)
前端开发规范一、编程规范(一)命名规范1.1.1 项目命名1.1.2 目录命名1.1.3 JS、CSS、SCSS、HTML、PNG 文件命名1.1.4 命名严谨性(二)HTML 规范 (Vue Template 同样适用)1.2.1 HTML 类型1.2.2 缩进1.2.3 分块注释1.2.4 语义化标签1.2.5 引号(三) CSS 规范1.3.1 命名1.3.2 选择器1) css 选择器中避免使用标签名2) 很多前端开发人员写选择器链的时候不使用 直接子选择器(注:直接子选择器和后代选择器的区别)。有原创 2020-12-11 17:37:43 · 624 阅读 · 0 评论 -
前端处理后台接口返回文件流方法记录
问题一在我们的项目中,登录的时候有一个图形验证码功能,这个图形实际为一张后台返回的图片,通过get请求接口获取图片流。问题一实现方法将接口返回的数据设置成返回blob类型:responseType:‘blob’axios({ method:'get', url: url[urlStr], responseType:'blob'}).then(response => { resolve(response)}).catch(error => {原创 2020-12-11 11:47:59 · 5419 阅读 · 0 评论 -
打包优化记录
如果我们的Vue项目比较大.或者说项目中引入了许多第三方库,那么在执行npm run build构建项目的时候会极其的慢.比如我现在的项目就每次打包就要83s。 下面是我整理的一些优化技巧,可以有效地提高打包速度。一、配置 resolve.modules1,优化原理(1)webpack的resolve.modules是用来配置模块库(即nod...转载 2019-12-25 14:03:50 · 193 阅读 · 0 评论 -
Vue打包速度优化
一、使用 webpack-parallel-uglify-plugin 插件来压缩代码1、默认情况下webpack使用UglifyJS插件进行代码压缩,但由于其采用单线程压缩,速度很慢。2、我们可以改用webpack-parallel-uglify-plugin插件,它可以并行运行UglifyJS插件,从而更加充分、合理的使用CPU资源,从而大大减少构建时间。二、操...原创 2019-12-25 13:49:38 · 1270 阅读 · 0 评论 -
PureComponent Vs Component
一.它们几乎完全相同,但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate,某些情况下可以用PureComponent提升性能1.所谓浅比较(shallowEqual),即react源码中的一个函数,然后根据下面的方法进行是不是PureComponent的判断,帮我们做了本来应该我们在shouldComponentUpdate中做的事情...转载 2019-12-04 16:00:55 · 123 阅读 · 0 评论 -
Error: ENOENT: no such file or directory, scandir 'F:\react-elm-master\node_modules\node-sass\vendor
原创 2019-07-12 14:26:42 · 1487 阅读 · 0 评论 -
create-react-app创建react项目,使用less,使用npm run eject命令报错问题解决
1、安装less,在项目中执行: cnpm install less less-loader --save2、配置config/webpack.config.js文件webpack.config.js文件配置好之后运行:npm start但是Create React App(以下简称 CRA)是创建 React 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一...原创 2019-07-12 17:43:43 · 514 阅读 · 0 评论 -
popstate的bug解决方案
在知乎里面看到一篇爝爷的文章,感觉很有用,赶紧那笔记下来!!!首先,我们接到用户投诉,在某些网络运营商的网络下,某些android机型的浏览器中,访问我们的页面会有一些诡异的行为。一,起因:行为表现是,进入页面后,什么都不操作,页面加载完毕后,用户的浏览器居然直接跳转到了某个网站的一个搜索页面,每次搜索的结果还都不一样。一开始我们发现了这个bug后,是非常被动的,因为用户进行了录屏...转载 2019-01-22 16:12:11 · 6740 阅读 · 1 评论 -
css 11种垂直居中方法
1. 使用绝对定位和负外边距对块级元素进行垂直居中html代码:<div id="box"> <div id="child">我是测试DIV</div> </div>css代码:#box { width: 300px; height: 300px; background: #ddd; position: relative; } #ch...转载 2018-11-19 22:25:51 · 110 阅读 · 0 评论 -
网站组建css样式初始化css代码
PC雅虎工程师提供的CSS初始化示例代码体,DIV,DL,DT,DD,UL,醇,LI,H1,H2,H3,H4,H5,H6,预先,代码,格式,字段集,图例,输入,按钮,文本区域,P,BLOCKQUOTE,日td {margin:0; 填充:0; } body {background:#fff; 颜色:#555; 字体大小:14px的; font-family:Verdana,Arial,Hel...转载 2018-11-19 22:13:02 · 470 阅读 · 0 评论