2、值得注意的是在js代码解析的过程中页面中其他内容将不会被加载和解析，直到该段js执行完成。
一、JavaScript是什么? JS，全称JavaScript，是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。 前端最核心的3个技术：HTML、CSS、JavaScript，H
2、引入外部js文件：通过 src 引入，此时 script 标签内添加任何js代码都不起效果。
one day {dotted startColor="#ff6c6c" endColor="#1989fa"/}
为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面打包为单页后，入口html文件需要定制命名，且脚本和样式文件需要放在指定的路径下，公共资源地址也必须替换成特殊字符以适配母系统的调用逻辑（比如下面结构中应用jquery.min.js的路径可能是{{publicRoot}}/{{publicLib}}/jquery.minjs）。假设原工程中拥有AB这2个旧页面，现在需要开发CDE这3个页面，目录结构要求如下：
讲法声明 - 很重要，请先查看 关于JavaScript的讲法，我们采取的方式与HTML&CSS类似，先在课程中带大家，以“实现页面小功能”为目的，一步一步的进行实现，并在期间讲解相关知识点，在其中一些相关的“细节”知识点我们暂时先忽略掉，先完成主干的学习。在一个小阶段的主干知识学习完成之后，我们再回头详细分析“细节”。这样更有利于大家的吸收和理解，不容易陷入到一些不必要的问题当中。 本文内容概要： 1 回顾JavaScript的基本组成 2 JavaScript引入方式 3 JavaScript基本调试
最近博客上线,但是在首次加载的时候,需要消耗很多时间,大概在50秒左右,就是说第一页登录页面,就需要用户等待50秒(服务器是最低配置也是一个原因),看了一下network,发现有两个文件加载的时间特别长,一个是vendor.js,一个是app.js,打包的时候,这两个文件也提示文件过大
用途：表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕之后再执行。
Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性，实现响应式网页设计（Responsive Web Design）。
在几年前，博主有意学习前端相关的内容，诸如Vue等相关的框架，所以也就想了解一下关于Html、CSS、JavaScript 等相关内容，但是没有实战的地方，随之放弃。 时至今日，鸿蒙系统上线，看到用的语言是基于TypeScript (自认为) 的arkts（android runtime kit type script） 所以去了解下对应的知识，发现还得是JavaScript，所以在此记录，把对应的知识重新再梳理一遍，书中多有错误，烦请诸君斧正，感谢~
Angular Elements 是伴随Angular6.0一起推出的新技术。它借助Chrome浏览器的ShadowDom API，实现一种自定义组件。 这种组件可以用Angular普通组件的开发技术进行编写，学习成本低，当它构建好后生成一个打包的js文件。如果页面引入该Js文件 ，就相当于在页面中新增了一个标签，所以在任意框架中都可以使用新标签，就像它是原生div一样。
看了《高性能JavaScript》的读书笔记 几个原则： 1、将脚本放在底部 <link>还是在head中，用以保证在js加载前，能加载出正常显示的页面。 <script>放在</body>前。 2、成组脚本 由于每个<script>标签下载时阻塞页面解析过程，所以限制页面的<script>总数也可以改善性能。适用于内联脚本和外部脚本。 3、非阻塞脚本 等页面完成加载后，再加载js代码。也就是，在window.load事件发出后开始下载代码。 （1）defer属性：支持IE4和fierfox3.5更高版本浏
上一章讲到小程序页面的四种常见的跳转的方法，这一章写如何引入一个外部的js文件，既utils文件夹的用处，其实步骤很简单： 1：准备好外部想要引入的外部文件，命名为util.js,并且填充固定的文件内
本脚手架并且适当简化了一些功能（删除了测试库） 并引入了外部mock和axios两个常用库可以灵活配置。 这里写一下说明文件和心得体会 配置功能 最基本的功能为webpack3+Vue2的基础上引入了外部组件库elementUI 其实也可以灵活修改为别的，css的支持仅引入了less和sass，相信这两者用的人也是最多的。还有一点是针对多页面也引入了vue-router, 也就是说这个多页面仓库也可以当单页面来搞起。 加入的axios库是本地业务所需，这个可以在生成脚手架时不选择，但这个作为Vue的推荐库，
须位于 <script> 与 </script> 标签之间,放置在 HTML 页面的 <body> 或者 <head> 标签中:
如果格式有问题，可以直接在这里进行查看 https://www.yuque.com/shuangguidaidan/ft6o18/tcu448
刚才简单介绍了一下node读取同级页面的html文件,没有类似于Apache的服务,让访问变得复杂,因为这样正是成就了node的优点!优良的路由处理,通过路由访问不同内容!
我们有一个微信小程序，在迭代的过程中，为了赶进度，最初里面大部分页面都是利用 web-view 组件嵌套h5站点来实现的；h5站点，就是利用的vue-cli官方那一套搭建的单页面应用；随着项目的推进，迭代的节奏开始慢下来，老生常谈的前端项目优化问题，终于被提上了日程（主要有人吐槽加载太慢了）
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/79585208
今天的投稿人是鹅厂的Casta Mo 这里附上他的github链接... https://github.com/CastaMo 欢迎留言、转发！ 1. 项目背景 我们前端团队近期在为腾讯云DSA业务搭建内部运营运维系统【简称YY-DSA】，既然是内部系统，我们就可以“为所欲为”地选技术栈，搭框架，但要遵循以下约定： - 项目架构清晰，各个模块各司其职、互不耦合或者尽可能降低耦合度。 - 在确保架构稳定的前提下，尽可能提升整体的效率，包括应用程序的效率以及研发流程的效率，而牺牲流程效率来换取程序效率
大家好，我是HoMeTown，web领域有一本神书大家应该都有看过，这本书我看过两遍，但是每次看都是粗粗的略过一些重要的知识点，甚至一些面试过程中的问题，在这本书里都能找到答案。
哈喽大家好，本期是微信小程序专栏第十四期。上期我们实现了从welcome页面跳转到page页面，本期我们先对上期内容进行一个补充知识点，也就是冒泡事件与非冒泡事件的定义。本期主要实现的功能是将page.js中的文章数据分离到一个单独的js中，即将文章数据从业务中分离，通过这一功能的实现学习wxml的模块与模块化等知识点。 注意：每期内容是连载呢，建议大家可以看看往期内容，更好理解噢~
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type=“text javascript”>
在企业中，各个研发部门往往各自开发自己的应用。当需要把这些应用聚合在一起时。以往的解决方案是在主应用中嵌入 iframe，使用 iframe 加载和切换子应用页面。 这种做法有几个缺点：
2、除了在插件内部contenscript background 和 popup之间传递消息以外，其他网站也可以给插件发送消息。方法如下 首先，需要增加配置 externally_connectable:{matches:[“https://*.xxx.com/”]}指定允许哪些网站可以给当前插件发送消息，相当于白名单，只有在白名单中的站点发送的消息，扩展才会监听
前端资源比较庞大，包括HTML、CSS、JavaScript、Image、Flash、Media、Font、Doc等等，前端优化相对比较复杂，对于各种资源的优化都有不同的方式，按粒度大致可以分为两类，第一类是页面级别的优化，例如减小HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等，第二类则是代码级别的优化，例如JavaScript中的DOM操作优化、图片优化以及HTML结构优化等等。在用户角度前端优化可以让页面加载得更快，对用户的操作响应得更及时，能够给用户提供更为友好的体验，在服务商角度前端优化能够减少页面请求数，减小请求所占带宽，能够节省服务器资源。
这本书是很久之前买的，今天回顾了一下，顺便记录一下笔记。 本书的副标题是“前端工程师技能精髓”可见这本书的牛逼之处。这本书也很薄，只有147页，但是每一章都是精髓。由于这本书每章提出了一个性能优化的方法，我们也就按照每张的具体内容给出吧。
（3）可以将js代码编写到外部js文件中，然后通过script标签引入（☆☆☆） 优点：写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制。 注意：script标签一旦用于引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略 如果需要则可以在创建一个新的script标签用于编写内部代码。
在vue项目里面，我们在js里面要获取页面的标签里面的东西，我们不用原生的js语句，我们可以在页面的标签上加一个ref属性，写法如下
记录html网页调用引入js或css代码或文件，防止以后忘记，如有不对或补充，请在下面留言，谢谢！
web标准简单来说可以分为结构、表现和行为，其中结构主要是有HTML标签组成，或者通俗点来讲，在页面Body中我们写入的标签都是为了页面的结构，表现指css样式表，通过css可使页面的结构标签更具美感，行为是指页面和用户具有一定的交互，同时页面结构或者行为发生变化，主要是js组成。
下面介绍一种JS代码优化的一个小技巧，通过动态加载引入js外部文件来提高网页加载速度
一. 认识 （1） jQuery 文件有两个常用版本：一个是 1.x 版本，另一个是 3.x 版本。3.x 版本是目前的最新版本，与 1.x 版本有着相同的 API。1.x 版本兼容 IE6、IE7 和 IE8，而 3.x 版本不兼容 IE6、IE7 和 IE8。
常见的概括：模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块（方便代码的重用，从而提升开发效率，并且方便后期的维护）。
版权声明：本文为博主原创文章，欢迎转载，转载请注明出处。 https://blog.csdn.net/FE_dev/article/details/77888446
不知道老铁还有印象吗？当时讲模板的时候，是在当前的页面进行模板的应用，如何外部的方式引用模板呢？源码：https://github.com/limingios/wxProgram.git 中的No.8 小程序的引入外部的模板 模板创建后，如何在别的页面别的地方引用。 模板在某个wxml中应以完毕后可以被其他页面引用 关键字 import A 引用B， B引用C，A不能引用C 官方的阐述 https://developers.weixin.qq.com/miniprogram/dev/framework/v
①. 图片大小优化，部分图片使用WebP（需要考虑webp兼容性） 在线生成，如智图、又拍云 gulp生成，gulp-webp或gulp-imageisux canvas生成
首先看一张访问TT猫首页的截图： 1.png 测试环境为谷歌浏览器，暂且不讨论其它浏览器，截图下方我们可以观察到以下参数： DOMContentLoaded：1.42s | Load：2.31s 以上
以上参数是在CTRL+F5下测试的，也就是说不存在浏览器本地缓存一说，DOM渲染时间为1.42s，整个页面load时间为2.31s。
网页中，文档结构是由HTML定义的，文档外观是由css(样式文件)定义的。通常css样式可以写在外部单独的css文件中，然后通过<link>元素引入，也可以写在<head>标签的子节点<style>元素中，也可以直接写在DOM元素style属性里（内联样式）。
Next.js是一个建立在React之上的JavaScript框架，React是一个用于构建用户界面的流行库。这意味着你可以使用React来构建你的应用程序，而Next.js提供了额外的工具和功能，使这个过程更容易。
“CSS文件在header中引入，JS文件在body底部引入”，这条建议在前端界几乎是黄金法则。
(1) 首先 npm install jquery –save (–save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)
将一个复杂的程序按照一定的规范，封装成几个块(文件)，并进行组合在一起。 这些模块，最好都做到可复用性，比如可以在多个文件中使用处理时间的模块。
本文对项目的文件目录及相关内容进行了介绍，包括蓝河应用文件结构讲解，配置信息、新增页面等。
前端的性能优化是一个很宽泛的概念，最终目的都是为了提升用户体验，改善页面性能。面试的时候经常会遇到问谈谈性能优化的手段，这个我分几大部分来概述，具体细节需要自己再针对性的去搜索，只是提供一个索引（太多了写不过来+主要是懒得写）。这里PC端和移动端分开说了，业务场景不同，需要考虑各自的优化手段
其中，components为组件目录，nodemodules为模块目录，pages为小程序的页面目录，utils为一些基础功能的封装。好比安装的第三方百度统计功能在此。
首先看一下这篇文章： https://blog.csdn.net/MPFLY/article/details/78134980
在很久很久以前，我在封装自己的JQuery库时就使用过DOMContentLoaded，觉得这个知识点看看别的文章就行了，不过现在我想把它记下来。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
