熟悉jQuery开发的，学习vue的简单使用是没用啥问题的，但是学习vue的工程化开发方式，往往会遇到各种问题，比如：
第三方的js文件，自己写的js文件，js越来越多了怎么办？ 提出问题： 1、js文件太多了，每个页面都写<script src="...">太麻烦。 2、如果路径变化了，或者js名称变化了怎么办？每个页面都改一遍吗？ 3、如何约束js文件的加载顺序？a.js定义了一个函数，b.js要调用，但是b.js先加载了，a.js还没加载完成，造成函数未定义，无法调用。 4、js文件的合并。开发阶段，js会分成多个文件，这样便于开发。但是成熟了之后会合并成一个文件。这样引用方式就会变化，原先引用一堆js，现在只需要引用
jQuery 提供了一组用于特定异步加载的方法：$.getScript()，用于加载特定的 JS 文件； $.getJSON()，用于专门加载 JSON 文件。
单页面应用（Single Page Application，SPA）是一种网页应用程序模型，它在加载初始页面后，通过动态地更新页面的部分内容，实现与用户的交互和数据展示，而无需重新加载整个页面。
联动列表框，简简单单的五个字，仅仅从字面上看，就可以分出来两个职责： 职责一：列表框 职责二：联动 我们先来看这两个职责，然后再说引申出来的另外两个职责。 职责一，列表框。列表框分为很多种，比如下拉列表框（DropDownList）、列表框（ListBox），还有为了美观用div模拟的，以及RadioBoxList，CheckBoxList等。首先一个问题就是，用哪种列表框，然后是其ID、name等属性的命名规范。然后是列表框是怎么出来的？是写死在body里，还是用js动态创建出来，还是其他的什么方式？ 这
因为图形处理会有相当多无法利用到 WebGL GPU 加速的 CPU 密集的计算。比如对一条复杂贝塞尔曲线进行三角化，对多个图形进行复杂图形的布尔运算。
前言：以前一直认为性能优化很遥远，也很复杂，但当今天尝试过后，发现也并不是触不可及
随着app业务的不断深入发展，只靠着原生代码来堆砌功能是不现实，毕竟开发的时长会增加，而且同时需要开发iOS和Android两套，并且，如果在UI上改变了一丁点，都需要提包（虽然Android现在可以进行热更新，但是热更新不是100%能生效的，其中的原理只要了解过的人都会知道的），最终我们会选择使用原生嵌套H5的方式进行开发，这样，既可以随时更改UI，也可以无限制的进行功能扩展，然后，我们就要使用到Android的WebView了，这个让我们痛并快乐着的控件。
之前一直很好奇，SPA应用到底是怎么实现的，昨天无意间看到了有一篇介绍的文章，就想着来试一下水(以下根据我的理解所写，可能会让你看的云里雾里，如果想加深了解，最好先了解下window.location.hash是什么东西) 其实，SPA的原理就是，一开始将一些必要的页面都加载进来，当你在页面输入别的路由的时候，其实还是待在当前的页面，只不过是他识别出你想要去的地址，然后将那个页面的内容获取到，替代掉当前页面的内容，并且相应的改变url地址，这样给人看起来就好像到了另一个页面，实际上你还是在这个页面里，没有离
即每一个页面对应着一个状态，一个状态有一个状态名，还有一个模板/模板url，这样我们就可以将不同页面的内容写到不同的html里，然后通过templateUrl将他们动态加载进来渲染页面。
懒加载解决的问题： 避免进入首页就加载全部的前端资源造成用户等待时间过长的问题。 就好比，访问 login 页面，你返回的 js 路由不仅有渲染 login 页面的，还有渲染 production 页面以及其他页面的功能。而这些代码量太大了，文件也大。js 文件有个特征，下载完全了才会运行，导致页面首屏速度太慢了，也就是白屏时间太长。这个问题，早就有人发现，于是解决方案就是路由懒加载，这只是一个技术名词。
咳咳，今天上班的时候，有位大佬在钉钉群里发了一个链接，随后就撤回了，但还是被我看见了，便点进去看了一下
之前用 vuecli做了个博客，是一个单页面项目，大概有十个路由 直接 npm run build打包出来，有一个 1M的巨大 js文件
我们看到从一开始我们就导入了路由对应的组件，如果需要的导入的组件非常多，那么加载页面就会相对较慢，我们来看下这种方式打包出来的文件
有的时候我们变化data内的内容，console.log打印的时候是显示已经变化了的，但并没有渲染到界面上去。受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。
Vue作为单页面应用的框架，路由是必不可少的。现在也很多引入vuejs去使用，今天只说脚手架创建的项目的路由。
导读：数据可视化可以通过视觉形式来呈现抽象的数据信息，有利于对数据进行更深入的观察和分析，除了使用现有的可视化软件和工具，也可以用编程定制属于自己的数据可视化，本文推荐五个技巧教你用编程实现数据可视化
作者：夜行风 链接：https://segmentfault.com/a/1190000019499007
翻译|王愫 黄文畅 校对| 杨天矇 特约专栏主编黄志敏老师推荐语： 我经常被问到一个问题：我没有技术底子，能学习数据可视化吗？我喜欢举一个例子来回答：许多到美国学新闻的女生，原本在国内是学语言或学新闻的，一点编程都不懂，到美国后短短一年，不仅跟上了学业，编程设计拍摄剪辑样样能上手。所以不在于你是什么基础，在于你有多大的动力和压力。这篇文章不仅提供了学习路径，还提出最实用的建议：现在就着手去做吧！ ◆ ◆ ◆ 导 读 目前有很多用于数据可视化的软件和工具，都非常便捷实用。我很难回答像是“我应该学着用什么工
1.AngularJS按需加载 AngularJS主要应用开发SPA(Single Page Application)项目，所以在小型项目中，services、filters和controllers都在index.html中加载。Google给的AngularJS官方的angular-seed和angular-phonecat都是这样。 对于复杂一点，大型的项目，如果所有的内容一开始就加载，对首页的性能影响比较大，即使静态javascript文件使用CDN，对性能还是有很大的影响。所有需要引入按需加载机制，
随着Ajax的越来越多地运用，HTML的内容又开始由“所见即所得”开始向“所见未必所得”发展了。这就是动态改变网页内容的魅力所在吧。 在公司产品动易2006版整合接口的开发过程中，需要在客户端页面上输出一段调用远程接口写cookies的代码，最早的时候我是把调用url通过script的方式输出。在ASP输出HTML的时候，调试通过。 动易2006的前台登陆表单已经采用了Ajax技术，页面上所看到的登陆表单并非直接由HTML代码在页面中写成，而是在页面加载以后，通过JS，通过Ajax，向服务器端的asp
这两段都是 JS 代码，但是以前的一看就很清晰明了，而现在的有一大堆的垃圾注释在里面。不用说，肯定是做了 JS 混淆。
WordPress 5.5 新增了图片的懒加载功能，一开始我以为是通过前端 JS 等一系列超级牛逼的技术实现的，后来翻了一下代码，WordPress 只是简单的给图片加上 loading="lazy" 的属性，这样就行？🤔 不懂就去搜索，原来这是浏览器的新特性，Chrome 76 版本开始支持原生懒加载特性，原来如此。真的是，前端两天不了解，就要落伍。😂 ---- 还是说回 WordPress 懒加载的实现方式吧，再简单，我也要多说两句。😂 首先 WordPress 5.5 给 the_content 接
这几天开始边学边做新模式，也踩了不少坑，所以会记录下来--俗话说好记心不如烂笔头，何况还没有一颗好记心（-_-）。 从学React-Native开发功能模块大概5天，有些体会：1如果说按产品原型去做一样东西，那是容易的，但是这会造成很多问题，第一个是机器人一样写代码，你不会从项目整体思考，代码的质量也比较差而且不容易维护）,所以决定每天写个博客，看1个小时React-native基础点。 0x01 关于Reac-Native调试命令react-native start的坑 wind
小詹有个读者叫 zgao，他之前写过一篇博客，爬取了 PornHub（下面全部简称 P 站）上的视频，代码很简单，关键还好用！当时小詹就 P 站上爬取了一些考研数学视频，虽然我用不上，但是我热爱技术啊！
我的博客一开始使用的是MathJax，一开始还行，后来为了搞音乐播放器，开启了Pjax，噩梦的开始……
单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。
写在开头 最近的vite比较火，而且发布了2.0版本，vue的作者也是在极力推荐 在之前的文章里面我提到过，vite的缺点在于目前的生态不够webpack成熟，但是只要能弥补这个缺点，便有很大概率能替代目前webpack的大部分市场 全方位对比vite和webpack webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.
全方位对比vite和webpack 一. webpack原理 1. webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码 2. webpack打包原理 1.先逐级递归识别依赖，构建依赖图谱 2.将代码转化成AST抽象语法树 3.在AST阶段中去处理代码 4.把AST抽象语法树变成浏览器可以识
前往博主博客，获得更好的体验->https://blog.pai233.top/20210930/hexo-katex/#more
在之前的文章里面我提到过，vite的缺点在于目前的生态不够webpack成熟，但是只要能弥补这个缺点，便有很大概率能替代目前webpack的大部分市场
webview不止可以加载网页，加载的同时，网页的任何元素我们都是可以修改的，隐藏、替换、插入新的html元素balabala，总之，webview的神奇给了我们很多发挥创意的可能：
小詹有个读者叫zgao，他之前写过一篇博客，爬取了 Pornhub（下面全部简称P站）上的视频，代码很简单，关键还好用！当时小詹就 P 站上爬取了一些考研数学视频，虽然我用不上，但是我热爱技术啊！
当页面中包含自动播放视频的flash播放器时，flash的流媒体播放会一直不停的下载视频(哪怕你点击了播放暂停/停止也一样在不停下载)，这样会影响到页面其它元素的加载。 最简单的优化办法就是让Flash一开始不要播放：当然，你可以修改fla源文件，让视频播放一开始就处于暂停，直到用户点击了播放按钮。但问题是，如果您嵌入的是没有源文件的flash动画，这种路子就走不通了。 思路： 可以先在放置flash的地方，放一张小图片，点击图片后再把图片元素换成对应的object标签。 <!DOCTYPE html PU
建博客以来到现在，留言板中出现了一些夸赞博客搭建漂亮的留言，有点意外，也有点惊喜，不管怎么说，总之很开心。
来到这家公司之后，一直在使用webpack，也写了不少笔记，但是都比较零散，现在决定整理一下webpack相关的知识点，由浅入深，方便自己后续查漏补缺，后续会一直更新。
SPA单页面应用（SinglePage Web Application） ，指只有一个主页面的应用（一个html页面），一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。
相对于其他静态语言，JS最大缺陷就是天生不具有模块化，没有语言层面的命名空间的概念。问题如下：
为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度（会用的可直接跳过） 1.打开chrome控制台(按下F12),可以看到下图，重点在我画红圈的地方
什么是BigPipe 关于BigPipe是在看一篇淘宝ued的官方博客上看到的，原文是说用nodejs做前后端分离的，只是稍微提了一下bigpipe。 感兴趣的同学也可以看一下那篇文章，http://ued.taobao.org/blog/2014/04/full-stack-development-with-nodejs/ 于是百度之，发现bigpipe是由facebook最先提出，个人感觉是个非常有意思的想法。 关于bigpipe的介绍，网上有很多，这里简单说一下： 我们平常打开网页通常都是串行的
electron是分主进程和渲染进程的； 渲染进程是主进程启动的； ./out/main.js显然这就是主进程的入口程序； 确实不假 但别着急去分析这个文件； 因为它是在out目录下，明显是什么东西输出出来的； 我们先打扫一遍src目录下的东西； 发现了tsconfig.json
原项目是基于require.js来加载模块的，增加新功能的同时想使用流行一点的组件（Element）和Vue；本身这两个库就是支持Require.js的，不多说直接开干。
，一开始我以为只是用一个i标签创建出一个三角符号出来后，然后通过JS来把它的颜色和方向换过，但后来发现并不是这样。直接在原来的i标签的地方在创建多一个i标签创建出一个新的三角符号，然后它的颜色和方向就是你后面需要变化的那些。
一、介绍 朋友暑假实践需要美团外卖APP评论这一份数据，一开始我想，这不就抓取网页源代码再从中提取数据就可以了吗，结果发现事实并非如此，情况和之前崔大讲过的分析Ajax来抓取今日头条街拍美图类似，都是
为了大家能更好的开发出一些高质量、高性能的小程序，这里带大家理解一下小程序在不同端上架构体系的区分，更好的让大家理解小程序一些特有的代码写作方式。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
