20190815 前端开发日报

Vue中created与mounted区别;javascript之闭包七(闭包的应用场景);【Vue原理】Compile – 源码版 之 generate 拼接绑定的事件;22道JavaScript高频手写面试题;前端也能玩硬件:在ESP32上运行JavaScript;react知识点整理50问(未完待续);Vue 导航守卫(路由的生命周期);Vue页面转Pdf实践

  1. vue中created与mounted区别关于vue.js中的生命周期,如果不是有特别的需求,一般在项目开发过程中更多的使用created和mounted,所以在本文中主要讲解created与mounted在开发中的主要使用区别。
  2. javascript之闭包七(闭包的应用场景) 原生的setTimeout传递的第一个函数不能带参数,通过闭包可以实现传参效果 setTimeout(function(param){ alert(param) },1000) //通过闭包可以实现传参效果 function func(param){ return function(){ alert(param) } } var f1 = func(1); setTimeout(f1,1...
  3. 【Vue原理】Compile - 源码版 之 generate 拼接绑定的事件 写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧 研究基于 Vue版本 【2.5.17】 如果你觉得排版难看,请点击 下面链接 或者 拉到 下面 关注公众号 也可以吧 【Vue原理】Compile - 源码版 之 generate 拼接绑定的...
  4. 22道JavaScript高频手写面试题 JavaScript笔试部分 点击关注本获取文档最新更新,并可以领取配套于本指南的 《前端面试手册》 以及 最标准的简历模板 . 实现防抖函数(debounce) 防抖函数原理:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 那么与节流函数的区别直接看这个动画实现即可。 手写简化版: // ...
  5. 前端也能玩硬件:在ESP32上运行JavaScript 只想要可执行固件的请直接下载: github.com/nodemcujs/n… 本文的主要目的是描述如何让 ESP32 芯片运行 JavaScript,并且让 web 前端开发人员也能玩转硬件。 作者之前是 web 前端开发工程师,所以文章会尽量站在 web 前端开发工程师的角度,抛开底层的硬件知识,去掉一些目前不需要关心的,将重点放在软件上。 尽管这...
  6. react知识点整理50问(未完待续)react会将传入的参数对象和组件的当前状态合并,根据新的状态构建新的react元素树,计算react新树和老树的差异,根据差异最小化对界面进行最小化渲染
  7. Vue 导航守卫(路由的生命周期) "导航"表示路由正在发生改变 vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中,他们分为三种: 全局的 router.beforeEach router.beforeResolve router.afterEach 单个路由独享的 beforeEnter ...
  8. Vue页面转Pdf实践 作者:颜亦浠@毛豆前端 这一次我们来聊聊如何把页面转换成Pdf文件,经常会有这种场景,一些合同、协议等的页面需要进行下载,而且需要和页面保持一致,那么最好的方式就是直接把页面转换成相应的格式就好了,目前基本上就是Doc和Pdf这2种比较流行,我们就以Vue写的页面为例来看看如何转成Pdf文件。 模块依赖 主要依...
  9. 自制数字滚动JS插件分享 jquery.numscroll.js是一款jQuery数字滚动累加动画插件,使用该插件可以快速的制作出炫酷的数字累计动画特效 下载地址 github.com/chaorenzeng… 效果展示 快速使用 1.引入jquery 和 jquery.numscroll.js <script src="js/jquery-1.10.2.min.js" type="text/javascript" ...
  10. UIWebView和WKWebView与JS的交互详解 最近从同事那里了解到UIStackView这个API,之前使用到的自动布局有代码自动布局(Masonary)和拖 constraint 这两种。UIStackView和这两种相比可以减少重复繁琐的工作,使自动布局变得方便快捷。 UIStackView是苹果推出的一套可以自动布局的API,适配iOS9.0之后,iOS8.0之前的不支持,UIStackView是一个容器,UIStackV...
  11. 前端20个真正灵魂拷问,吃透这些你就是中级前端工程师 【上篇】网上参差不弃的面试题,本文由浅入深,让你在做面试官的时候,能够辨别出面试者是不是真的有点东西,也能让你去面试中级前端工程师更有底气。但是切记把背诵面试题当成了你的唯一求职方向
  12. Vue CLI3搭建项目实战操作 最近公司来了个新项目,之前Vue项目都是用Vue CLI2搭建的,现在准备用Vue CLI3搭建,谨以此文记录实战过程,如果觉得此文对您有帮助,帮忙点个赞,谢谢。持续更新中………… 一、安装Vue CLI3 npm uninstall vue-cli -g npm install -g @vue/cli vue --version 二、搭建Vue项目 新建文件夹,注意文件名字最好不...
  13. 一周 GitHub 开源项目推荐:滴滴、美团、bilibili、去哪儿网…… 一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 AoE:滴滴开源的终端侧 AI 集成运行时环境 AoE (AI on Edge) 是一个终端侧 AI 集成运行时环境 (IRE)。以 “稳定性、易用性、安全性” 为设计原则,帮助开发者将不同框架的深度学习算法轻松部署到终...
  14. Vue CLI 3.x 与 2.x的区别 安装与项目构建 项目目录变化 项目配置变化 安装&项目构建 CLI安装 cli的包名变更 # cli 2.x npm install -g vue-cli # cli 3.x # 3.x 安装时,如果之前安装了2.x需要卸载2.x再安装 npm install -g @vue/cli 复制代码 项目构建 cli2.x vue init <template-name> <project-name...
  15. babel 7.1.2升级babel 8记录 官方提供了很方便的插件 直接看代码 安装 npm i -g babel-upgrade 运行命令 npx babel-upgrade --write --install 输出的日志 "devDependencies": { + "@babel/core": "^7.0.0", + "@babel/plugin-proposal-class-properties": "^7.0.0", + "@babel...
  16. 使用 Jest 进行 Vue 单元测试 本文介绍: 1、vue-cli3下jest环境的搭建 2、vue组件基本的测试方法 环境配置 vue-cli3 的插件使安装流程变得格外简单,通过 vue ui 启动可视化管理系统,在插件栏,点击 ‘添加插件’,搜索 @vue/cli-plugin-unit-jest,点击安装就可以了,对应命令行的 vue add @vue/cli-plugin-unit-jest 命令;这个过程实际上...
  17. 你可能不知道的 Node.js DNS 模块 首发于我的博客:www.ahonn.me/post/57 作为 Node.js 的内置模块之一,dns 模块日常的使用率并不高。但在某些情况下 dns 模块却是非常有用的,例如在需要通过 Node.js 来判断本地网络是否畅通;或者在某些高并发的情况下,可以手动通过 dns 模块进行查询并缓存之后,再进行请求发送。 所以 dns 模块还是有必要好好...
  18. 一些前端LeetCode题目集合及视频讲解(持续更新中...)前端LeetCode刷题 下面是已刷的题目的目录。GitHub:[链接] 针对一些题目录制的讲解视频。放在了在B站,免费,无广告,欢迎观看~ [链接] 数组类 26 删除排序数组中的重复项 27 移除元素 35 搜索插入位置 66 加1 8...
  19. node.js函数如何获取调用者的文件目录路径: 用callsite获取错误堆栈的每一层文件名及路径 在node.js中有时侯会想从被调用函数中获取调用者的文件位置和路径。可以用以下方法: callsite模块 使用这个模块可以获取调用堆栈的文件目录 var path = require('path'), callsite = require('callsite'); module.exports = { someFn: function () { var stack = callsite(), requester = stack .getFileNam...
  20. JS 中 this 在各个场景下的指向很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大,但需要一定付出才能慢慢理解它。
  21. Node.js Koa2框架的理解【三、koa-router】 koa 框架一直都保持着简洁性, 它只对 node 的 HTTP 模块进行了封装, 而在真正实际使用, 我们还需要更多地像路由这样的模块来构建我们的应用, 而 koa-router 是常用的 koa 的路由库. 这里通过解析 koa-router 的源码来达到深入学习的目的. 参考链接 github.com/zhangxiang9… 深入浅出路由模块 基本使用 const K...
  22. 如何在React中优雅的处理doubleClick上午楼主遇到一个需要处理双击事件的需求,在这里介绍下如何在触发doubleCLick时间的时候, 不触发click事件的解决办法, 顺便分享给大家。
  23. babel 7.4 配置文件(翻译) 在babel 7.x中,babel有一个“根”目录的概念,默认为当前的工作目录。. 对于项目范围的配置,babel将自动在这个根目录中搜索“babel.config.js”。或者,用户可以使用显式的“config file”值来覆盖默认的配置文件搜索行为。 由于项目范围内的配置文件与配置文件的物理位置分离,因此它们非常适合必须广泛应用的配置,甚至允...
  24. 批量转换 AMD 与 CommonJs 模块到 ES 模块就前端而言,ES6 的模块化写法已经是主流了,但很多老的项目都是用 AMD 或者 CommonJs 规范写的。由于 Webpack 现在已经慢慢不太支持 AMD 或者 CommonJs 规范的代码,所以需要把这两种规范的代码都转换成 ES6 规...

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

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

原文:20190815 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190815.html)