20200311 前端开发日报

VS Code提高前端开发效率插件;妙用CSS变量,让你的CSS变得更心动;4W字长文带你深度解锁Webpack系列(基础篇);开发一个Vue插件;Vue项目打包压缩:让页面更快响应;纯css3实现二维码扫描特效;几道面试题来看JavaScript执行机制;React 实践揭秘之旅,中高级前端必备(上)

  1. VS Code提高前端开发效率插件Auto Close Tag 自动添加HTML/XML关闭标记,与Visual Studio IDE或Sublime文本相同 键入开始标签的结束括号后,将自动插入结束标签。 Auto Rename Tag 自动重命名配对的HTML/XML标记 Beautify 为VS代码美化代码 …
  2. 妙用CSS变量,让你的CSS变得更心动作者:JowayYoung仓库:Github、CodePen博客:掘金、思否、知乎、简书、头条、CSDN公众号:IQ前端联系我:关注公众号后有我的微信哟特别声明:原创不易,未经授权不得对此文章进行转载或抄袭,否则按侵权处理,如…
  3. 4W字长文带你深度解锁Webpack系列(基础篇)三篇长文,4W余字,带你解锁 webpack ,希望读完这三篇文章,你能够对 webpack 的各项配置有一个更为清晰的认识。
  4. 开发一个Vue插件Vue 项目开发过程中,经常用到插件,比如原生插件 vue-router、vuex,还有 element-ui 提供的 notify、message 等等。这些插件让我们的开发变得更简单更高效。那么 Vue 插件是怎么开发的呢?如何自己开发一个 Vue…
  5. Vue项目打包压缩:让页面更快响应影响网页响应速度的因素有很多,例如:http请求次数太多、服务器本身处理请求太久、请求内容太大、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关,直接影响到用户是否愿意继续访…
  6. 纯css3实现二维码扫描特效在线预览 [链接] 如果本文对你有用,对博主小额打赏,以资鼓励,分享更多有用的技能 先看效果: 第一步,实现网格背景: {代码…} 第二部实现扫码线以及渐变背景特效 {代码…} 四角特效 就是四个宽高相等的正方…
  7. 几道面试题来看JavaScript执行机制根据 JavaScript 的运行环境,锁定它为单线程,任务需要排队执行,如果网站资源比较大,这样会导致浏览器加载会很慢,但实际上并没有,大家肯定立刻想到了同步和异步。
  8. React 实践揭秘之旅,中高级前端必备(上)感谢大家又被我的标题党骗进来了。这是我最近几个月亲身探寻过的一趟旅途,感受颇深。途中也遇到许多困难,但坚持到底,相信最终一定会让各位小伙伴受益匪浅,不虚此行!同时也感恩大家对之前一个系列文章的喜欢…
  9. Github 火热的 FastAPI 库,站在了这些知名库的肩膀上 “Python猫” ,一个值得加星标的公众号 花下猫语:如果你还不知道 FastAPI 是什么/有多好,请先看看我之前转载的 这篇文章,然后再阅读本文。今天分享的是一篇译文,译自 FastAPI 的官方文档,作者主要是将它与其它框架/库作了对比,介绍了 FastAPI 从它们身上吸收的一些亮点。阅读本文可以加深对 FastAPI 的理解,…
  10. JavaScript工具函数大全如果文章和笔记能带您一丝帮助或者启发,请不要吝啬你的赞和收藏,你的肯定是我前进的最大动力 附笔记链接,阅读往期更多优质文章可移步查看,喜欢的可以给我点赞鼓励哦:[链接] 为元素添加on方法 {代码…} 为…
  11. 从零到一教你基于vue开发一个组件库 前言 Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完 从0到1教你搭建前端团队的组件系统 之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件库. 虽然笔者有近2年没有从事vue的开发了,但平时一直在关注vue的…
  12. VUE实现Studio管理后台(十一):下拉选择列表(Select)控件,输入框input系列 这次Github上传错了,标题中的序号不对,我想这样:《VUE实现Studio管理后台(十一):下拉选择列表(Select)控件,输入框input系列》实际传成了这样《VUE实现Studio管理后台(九):下拉选择列表(Select)控件,输入框input系列》,很无奈的错误,我也不知道怎么修正,下载代码的时候注意分别吧。 这次分享下拉列表…
  13. 初级前端知识点整合-JS部分建议使用对象字面量的写法替代new Array这种写法:var arr = [1,2,3,4];尽量不要使用全局变量;For循环和IF语句必须使用大括号;Switch语句必须带有Default分支;for-in 循环中的变量应该使用Var关键字限定作用域…
  14. VUE实现Studio管理后台(十二):添加输入组合,复杂输入,输入框Input系列 这次的功能优点复杂,组件嵌套了很多次,自己表达能力毕竟有限,分享出来未必能讲明白。为了保持内容的连贯性,最终决定写一下。先看效果: 关键点: 1、组件嵌套 手风琴式折叠组件,嵌套输入行,还嵌套输入行的组合(例子中的边框) 2、多角度重置 实时监测当前值跟缺省值是否一致,并提供重置功能。 …

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流