20190630 前端开发日报

深入理解JS执行流程;Vue经典面试题: Vue.use和Vue.prototype.$xx有血缘关系吗?;搭建自己的React+Typescript环境(二);Node.js基础随笔;Vue应用部署到服务器的正确方式;从零搭建一个VueCLI (2);JavaScript 引擎 V8 发布 7.6 版本:别问,问就提升性能;前端培训-中级阶段(6)- jQuery元素节点操作(2019-07-18期)

  1. 深入理解JS执行流程 想要成为一名 JavaScript 开发者,那么你必须知道 JavaScript 程序内部的执行机制。执行上下文和执行栈、词法作用域、this、内存空间、变量对象等都是JavaScript中关键点,同时也是JavaScript难点。 一、内存空间 因为JavaScript具有自动垃圾回收机制,所以对于前端开发来说,内存空间并不是一个经常被提及的概念,…
  2. Vue经典面试题: Vue.use和Vue.prototype.$xx有血缘关系吗?没关系, 面试的时候总会问如何在Vue的实例上挂载一个方法/属性, 也就是Vue.prototype的小技巧, 但是突然有人问他俩有啥关系还真是新鲜.
  3. 搭建自己的React+Typescript环境(二) 搭建自己的React+Typescript环境(一) 上一篇文章介绍了React+Typescript的基础环境搭建,并没有做任何优化配置,以及根据不同的开发环境拆分配置,这篇文章主要就是介绍这些,并且所有配置都是在上篇文章的基础上,如果有什么问题或者不对的地方,希望大佬们能及时指出,最后有项目地址~ 要用到的几个依赖 …
  4. Node.js基础随笔 基本的网页开发:前端(css/html/js),服务端(node.js/java/php等),运维部署 作为前端开发,通过Node.js学习服务端,可以在js不用学习另一门新语言基础上,较容易上手 2. Node.js是什么? 把Chrome的v8引擎(JavaScript引擎)移植出来,开发独立的JavaScript运行环境。代码只是特殊格式的字符串,JavaScript…
  5. Vue应用部署到服务器的正确方式 很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题,但真正放在服务器上后,会发现或多或少的问题,比如:页面出现空白现象,获取资源路径不对等,我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题,我也遇到过,那现在我们就来一一解决这样的问题。 …
  6. 从零搭建一个VueCLI (2) 接着上一篇接着说,babel7 引入了按需加载,他的值根据 .browserslistrc 范围来决定,同时 autoprefixer 插件也是一样,定义的方法有两种,一种是在 package.json 文件内,另外一种作为单独的文件,为了方便管理,下面的所有配置都是单独的文件 > 1% last 2 versions 复制代码 上面的意思是说,大于 1%,浏览器…
  7. JavaScript 引擎 V8 发布 7.6 版本:别问,问就提升性能 JavaScript 引擎 V8 发布了 7.6 版本,目前处于 beta 阶段,正式版将于几个星期后随 Chrome 76 Stable 一起发布。此版本通过以下几个特性改进又提升了性能: 改进 JSON.parse 在现代 JavaScript 应用中,JSON 通常用作传递结构化数据的格式。通过加速 JSON 解析,可以减少通信的延迟。…
  8. 前端培训-中级阶段(6)- jQuery元素节点操作(2019-07-18期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  9. vue 220+个知识点(面试题)为你保驾护航要招一个会vue的开发者: 作为面试官的你,你还会每次都只是问这些老土的问题吗? 你对MVVM的理解是什么? 你知道什么是双向绑定吗?你了解它的原理吗? 说说vue的生命周期有哪些? 组件通讯有哪些? 你用过vuex…
  10. Canvas裁剪图片(截选框可拖拽)利用Canvas实现图片裁剪 效果图 实现思路 打开图片并将图片绘制到canvas中; 利用canvas的drawImage()函数来裁剪图片; 将canvas转化为Image即可。 HTML代码: {代码…} CSS代码 CSS代码基本通过javaScript添加 …
  11. Vue项目—目录结构生成的结构目录如下 文件夹类 build webpack相关配置文件一般情况下不需要自己配置 config vue基本配置文件可配置端口号打包输出等 node_modules 依赖包也就是运行cnpm install 安装的所有组件都在这里 src 项目…
  12. JS 规范又双叒要更新了 JavaScript 目前依旧很受欢迎。如 GitHub 的报告 Octoverse 中的 图表 所示,JavaScript 是 GitHub 多年来最常用的语言。此外,Stack Overflow 最近的 “2019 开发者调查报告” 也将 JavaScript 列为最受欢迎的技术。 GitHub 最流行语言的变迁 ECMAScript 2015 和随后的 ECMAScript 规范看起来也被众多开发…
  13. 深入理解JavaScript的类型转换 前言 JavaScript作为一门弱类型语言,我们在每天的编写代码过程中,无时无刻不在应用着值类型转换,但是很多时候我们只是在单纯的写,并不曾停下脚步去探寻过值类型转换的内部转换规则,最近通过阅读你不知道的JavaScript中篇,对js的值类型转换进行了更加深入的学习,在此分享给大家参考学习。 概念 将值从一种类…
  14. 在 npm 上启用现代 JavaScript 现代 JavaScript 语法让我们使用较少的代码做更多的事,然而我们传输给用户的 JavaScript,有多少是现代的呢? 过去的几年中我们一直在写现代 JavaScript(或者TypeScript,它们在转译的过程中编译为 ES5。这样的做法让 JavaScript 的“最新技术”以比支持旧版浏览器时更快的速度向前发展。 最近,开发者…
  15. 【Vue项目总结】基于饿了么组件封装vue项目中,组件是项目的基石,每个页面都是组件来组装起来,我司没有自己的组件库,选用的是ElementUI组件库,在它的基础上再次封装。
  16. ReactJS 与 Vue.JS – 2019年两个流行 JavaScript 框架的分析 原文 aglowiditsolutions.com/blog/reactj… 关于 ReactJS vs AngularJS 的争论可能已经成为过去。而现在 web 开发者讨论最多的是 Vue.js 和 ReactJS。 前端技术更新速度快,偶尔会出现新的惊喜。你永远不知道接下来在技术发展方面会发生什么。VueJs在其初始阶段(2014年)并不那么受欢迎,并且花了…
  17. 全面学习使用JavaScript访问和修改CSS样式 首先说在HTML中定义样式的方式有 3 种: link style style DOM2级模块围绕这三种应用样式机制提供了一套API。理解了这套API就理解了如何用JS操作CSS了。这套接口种类很多。如下图: 可以参考 MDN 这篇文章了解。 接口都是有规律的,死记硬背不好记住,根据HTML中定义样式的3种方式来看接口的定义,…
  18. Javascript中的日期对象 日期在JavaScript中很奇怪。当我们需要处理日期和时间的时候,它会让我们非常焦虑,以至于我们需要借助于 date -fns 和 Moment 这样的库 但是我们并不总是需要使用库。如果你知道哪些地方需要注意,日期对象其实很简单。在本文中,我将带您了解关于 Date 对象的所有内容。 首先,让我们讨论下时区 时区 世界上有上…
  19. webpack4.0.0.beta尝鲜 date: 2018-03-19 16:01:31 标签(空格分隔): webpack 近年来前端技术如雨后春笋蓬勃发展,我们也在不断学习中成长。例如:jsx 方便了我们在 js 中编写 html,less/sass 的出现提高了我们书写 css 的能力,AMD/CommonJS/ES6 的出现为我们模块化开发提供了便利。然而,我们需要使用其它工具将这些工具转…
  20. vue中keepAlive的使用在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的状态(比如滚动位置信息),这个时候就需要保存状态,要缓存状态;vue里提供了keep-alive组件用来缓存状态。可以用以下几种方案解决问题;
  21. WebAssembly应用到前端工程(下)—— webpack和webassembly 在上一篇文章 WebAssembly应用到前端工程(上)—— webassembly模块的编写 中,完成了@ne_fe/gis模块的编写与发布。然而webassembly在当前以webpack4为主要编译工具的实际工程应用中依然存在问题。 尽管webpack4新增了对wasm文件的编译支持,在wasm模块编写完成之后将其与webpack结合的过程中发现,wasm模块无法被正…
  22. js 拾遗. 点字符匹配除回车(r)、换行(n) 、行分隔符(u2028)和段分隔符(u2029)以外的所有字符
  23. vtils:小巧实用的 JavaScript 工具类库 小巧实用的 JavaScript 工具类库。 https://fjc0k.github.io/vtils/ 特性 源于日常项目实践,更实用 使用 TypeScript 编写,类型友好 支持摇树优化(Tree Shaking),只引入使用到的工具 浏览器、Node、小程序多端兼容 安装 # yarn yarn add vtils # or, npm npm i vtils –save 使用 …
  24. JavaScript之new运算符new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new关键字会进行如下的操作:

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

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


关注我

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

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

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