20190318 前端开发日报

Promise——从阅读文档到简单实现(二);js异步从入门到放弃(一)- Event Loop模型;2019年 Vue.js 报告中的亮点;前端基础之-响应式,flex,适配(px、em、rem、%、vm);前端面试题–HTML+CSS;前端性能优化策略;AST 实战:从零开始写一个 wepy 转 VUE 的工具;高级前端基础-JavaScript抽象语法树AST

  1. Promise——从阅读文档到简单实现(二)按照文档说明简单地实现 ES6 Promise的各个方法并不难,但是Promise的一些特殊需求实现起来并不简单,我首先提出一些不好实现或者容易忽略的需求:
  2. js异步从入门到放弃(一)- Event Loop模型众所周知,JS最初的目的是用于处理浏览器的用户交互和操作DOM,因此,如果JS设计成允许同时存在2个以上的线程,就会出现以下这种问题:
  3. 2019年 Vue.js 报告中的亮点最新版的 State of Vue.js 报告是现场直播,它为 Vue 生态系统的状态以及团队未来的储备提供了一些有价值的见解。让我们仔细看看。
  4. 前端基础之-响应式,flex,适配(px、em、rem、%、vm)自适应设计 通过检测视口分辨率,来判断当前访问的设备是:pc端、平板、手机,从而请求服务层,返回不同的页面;响应式设计通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容。
  5. 前端面试题–HTML+CSS貌似又到了一年一度跑路跳槽的时刻,由于个人的一些原因最近也参加了很多面试,发现有很多基础性的东西掌握程度还是不够,故此想总结一下最近面试遇到的问题以及个人认为比较重要的东西,留给自己消化,也分享给…
  6. 前端性能优化策略注意: 最好是在修改之后进行前后对比,在使用了优化方法之后和没使用的时候,因为就算使用了优化方式,也不一定会起到性能优化的效果,需要据场景而定。
  7. AST 实战:从零开始写一个 wepy 转 VUE 的工具 作者 | 张所勇 为什么需要 wepy 转 VUE “转转二手”是我司用 wepy 开发的功能与 APP 相似度非常高的小程序,实现了大量的功能性页面,而新业务 H5 项目在开发过程中有时也经常需要一些公共页面和功能,但新项目又有自己的独特点,这些页面需求重新开发成本很高,但如果把小程序代码转换成 VUE 就会容易…
  8. 高级前端基础-JavaScript抽象语法树ASTBabel为当前最流行的代码JavaScript编译器了,其使用的JavaScript解析器为babel-parser,最初是从Acorn 项目fork出来的。Acorn 非常快,易于使用,并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插…
  9. 如何使用JavaScript操作CSS颜色 在学习如何使用JavaScript操作CSS颜色之前,我们需要对CSS如何设置颜色有一个基本的了解。CSS设置颜色模式有多种,最为常见的模型有: RGB 和 HSL 。我们先来看一下这两种颜色模式。 颜色模式 RGB RGB 是 red 、 green 和 blue 三个单词首字母的缩写,其由三个数字组成,每个数字表示其各自颜色的光在最终颜…
  10. Web 应用安全: 使用这些 HTTP 头保护 Web 应用 浏览器已经实现了大量与安全相关的头文件,使攻击者更难利用漏洞。本文介绍了它们的使用方式、它们防止的攻击类型以及相关历史。
  11. 精读《Serverless 给前端带来了什么》 “前端框架总是带入后端思维,而 Serverless 则是把前端思维带入了后端运维。”
  12. 你真的了解 webview 么? 作者 | 陆云海 写在前面: Webview是我们前端开发从PC端演进到移动端的一个重要载体,现在大家每天使用的App,webview都发挥着它的重要性。接下来让我们从webview看世界。 一、适用场景 提到应用场景,大家最直观的能想到一些App内嵌的页面,为我们提供各种各样的交互,就像下面图…
  13. Promise学习总结写在前面: 第一遍学Promise时, 只是大概过了一遍, 感觉学的不够深入, 这一篇算是对之前的一个总结吧. Promise在ES6中也属于一个较难理解的一部分; 所以在学习一个比较难理解的知识点时, 我们可以围绕这个知识点进…
  14. Vue倔强青铜-入门和组件化通信G 作为前端最容易上手的框架,Vue入门其实没啥说的,我放一段清单的代码,大家能看懂就说明能上手了 <template> <div id="app"> <h1>{{title}}</h1> <div> <input type="text" v-model="val"> <button @click=&q…
  15. 基于刮刮卡Vue组件发布一个NPM包 项目中需要实现一个刮刮卡的模块,项目结束后沉淀项目时刚好可以把刮刮卡模块封装好,在下次新的项目中要用到时,可以更好的提高项目的效率,当然也更好地提供给其他小伙伴使用。 源码地址: github.com/ZENGzoe/vue… npm包地址: www.npmjs.com/package/vue… 刮刮卡组件的效果如下: 二、刮刮卡vue组…
  16. Vue-cli 3.5.1 + Webstorm 使用手机访问演示页面如果使用Webstorm和Vue-cli 3.5.1创建项目。npm run server 后手机不能通过网络访问演示页面,原因是webstorm默认使用计算机本地连接的IP地址作为网络访问地址,修改IP地址为要使用的无线网络地址就可以解决问题….
  17. 记一些 Promise 相关的优化点 善用 Promise.all async_function 的出现,让异步代码写起来更方便的同时可能也会让人忽略一些性能问题,比如我今天优化的一个异步日志功能。 代码如下: async function doLog (work) { const logs = [] await work(log => logs.push(log)) console.log(logs) } async function work1…
  18. TodoList:适合初学者的vue+node小项目一个简单的vue + nodejs项目,前端由vue实现,后端由nodejs(express),数据库采用mongodb。
  19. 根据调试工具看Vue源码之computed(二) 回顾 上回提到, computed ————计算属性的缓存与 Watcher 这个类的 dirty 属性有关,那么这次我们接着来看下, dirty 属性到底取决于什么情况来变化,从而对 computed 进行缓存。 依赖收集 切入正题之前,我们先来看一个问题:如果一个 computed 的结果是受 data 属性下的值影响的,那么…
  20. 基于react+koa的图片验证码滑动图片验证码 基于 react 和 koa2 的一个图片滑动验证码 效果图 使用 {代码…} {代码…} {代码…} 业务逻辑 前端请求数据 后台返回主图片,和小滑块图片 前端交互,滑动之后,获取滑动的 x 值 将用户信息和 …
  21. React Hooks 从入门到上手楼主最近在整理 React Hooks 的一些资料,为项目重构作准备,下午整理成了这篇文章。如果之前没接触过相关概念,那么通过这篇文章, 你将会了什么是React Hooks , 它是做什么的 , 以及如何使用。
  22. 网页html生成图片的常用方案如果您有一个需求是将网页生成一个快照的图片,然后需要用到该图片上传或者发送给他人的这样的需求,那么你会怎么做呢?聪明的你可能会想到canvas是否可以生成一个这样的图片呢?没错,今天就给大家推荐一个简单…
  23. 基于 vue 的通用表单解决方案的思考 “那要怎么改?”,“那得改到什么时候?”,“什么时候才能支持这些功能?”。 再一次听到了这样的话,我沉默了。到底要怎样改,这也是我所思考的,最近一直忙于其他,已经有一段时间没有处理issue了,趁着调休,我也要好好思考下。 半年前,接触了el-form-renderer,瞬间感觉减轻了大部分表单编写的工作,一个简…

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

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


关注我

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

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

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