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