前端开发周报：2019.8.11

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

前端开发博客

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

阅读量330

点赞数

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

版权

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

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

1、vue+vscode断点调试详解

非开箱即用，仅作好奇心满足、复杂项目中自定义断点配置、下个项目中不求人不百度立即断点调试涉及面较宽，需要一定经验，且各处均不会太深入(我也菜) 如果你到处搜索但始终解决不了: vscode无法连接上页面、提示未验证断点(灰空心圆)、断点漂移乱飞到其他行、断点实际中断时所在位置不对、单步跳过执行时去到...

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

2、基于 HTML5 WebGL 的加油站 3D 可视化监控

前言随着数字化，工业互联网，物联网的发展，我国加油站正向有人值守，无人操作，远程控制的方向发展，传统的人工巡查方式逐渐转变为以自动化控制为主的在线监控方式，即采用数据采集与监控系统 SCADA。SCADA 系统的推广使用，大大提高了我国加油站的监控效率，本文所讲的则是通过对加油站的可视化建模，结合...

https://www.cnblogs.com/xhload3d/p/11300988.html

3、Vue.js 在复杂信息流场景下的最佳实践

至此,我们的「Vue.js 在复杂信息流场景下的最佳实践」所需要的组件都已经给出来了,接下来就简单讲一下为什么要这么做。需求是千遍万化的,一个组件无...

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

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

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

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

5、JS中轻松遍历对象属性的几种方式

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。如果对象的键-值都不可枚举，那么将返回由键组成的数组。

https://segmentfault.com/a/1190000019959397

6、你可能不知道的前端小技巧

这篇文章主要记录一些我在开发工作中踩过的一些坑或者新学到的一些知识。主要分成‘事件’，‘浏览器调试小技巧’，‘其他‘三部分。

https://segmentfault.com/a/1190000020001674

7、vue跨域方案指北

跨域是指违背了浏览器同源策略的限制简单的说，我们通常使用的请求工具都是基于XMLHttpRequest对象构建的，它是严格遵守同源策略的，所以当需要跨域时，基于它的工具就无法工作了，我们需要一些额外的手段来解决这个问题本文主要对已知的几种跨域方案进行实践和总结一、jsonp jsonp虽然不是官方的跨域方案，但...

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

8、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/

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

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