20190807 前端开发日报七夕快乐！

最新推荐文章于 2022-08-04 18:09:38 发布

前端开发博客

最新推荐文章于 2022-08-04 18:09:38 发布

阅读量279

点赞数

文章标签： js css javascript vue html

原文链接：http://caibaojian.com/

版权

给「前端开发博客」加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、vue在混合开发中应用的思考

我目前在做的一个项目，前端这块虽然说使用的是CS架构，但其实是 C# 提供了一层 Chrome 内核来运行app的。也就是混合开发的一种。现在的工作是将以前的 jquery 一把梭的开发模式转移到 vue 上来，这就带来了 vue 在混合开发中应用的思考。二、混合开发像 Android , WPF 和 IOS 等等这些原生（或桌面）应用...

https://juejin.im/post/5d46b7cfe51d4561b84c00d3

2、js 面试官想了解你有多理解call,apply,bind?

函数原型链中的 apply，call 和 bind 方法是 JavaScript 中相当重要的概念，与 this 关键字密切相关，相当一部分人对它们的理解还是比较浅显，所谓js基础扎实，绕不开这些基础常用的API，这次让我们来彻底掌握它...

https://segmentfault.com/a/1190000019970715

3、从零开始，采用Vue的思想，开发一个自己的JS框架（三）：update和diff

本章节我们的主题是update和diff，这一章节可能理论部分会比较多。在开始这一块内容前，我觉得有必要先大致看一下Vue和React实现这一部分的流程的：update->diff->patch->updateDOM。在开始更新后，会进行diff算法的比对，比对后会生成一个patch补丁包，然后再根据这个补丁包进行DOM的更新。补丁包中会通过id（...

https://juejin.im/post/5d46b9795188255d6f4fb23b

4、webpack4从零搭建vue项目

新建一个项目文件夹 npm init -y 初始化package.json 安装webpack依赖包 npm install –save-dev webpack webpack-cli webpack-dev-server devServer: { contentBase: path.join(__dirname, './dist'), host: 'localhost', // 可以设置0.0.0.0 ,这样设置你可以通过127.0.0.1或则localhost去...

https://flura.cn/2019/08/05/webpack4%E4%BB%8E%E9%9B%B6%E6%90%AD%E5%BB%BAvue%E9%A1%B9%E7%9B%AE/

5、vue生成canvas海报图

一个通过 css 属性画 canvas 图片的轻量级的 vue 组件(A lightweight vue components use canvas draw image by css properties.)

https://segmentfault.com/a/1190000019975772

6、检验原生JS功底的时候到了–纯JS实现贪食蛇

https://juejin.im/post/5d47f6b66fb9a06b2d77b9a2

7、vue中的nextTick

js的执行是单线程，基于事件循环（event loop），事件循环大致分为以下几个步骤：所有的任务都会被放到调用栈（call-stack）等待主线程（main thread）执行, 主线程的执行过程就是一个 tick 。JS调用栈采用的是后进先出的规则，当函数执行的时候，会被添加到栈的顶部，当执行栈执行完成后，就会从栈顶移出...

https://juejin.im/post/5d0336c9e51d455ca0436235

8、JavaScript变量定义和作用域的可视化指南（入门级）

我们常讨论var，let和const之间的作用域的差异。但更多的时候，我看到不少初学者仍然在尝试着理解这个观点。我认为这可能是因为这个概念很少被可视化。让我们一起来看一看。并不是所有的作用域看起来都是一样的。注意：我并不建议大家死记作用域变量定义和每种类型的作用域的值可见性规则。相反，你们可以试着找...

https://segmentfault.com/a/1190000019980318

9、Babel 你太美。。

Babel 的本意是 “通天塔”。西方神话故事里，以前的人语言相同，决定建立有个能直达上天的塔，神后面惧怕人们语言相通就打乱它，让他们不能明白对方的意思，并把他们分散到各地。为了解决上古时代浏览器对新语法不支持、不兼容情况下。发明了 Babel ，能够将 ES6 代码转为 ES5 代码，从而在现有环境执行。安装环境...

https://juejin.im/post/5d47cfa3f265da03ba322720

10、深入理解 call, apply 和 bind（JS）

作者：一像素链接：https://www.cnblogs.com/onepixel/p/6034307.html 在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。...