20190315 前端开发日报

HTML5 移动端自适应方案与踩坑;Vue项目架构优化;为什么我用 JavaScript 来编写 CSS;TypeScript,初次见面,请多指教 ?;深入理解JavaScript作用域和作用域链;Web 性能优化: 使用 React.memo() 提高 React 组件性能;[ Laravel 5.8 文档 ] 前端开发 —— 快速入门:JavaScript & CSS 脚手架;Vue渲染过程浅析

  1. HTML5 移动端自适应方案与踩坑 原文链接: blog.sjfkai.com/2019/01/29/… 转载请注明出处 最近刚接触前端开发,接手了一个移动端H5项目。着实体会掉了前端的坑之多,和H5移动端的坑之多多。 如今项目告一段落,在这里做一总结 屏幕自适应方案 介绍方案之前,首先还是交代一下项目背景与需求,毕竟一切方案也不能脱离实际需求。 需求与背…
  2. Vue项目架构优化 这篇博客我将为你介绍vue的架构思想,当然这只是我根据遇到的项目总结的vue架构,这是我发现的一个小三轮,如果你有好的架构也欢迎指教哦。 好了,我们开始聊吧! 以我手撸的一个小项目 低配饿了么外卖平台 为例:线上演示地址 最初的版本 目录结构 ├── src // 生产目录 │ ├── api …
  3. 为什么我用 JavaScript 来编写 CSS 原文地址: Why I Write CSS in JavaScript 原文作者:max stoiber 译文出自: 掘金翻译计划 本文永久链接: github.com/xitu/gold-m… 译者: Ivocin 校对者: MacTavish Lee , Mirosalva 三年来,我设计的 Web 应用程序都没有使用 .css 文件。作为替代,我用 JavaScript 编写了所有的 …
  4. TypeScript,初次见面,请多指教 ?摘要: TS入门手册。 原文:TypeScript,初次见面,请多指教 作者:徐祁 Fundebug经授权转载,版权归原作者所有。 为什么用 TS ? 说实话,最开始并没有想把 TS 用到实际项目中来,一来是感觉“类型”会限制 JS 的优…
  5. 深入理解JavaScript作用域和作用域链 【51CTO.com原创稿件】 前言 JavaScript中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说,作用域的概念并不是很容易理解,本文我会尽我所能用最简单的方式来解释作用域和作用域链,希望大家有所收获! 作用域(Scope) 1.什么是作用域 作用域是在运行时代码中的某些特定部分中变量,函数和对…
  6. Web 性能优化: 使用 React.memo() 提高 React 组件性能这是 Web 性能优化的第四篇,之前的可以在下面点击查看: Web 性能优化: 使用 Webpack 分离数据的正确方法 Web 性能优化: 图片优化让网站大小减少 62% Web 性能优化: 缓存 React 事件来提高性能 React.js 核心…
  7. [ Laravel 5.8 文档 ] 前端开发 —— 快速入门:JavaScript & CSS 脚手架 简介 Laravel 并不强制你使用什么 JavaScript 框架或者 CSS 预处理器,不过也确实提供了对很多应用而言都很有用的 Bootstrap 和 Vue 的一些基本脚手架。默认情况下,Laravel 使用 NPM 来安装这些前端包。 CSS Laravel Mix提供了干净、优雅的 API 用于编译 SASS 或 Less,SASS 和 Less 都是在原生 CSS…
  8. Vue渲染过程浅析Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。但是模板毕竟是模板,不是真实的dom节点。从模板到真实dom节点还需要经过一些步骤
  9. 关于Vue slot插槽 我想说的事 春节Vue-2.6.0发布后,对slot插槽进行了一定的优化,那么对于插槽,你真正的了解吗?以下是我使用中总结的拙见,欢迎批评指正+++++ 最近在做业务组件的时候,用到三种slot,被叫做”默认插槽“,”具名插槽“,”作用域插槽“。 默认插槽 子组件 <a v-bind:href="url" class="nav-link">…
  10. 性能优化篇—Webpack构建速度优化输出Webpack构建信息的.json文件:webpack –profile –json > starts.json
  11. Wonder 1.0 正式版发布:WebGL 3D 引擎和编辑器 介绍 我们很荣幸地向大家发布Wonder 1.0正式版!免费、开源,不用注册,直接打开在线编辑器即可使用! Wonder是web端3D开发的解决方案,包括引擎、编辑器,致力于打造开放、分享、互助的生态。 您可以在制作第一个项目中学习如何开始。 Wonder功能上与Unity3D类似,但比起Unity3D我…
  12. NodeJS与模块系统 孤山寺北贾亭西,水面初平云脚低。几处早莺争暖树,谁家新燕啄春泥。乱花渐欲迷人眼,浅草才能没马蹄。最爱湖东行不足,绿杨阴里白沙堤。 ———— 唐.白居易《钱塘湖春行》 自从 Node8.5 以后, Node 开始支持引入 ES 模块 。在新开的项目中,笔者尝试使用了这种方式。由于目前 NodeJS 对于 ES 模块尚属试验性支持,因此…
  13. KV Storage,Web 上第一个内置模块 原文地址: KV Storage, the Web’s First Built-in Module 原文时间:2019年3月 翻译计划: https://github.com/barretlee/translation-plan 翻译人员:小胡子哥 在过去十年中,浏览器供应商和网络性能专家一直在说 localStorage 很慢 ,网络开发者应该停止使用它。 说实在的,确实如此,localStorage …
  14. Webpack DllPlugin 让构建速度柔顺丝滑 DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles,同时还大大提升了构建的速度,将包含大量复用模块且不会频繁更新的库进行编译,只需要编译一次,编译完成后存在指定的文件中。在之后的构建过程中不会再对这些模块进行编译,而是直接使用 DllReferencePlugin 来引用动态链接库的代码。一般会对常用的第三…
  15. 基于three.js的3D炫酷元素周期表 最近在学习 three.js 在拿example中的项目练手,用了一整天的时间模仿了一个炫酷的元素周期表,在原有的基础上进行了一些改变。下面我会逐步讲解这个项目,算是加深理解,让大家提提意见。 因为我未搭建个人服务器。截几张图给大家看看效果我做的效果(大部分是和原来的一样)。可能一部分人已经见过这个经典动画了…
  16. JavaScript 中的表示任意精度的 BigInt 作为前端开发,不知道大家是否被大整数困扰过?JavaScript 对大整型一直没有支持,想要操作大整型数字必须借助第三方库,除了麻烦还可能有打包过大和运行时效率的问题。对比 Java 中,早就有了能表示任意精度的 BigInteger 。而对于 JavaScript,ECMAScript 中的提案 BigInt 就是一个可以表示任意精度的新的数字原始类…
  17. 前端笔试中两道与节点有关的算法题[ ‘root’,’child1′,’child2′,’child3′,’child1_1′,’child1_2′,’child2_1′,’child2_1′ ]
  18. 使用 webpack 的各种插件提升你的开发效率 近几个月,接手了一个老项目的重构规划,有多老呢?就是前端青铜时代的项目,一个前后端都在同一个锅里的项目、完全没有使用任何的打包工具。 后台 php + YII 渲染页面 前端 html 、 css 、 js 三剑客 加上 jQuery 复制粘贴就是干。 前端不够后端来凑。如果前端有一些需求不是很复杂的话,后端人员有…
  19. selenium跳过webdriver检测并模拟登录淘宝模拟登录淘宝已经不是一件新鲜的事情了,过去我曾经使用get/post方式进行爬虫,同时也加入IP代理池进行跳过检验,但随着大型网站的升级,采取该策略比较难实现了。因为你使用get/post方式进行爬取数据,会提示需…

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

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


关注我

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

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

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