前端开发周报推荐 2019/10/12

最新推荐文章于 2023-09-08 16:40:10 发布

前端开发博客

最新推荐文章于 2023-09-08 16:40:10 发布

阅读量478

点赞数

本文链接：https://blog.csdn.net/lgno2/article/details/102516390

版权

1、Vue 3.0 源码开放，看看都有哪些新特性

https://zhuanlan.zhihu.com/p/85343099

2、ajax跨域问题我只学一种解决方案

Ajax跨域问题的jsonp解决方案在前端我们经常会使用Ajax来向服务器发送请求和接收服务器响应回来的数据,一般来说在同一个服务器的数据来往是没有什么问题的,但是有时使用Ajax请求数据并不局限于同一个服务器,跨服务器请求就会遇到跨域问题,下面我们探讨一下跨域问题是怎么产生的,最优的解决方案是什么? 同源策略 ...

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

3、国庆献礼之ThreeJs实现3D上海外滩全景

最近入了three.js的坑，想用three.js做一些demo以便巩固自己最近所掌握的知识点，而且正好赶上国庆放假，随，有了这篇~ 预览地址：Three.js之上海外滩 Tip1: 打开后浏览器一直转圈建筑物的贴图不显示是网络问题等一会儿就好毕竟是github... Tip2: 如果打开后帧数过低比较卡的话，可以调整代码中的SHADOW_MA...

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

4、Vue 使用中需要注意回避的地方

20191009 前端开发日报 Vue 使用中需要注意回避的地方;JavaScript类型转换的有趣应用;前端面试每日 3+1 ——第174天;2019.10 / JavaScript 月刊 – W3...

https://zhuanlan.zhihu.com/p/85420187

5、现代 JavaScript 教程 — 重学变量

大多数情况下，JavaScript 应用需要处理信息。这有两个例子：一个网上商店 —— 这里的信息可能包含正在售卖的商品和购物车。一个聊天应用 —— 这里的信息可能包括用户和消息等等。变量就是用来储存这些信息的。变量变量是数据的“命名存储”。我们可以使用变量来保存商品、访客和其他信息。在...

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

6、网上最全的原创 nodejs 深入系列文章

耗时两个月，终于赶在国庆节前把这一系列的文章(大部分文章是别的年份写的，因为跟这个系列也有关联，所以一起展示。这两个月写的大概有6篇，未来还有几篇)作为献给大家()，为了让大家可以一键收藏阅读，这里做一个合集，欢迎大家收藏评论。其中还有待完成的文章也罗列在里面，年底前更新完成。 nodejs ...

https://blog.5udou.cn/blog/Hao-Shi-Liang-Ge-Yue-Wang-Shang-Zui-Quan-De-Yuan-Chuang-nodejsShen-Ru-Xi-Lie-Wen-Zhang-Chang-Da-Shi-Lai-Wan-Zi-De-Wen-Zhang-Huan-Ying-Shou-Cang-54

7、Vue3.0数据响应式原理

先把vue-next仓库的代码clone下来，安装依赖然后构建一下，vue的package下的dist目录下找到构建的脚本，引入脚本即可。下面一个简单计数器的DEMO： <!DOCTYPE html> <html lang="en"> <body> <div id='app'></div> </body> <script src="./dist/vue.global....

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

8、前端面试每日 3+1 —— 第174天

今天的知识点 (2019.10.07) —— 第174天 [html] img、input标签它们是行内元素还是块级元素？ [css] css3和css2的区别是什么？ [js] 你知道断点续传的原理吗？用js怎么实现？ [软技能] 你想当技术总监吗？你觉得技...

https://segmentfault.com/a/1190000020603573

9、Vue 3 源码开放，今天你学习了吗？

正在海边浪的思否小姐姐一觉睡醒发现，国庆假期都不休息的尤雨溪大大在昨天凌晨发布了 Vue 3 源代码，源码地址：[链接] ——

https://segmentfault.com/a/1190000020598857

10、Javascript ES6 专栏 | 解构赋值

解构赋值，是ES6中给变量赋值的一种方法。顾名思义，他是通过某一语法规则，解析某一事物的结构来进行赋值。结构的对象通常有数组，对象，函数参数等。二、解构赋值类型（一）解构赋值-数组 1.基本语法及原理 = //目标解构数组 var person=["jk&q...

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

11、Vue中的项目优化

对于vue的性能，其本身已经相当OK啦！现在我会针对以下几个方面对Vue中的项目优化进行简单的总结。当然也仅仅是几个小小的注意点哦！一、书写习惯 1，不需要做响应式的数据，不要放在data中响应式数据：每个Vue实例都会代理其data对象里所有的属性，只有这些被代理的数据是响应式的，在其数据改变时视图也会随...

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

12、《你不知道的 JavaScript》笔记（一）

https://iachieveall.com/archives/《你不知道的JavaScript》笔记（一）

13、JavaScript类型转换的有趣应用

背景可以访问这个网站提前预览： https://knightyun.github.io/magic-expression/ 先来看一串代码： (!(~+ ]* ]+~~!+ +({}+ ]*~+ 也许你在其他地方看见过这种黑科技操作，那么不妨猜一下上面的代码的值等于多少，实在猜不到可以复制它粘贴到浏览器 console 中回车看看； ...

https://knightyun.github.io/2019/10/07/js-magic-expression

14、Three.js + GreenSock 模拟简单随机动画

Three.js封装了底层的图形接口，使得程序员能够在无需掌握繁冗的图形学知识的情况下，也能用简单的代码实现三维场景的渲染，相对于webGL，Three.js封装了底层的图形接口，在不了解图形学的情况下，也能用简单的代码实现三维场景的渲染预览地址开始使用 CDN引入 <script src="https://cdnjs.cloudfla...

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

15、庖丁解牛之 Flutter for Web

Flutter for Web 在2018年冬的Flutter 1.0伦敦发布会上，Flutter产品经理Tim Sneath通过一个滑动拼图的例子介绍了如何让Flutter运行在Web之上。这一当时代号HummingBird的项目后来被重命名为flutter_web，并最终合入了master分支。 Flutter Web想在单代码库的情况下，使Flutter应用拥有Web支持...

https://mp.weixin.qq.com/s/krR2XsDXvakMlZWbV-VvSg

16、抖音抖一抖：SVG 和 CSS 视觉故障艺术小赏

故障艺术，英文名称叫glitch，在很多赛博朋克作品中经常看到，其实就是故意表现一种显示设备的小故障效果，抖音的图标其实就是这种的效果，我们看下这个图标这个图标中的红色和蓝色的偏移其实就是一种故障艺术，看到这个，我就能想到早年我家还没有有线电视时，摇天线对电视信号的场景，信号一差...

https://zhuanlan.zhihu.com/p/85451878

17、javascript 中 AOP 那些事

最近在忙着阅读 megalo 的代码 (未来会出一个系列专门讲 megalo 的源码，还是挺有意思的，大家可以期待一下)。感觉 megalo 、 mpvue 等小程序的跨端框架也好， weex 跨平台框架也好，本质都差不多，都是 fork 了一份 vue 过来改了改，借助了 vue 的能力，在平台具体的 api 上换成了自己的。其中，有一段代码...

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

18、使用 Proxy 实现 Vue.js 3 中的响应式思想

我们知道，Vue.js 2 是通过 Object.defineProperty() 函数来实现的响应式。这个月 5 号尤大发布了 Vue.js 3 的源码，社区马上出现了很多源码分享的文章。大家早就得知新版的响应式是用 Proxy 实现的，现在我们来利用 Proxy 实现一个基本的响应式骨架。基础关于 Proxy 的基础知识，可以去MDN学习直达链接。 ...

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

19、解决webapck多页面内存溢出

因为自己的项目是基于 vue-cli3 进行开发，所以这里只讨论这种情况下的解决办法在进行多页面开发的时候，项目刚开始阶段，因为文件较少，所以代码编译速度还行，但是随着项目逐渐增大， webpack 编译的速度越来越慢，并且经常出现内存溢出的情况。下面就是几种尝试的方法，加快编译的速度增加 Node ...

https://segmentfault.com/a/1190000020606069

20、nginx反向代理、负载均衡配置及vue项目部署

nginx配置文件结构 Nginx的配置文件是一个纯文本文件，它一般位于Nginx安装目录的conf目录下，整个配置文件是以block的形式组织的。每个block一般以一个大括号“{”来表示。block可以分为几个层次，整个配置文件中Main命令位于最高层，在Main层下面可以有Events、 HTTP等层级，而在HTTP层中又包含Server层，即server blo...