用途：表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕之后再执行。
我们在建网站时经常会用js特效代码以使页面更美观，比如js幻灯片代码、js下拉菜单等，但是网页特效一多，如果js文件没有合并的话会降低网站的性能，这时我们就要考虑合并js文件了，ytkah总结了以下几种方法可以实现： 1.把不输出（没有document.write）的公共函数合到一起，如果单纯地把两个js文件内容copy到一起可能会出错 2.新建一个import.js文件，把所有的js文件全部写进去 with(document){ write('<script type="text/javasc
window.onload 表示的是页面被加载完毕。 onload必须等等页面中的图片、声音、图像等远程资源被加载完毕后才调用而jQuery中只需要页面结构被加载完毕。
后来有人尝试用对象的方式来书写逻辑模块，但是这种写法有自己的弊端，比如这样的写法暴露了所有的模块成员，模块中的属性有被外部代码更改的风险。
1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 2、属性和方法被加入到 this 引用的对象中。 3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。
抽象工厂设计模不直接生成实例，而是用于对产品类簇的创建。SDK使用不同的第三方JS-SDK进行注册的，如：钉钉，企业微信，云之家等。那么这三类工具就是对应的类簇。在抽象工厂中，它其实是由几种子类型组成的，当创建SDK类实例时候，它先判断一下应该用哪个子类，然后创建该子类的实例返回给你
关于模块和模块化，百度百科有一段引用自《Java应用架构设计：模块化模式与OSGi》一书的解释非常好：
可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我们就一起来分析一下。
要实现这几种显示模式。其实只要对播放控件的布局进行些许调整即可。那EasyPlayer是怎么实现的呢？
前端的发展日新月异，前端工程的复杂度也不可同日而语。原始的开发方式，随着项目复杂度提高，代码量越来越多，所需加载的文件也越来越多，这个时候就需要考虑如下几个问题:
JavaScript的模块化编程是一种将代码分解为小而独立的部分的方法，每个部分都有自己的职责和功能。这种方法可以使代码更易于维护、测试和重用。在JavaScript中，有许多不同的模块化规范和实现方法。本文将介绍几种常见的模块化实现方法，并提供相应的示例。
近期做渗透项目时，很多目标资产都是只有一个登录框，且没用常见的指纹。防护也做的非常好，像是态势感知、天字号等设备都不止一套，所以什么sql注入、XSS之类的漏洞就不用想了（能绕过的大佬除外），当然弱口令这些也都是没有的。
年初突然有了个想法，前端也做了几年了，但是很多知识还很零散，应该系统的把知识归纳起来，于是给自己制定了一个计划，决定花大半年的时间整理一下大前端的知识，把他们都写成文章。这个计划包括页面布局，JavaScript，计算机网络，Vue.js，React.js，Node.js，设计模式，架构，工程化，数据结构和算法，实战项目。 所谓学习的三个阶段：学一遍，做一遍，讲一遍。这个计划就是讲一遍，同时在讲的过程中，对自己的知识进行查漏补缺。 本计划所有文章都托管在GitHub上：github.com/dennis-jian… 下面是已经写作完成的文章列表，标题前加了推荐！！的都是点赞还不错的文章。
利用html里面script标签可以加载其他域下的js这一特性，使用script src的形式来获取其他域下的数据，但是，因为是通过标签引入的，所以，会将请求到的JSON格式的数据作为js去运行处理，显然这样运行是不行的。
对于一个用户群面向全球的的应用来说，不得不考虑国际化的问题。当然，即便是刚刚起步的小应用，如果有心搞大，也应该提前设计国际化的方案。 本篇讲述使用AngularJS构建的应用的简单国际化方案，准确的说，是国际化服务.... i18n与l10n i18n是Internationalization得缩写，取第一个字母和最后一个字母，以及中间省略的字母数目，即i18n，类似的l10n是Localization得意思。 通常i18n是国际化的意思，就是在不改变源码的情况下，通过某些简单的配置就能适应不同的语
最近在 手机上要显示 PDF 文件，在搜索引擎上找到了很多方案，大体上有以下几种：
前几天给博客换了@Veen Zhao大佬的Cuteen主题，非常好看，但是因为不想让自己的博客和其他人的千篇一律，于是决定在Cuteen主题的前提下逐渐设计一些自己需要的东西。正巧前几天发现因为网站带宽的原因，一些页面加载会花一些时间，页面没有任何动静仿佛会让人浏览体验变差，因为太穷无奈只有在不花钱的情况下提升一点点浏览体验（不知道是不是因为我强迫症的原因），这时候给网站添加一个加载进度条NProgress.js就是一个不错的选择了
用 Javascript 对象模拟 DOM 树，并实现它的 render 方法，通过调用该方法可以转成真正的 DOM 节点。例如我们已经实现了 element.js，通过 require('element.js')，我们可以定义 ul，如下：
在VS2010发布之后，作者还是ASP.NET小组成员时，小组想把js编辑器的功能迁移到一个新的“客户端平台小组”。这个小组将要为VS2012创建一个全新的，现代的js编辑器，另一层目的就是为即将到来的Win8 App提供HTML/JS开发支持。而原来的js编辑器从vs中剥离，但它却在webMatrix中保存下来，包括之后的开发及更新。
JavaScript 是单线程运行的，所以在在执行效率上并不是很高，随着用户体验的日益重视，前端性能对用户体验的影响备受关注，但由于性能问题相对复杂，接下来我们来了解下JavaScript如何提高性能；
改https初看起来，其实就是一个域名指向的问题，也许咱们只要将http的请求，直接跳转到https地址去，那么也就完成了https的切换。实际并非这么简单的。
首先在使用上，唯一的区别就是需要在script标签上添加一个type="module"的属性来表示这个文件是作为module的方式来运行的。
携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第11天，点击查看活动详情 >>
在开发过程中，你可能会遇到浏览器警告“Refused to execute script from 'http://127.0.0.1:8004/login' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.” 这个问题通常发生在浏览器尝试加载一个脚本时，服务器返回了不正确的MIME类型。本文将介绍几种解决该问题的方法。
某些Typecho主题没有添加对于LaTeX数学公式的支持，在这里给出几种手动添加的方法。其他博客如WP,Hexo同理也可使用。
可以直接从CKEditor CDN在页面内加载构建，CKEditor CDN针对全球超快速内容交付进行了优化。 使用CDN时，实际上不需要下载。
根据JS的垃圾回收机制，当内存中引用的次数为0的时候内存才会被回收 全局执行上下文中的对象被标记为不再使用才会被释放
Node.js 中自带了一个叫做 http 的模块，我们在我们的代码中请求它并把返回值赋给一个本地变量。
文章目录 一、JavaScript基础篇 1、JavaScript 有几种数据类型 2、怎么进行数据类型检测 3、 get 请求传参长度的误区 4、如何让事件先冒泡后捕获 5、说一下事件委托？ 6、说一下图片的懒加载和预加载？ 7、mouseover 和 mouseenter 的区别？ 8、JS 的 new 操作符做了哪些事情？ 9、改变函数内部 this 指针的指向函数（bind，apply，call 的区别） 10、箭头函数中this 指向举例？ 11、数组常用方法有哪些？ 12、说说数组去重？ 13
终于考试完了，今天突然想起来前阵子找实习的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。
之前讲到重排，布局的时候使用flex时，比使用inline-block和float时重排更快，所以在布局时可以优先考虑Flex。
大型组织的组织结构、软件架构在不断地发生变化。移动优先（Mobile First）、App中台（One App）、中台战略等，各种口号在不断的提出、修改和演进。同时，业务也在不断地发展，导致应用不断膨胀，进一步映射到软件架构上。
经过测试，发现两种方式打包后的体积都为 21 k，第二种方式仍然将整个包引入项目中了。可是 lodash 就是这么玩的呀，这和说好的不一样呀，难道是忽视了什么细节么。
JavaScript在浏览器中的性能，可认为是开发者所要面对的最重要的可用性的问题，此问题因JavaScript的阻塞特征而复杂，也就是说JavaScript运行时其他的事情不能被浏览器处理，事实上，大多数浏览器使用单进程处理UI更新和JavaScript运行等多个任务，而同一时间只能有一个任务被执行。JavaScript运行了多长时间，那么浏览器空闲下来响应用户输入之前的等待时间就有多长。
「本文之前发过，但是比较零散，这里我把用到的方案都汇总一下，方便大家索引，有需要的小伙伴可以收藏下方便查找。里边提到的几种方案，大家都可以对照着视频试一下」
通常加载页面的时候，对于组件是并行下载的，现代大部分浏览器对于Js同样也是支持并行下载，但是在脚本下载、解析并执行完毕之前，不会开始下载任何其他内容。
以上是最常见的React router。在简单的单页应用中，这样写是ok的。因为打包后的单一js文件bundle.js也不过200k左右，gzip之后，对加载性能并没有太大的影响。 但是，当产品经历多次迭代后，追加的页面导致bundle.js的体积不断变大。这时候，优化就变得很有必要。
1. ES6之前JavaScript没有模块体系，相关社区提供了一些加载方案，最主要是两种CommonJs和AMD两种。ES6在语言标准层面实现了，实现了模块功能而且实现的相当简单，成为服务器和浏览器相通用的解决方案
最近写商城项目，对于商品的详情部分我选择使用百度编辑器 UEditor，这是由百度 WEB 前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点 先说一下报错 502 的解决办法吧，昨天真是写了一天的 Bug，改来改去的。下午将写好的程序交给公司产品助理进行测试商品上传，然后错误就来了 直接在群里发了一个上传失败请重试的截图，大写的尴尬哦 没直接回复，以为是服务器的权限的问题，然后去改了一下权限，让重新上传一下，结果还是不行，跑过去看了一下，报错 502 这就开始接着找 Bug
在互联网技术飞速更新的今天，前端性能的优化已经成为决定用户体验优劣的核心环节。在这其中，前端缓存策略作为一种有效的性能提升手段，它不仅显著减轻了服务器的负载，还大幅缩短了页面加载时间，从而极大提升了用户的满意度和使用体验。本文旨在深入剖析JavaScript在前端缓存策略中的应用，旨在为开发者提供更为实际和详尽的指导，帮助他们更精准地把握并运用这些策略，以优化网站性能。
window.location.reload()，window.history.go(0)和document.execCommand(”Refresh”)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javascript刷新页面的几种方法： 1 history.go(0) 除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据 不刷新 2 location.reload() 要重新连服务器以读得新的页面(虽然页面是一样的) 刷新 3 location=location 要在javascript中导航，不是调用window对象的某个方法，而是设置它的location.href属性，location属性是每个浏览器都支持的。比如： top 执行后有后退、前进 4 location.assign(location) 加载 URL 指定的新的 HTML 文档。 就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。 5 document.execCommand(‘Refresh’) 6 window.navigate(location) MSDN说的window.navigate(sURL)方法是针对IE的，不适用于FF，在HTML DOM Window Object中，根本没有列出window.navigate方法。 7 location.replace(location) 执行后无后退、前进 通过加载 URL 指定的文档来替换当前文档 ，这个方法是替换当前窗口页面，前后两个页面共用一个 窗口，所以是没有后退返回上一页的 8 document.URL=location.href
今天终于得空了，我要把 kui 说明文档这个项目优化下。打开太慢了，就是这个 http://k-ui.cn
答案：v-model可以实现双向绑定，指令（v-bind:class、v-for、v-if、v-show、v-on）。vue的model层的data属性。绑定事件：<input @click=doLog()/>
前端 性能优化 可以分为三个level：静态资源优化、接口访问优化、页面渲染速度优化，在操控门槛上依次递增，优化效果上越发没有这么明显，所以很多小团队只会做到了第一个level
可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我就来对css加载对DOM树的解析和渲染的影响做一个测试。
图片懒加载是一个很重要的前端性能优化手段。这篇文章将从懒加载的最简单场景开始介绍，逐步增加复杂度，希望能讲清楚常见的图片懒加载场景及在该场景下对应的解决办法，也希望对你有所帮助。
1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol
一般网站优化都是优化后台，如接口的响应时间、SQL优化、后台代码性能优化、服务器优化等。高并发情况下，对前端web优化也是非常重要的。 下面说说几种常见的优化措施。 1、HTML CSS JS位置 一般需要将CSS放页面最上面，即HEAD部分，而将JS代码放页面底部。因为页面需要加载为CSS才进行渲染，而JS如果不是在页面加载之前就要执行就要放到页面最底部，以免在页面展示之前因JS过多加载而影响页面渲染速度。 2、引用文件位置 有一些插件需要引用到远程的图片、CSS、JS、图标等，如果远程的资源连接网速
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
