1.script标签在HTML文件中添加JavaScript代码. JavaScript代码只能写在HTML文件中吗?当然不是，我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript
在components目录下，每一个目录，即是一个独立的page，每个page目录至少包括三个文件：index.js、index.vue、index.less。
在写 Node.js 应用程序的时候，你确实可以把所有代码放在巨大的index.js 文件中，不在乎你的应用程序会变得多大多复杂。Node.js 解释器不会在意这个事情。但在代码组织方面，你很快就会陷入混乱，不能理解代码，而且难以调试。所以，作为一个人，你应该关心代码的结构。这就是使用模块的原因。
最近在使用echarts3 地图时遇到一个奇怪的问题，进入页面只显示南沙群岛部分，再次刷新页面显示正常，搜索无果后进行了摸索式探索，最终找到了问题的解决方案，现记录于此希望帮到遇到同样问题的朋友。
js文件一定要放在static下面，不可放在assets下面，因为assets下面的内容最终是要被打包的，而static下面的内容是不用打包直接放过去的；
学习Vue.js动画时，需要引入一个animate.css，如何全局引入外部文件呢？
BootStarp基本模版 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
https://juejin.im/post/5a098b5bf265da431a42b227
要注意的是，带有 src 的 <script> 元素中不应该再包含额外的代码，如果包含了嵌入的代码，则只会下载外部文件，嵌入的代码不会执行。
1、CSS和JS在网页中的放置顺序是怎样的？ （1）CSS 对于谷歌浏览器和Safari放在head里或body里都一样。因为它是在全部的样式表完全加载下来之后才开始渲染页面，将内容呈现在页面上。 对于Firefox，head标签中的<link rel="stylesheet">行为与Chrome/Safari中完全一致，这些link标签全部加载完成之前，页面上不显示内容。而body标签中的<link rel="stylesheet">则不阻塞任何内容显示，会出现FOUC无样式内容闪烁。 对于IE/Edge
首先是Html代码，习惯上会将菜单放在一个div里，使用盒子模型，方便以后的操作和设置样式。
类似于页面，一个自定义组件由json、wxml、wxss、js四个文件组成
最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。
作者：汪娇娇 日期：2016.5.4 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> <script src="4.js"></script> <script src="5.js"></scrip
loader 被用于转换某些类型的模块，而插件则可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量。简言之，我们利用 loader 来处理非 js 类型的模块，用 plugin 来简化我们的打包工作。
my-project ├── .idea # 这个是编辑器生成的 ├── build # Webpack 配置文件放在这里 ├── config # Vue 基本配置文件放在这里 ├── node_modules # 第三方依赖 ├── src # 项目源码（核心文件） │ ├── assets # 资源文件（js, css, scss） │ ├── components # 所有组件 │ ├── js # 自己写的 js，里面各种工具类方法等 │ ├── mixins # 混合 │ ├── router # 路由 │ ├── vuex # 状态管理 │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── static # 静态资源，一般放 img ├── theme # 主题文件，修改的 Element-UI 主题 ├── .babelrc # babel 编译配置 ├── .editorconfig # 代码格式 ├── .gitignore # Git 提交忽略的文件配置 ├── .postcssrc.js # 转换 css 的工具配置文件 ├── element-variables.css # Element 全局定义的变量，不明白为啥放这儿 ├── index.html # 主页模板 ├── package-lock.json # 用来锁定依赖的版本号（NPM 自动生成） ├── package.json # 项目基本信息 └── README.md # 项目介绍 ————————————————
我们最开始学前端的时候都会看到教程在处理外部css，js的时候会将css放在header中，js放在body的最后。为什么要这样子处理，今天参考一些资料好好分析下。
2、值得注意的是在js代码解析的过程中页面中其他内容将不会被加载和解析，直到该段js执行完成。
Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性，实现响应式网页设计（Responsive Web Design）。
主要的实现原理是，2套css样式，2套js文件，如果需要切换图片的情况也需要2套图片，页面上有个切换按钮，点击的时候切换css样式和js文件，以及切换图片，css文件切换时会立即起效，但是js没有效果，需要重新刷新下，采用的是点击按钮的时候直接reload,切换样式文件和js文件都在初始化时进行
但在JS应用库JQUERY的作者将之做为一个自定义函数名了，这个函数是获取指定网页元素的函数，使用非常之频繁，所以好多新手不知道，还以为$是JS的什么特殊语法。
本文主要讲如何使用 Jekyll 在 Github 搭建博客，其实我们还可以在国内网站搭建，本文是记下我从不知道 github 搭建博客，到成功搭建了博客遇到的问题 我在github建立了博客，博客地址：lindexi.github.io 使用技术得到 ddatsh.com 的支持，对他表示衷心感谢 搭建一个博客需要的技术很少，不需要在电脑安装什么，直接Clone一个主题，然后修改个人信息，放入博客就好。
在我们之前的实例中，我们主要是用webpack来处理我们写的js代码，并且webpack会自动处理js之间相关的依赖。
js标签的位置： 通常都是把关于标签<script>放在元素中 目的：把所有外部文件css文件和javascript文件件的引用都放在相同的地方,但是 中包含js文件,只有js代码全部 下载完成后才会载入页面,但这无疑是延迟呈现页面,在延迟期间页面空白 解决：把js代码放在<body>元素中（页面内容的后面）,这样就把加载空白页面的时间缩短了. defer属性：立即下载,但会延迟进行. 只对外部脚本文件有效 asyns属性：与de
1、不便于以后的扩展和维护，如果需要监听的URL越来越多，它看上去就会越来越糟糕了；
加载的顺序不一样，html是从上往下加载的。如果在网速慢的情况下把js代码放在body底部用户会先看到网页结构，等js加载完成后才出现特效。
简介 最近几年，前端技术呈现出突飞猛进的发展，涌现出了一大批优秀的前端框架，今天给大家带来的就是基于node的一款优秀的优秀的前端框架。之前一直用Express来搭建比较简单的Node应用，但是对于相对复杂的应用来说，Express还是太轻量了。而作为一款优秀的国产前端框架，ThinkJS整合了大量的项目最佳实践，让企业级开发变得更加简单、高效。从 3.0 开始，框架底层基于 Koa 2.x 实现，兼容 Koa 的所有功能。在最新的版本中，ThinkJS全面支持ES6和ES7的语法规则。 特性 基于 Koa
最近有网友反馈喜欢本站导航栏底部滚动条显示位置百分比的特效，让我弄个教程，其实这个是很简单的，网上有很多教程，基本都是html+js+css，按照操作就行了，好吧，今天抽空把这个教程分享一下，声明，原作者是谁不详，所以也不知道应该感谢哪位大神，帅气的特效，我也喜欢这个，哈哈哈。。。
浏览器收到的其实就是HTML文件，只有HTML格式浏览器才能正确解析。接下来就是浏览器的渲染过程。
本文介绍了在 Web 页面中实现跨域的常见方法，包括使用 CORS、使用 JSONP、使用代理服务器等，并给出了具体的代码示例和案例分析。同时，本文还探讨了在跨域请求中可能遇到的难题和解决方案，包括同源策略、CORS 的配置、缓存问题等，并给出了相应的解决方案。
2、一般这样写：；如果这样写：<script language="javascript">是不标准的，IE能认，但是别的就不知道了。
为了提高网站的访问速度，现在一般会将静态资源放在 CDN 下，而不是放在网站的域名之下。以腾讯课堂为例，其域名为 ke.qq.com，打开控制台，访问 ke.qq.com，我们可以看到 js 文件放在了 CDN 7.url.cn 下，css 文件放在了 CDN 8.url.cn 下。尽管 CDN 的服务可用性一般宣称 99.9% 甚至 99.999%，然而实际上监测结果比该数值要小一些。为了应对这种情况，需要做到当发现 css 或 js 文件从 CDN 加载失败时，能再次从网站的域名加载。
正所谓条条道路通罗马，上次我们使用了Selenium自动化工具来爬取网易云的音乐评论，Selenium自动化工具可以驱动浏览器执行特定的动作，获得浏览器当前呈现的页面的源代码，做到可见即可爬，但需要等网页完全加载完，也就是JavaScript完全渲染出来才可以获取到当前的网页源代码，这样的爬取效率太低了、爬取速度太慢了。
一，作用： (1) 能够完成代码的压缩 (2) 合并，复制，监听，ES6的代码转换，启动服务器等等
1、介绍 JSLint是一个JavaScript验证工具（非开源）， 可以扫描JavaScript源代码来查找问题。如果JSLint发现一 个问题，JSLint就会显示描述这个问题的消息，并指出错误在源代码中的大致位置。有些编码风格约定可能导致未预见的行为或错误，JSLint除了能指 出这些不合理的约定，还能标志出结构方面的问题。尽管JSLint不能保证逻辑一定正确，但确实有助于发现错误，这些错误很可能导致浏览器的 JavaScript引擎抛出错误。 2、规则 JSLint 执行代码质量检测的原理核
免责声明：下面的内容为了简洁说的有些绝对，是的，在编程中所有的“规则”都有例外。 学习JavaScript是困难的。它发展的如此之快，以至于在任何一个特定的时刻，你都不清楚自己是否“做错了”。有些时候，感觉像是坏的部分超过了好的部分。然而，讨论这些并没有意义，JavaScript正在征服世界，所以，我们也只能这么做了。 下面是我的一些建议： 1、JS应该放到 .js 文件中 “额，只有那么几行而已…”，是的，我的意思是所有的 JS 都应该放在 .js 文件中。为什么呢？因为这有助于可读性，节省带宽。行内 J
习JavaScript是困难的。它发展的如此之快，以至于在任何一个特定的时刻，你都不清楚自己是否“做错了”。有些时候，感觉像是坏的部分超过了好的部分。然而，讨论这些并没有意义，JavaScript正在征服世界，所以，我们也只能这么做了。 下面是我的一些建议： 1、JS应该放到 .js 文件中 “额，只有那么几行而已…”，是的，我的意思是所有的 JS 都应该放在 .js 文件中。为什么呢？因为这有助于可读性，节省带宽。行内 JavaScript 在每次页面加载时都会重新下载，相反的，单独的 .js 文件则会被
毕竟对于前端来说，优化是躲不开的主题。在看200（cache）和304区别的时候，翻到了雅虎这边归纳出来的准则，虽然是十多年前的东西了吧，但是还是具有参考价值的，因此在原文基础上我进行了一些归纳翻译。
新接手一个老项目，需要改造pdf文件的预览效果，接口直接返回的pdf文件的文件流base64字符串，前端只能拿到base64来进行预览。
对于页面中引用 JS CSS 静态资源的处理，eBay 之前的主要模式是打包资源 每个页面中所需要的 JS 都打包为一个 JS 文件，放在页面的底部加载，CSS 也都打包为一个 CSS 文件，放在 h
看了《高性能JavaScript》的读书笔记 几个原则： 1、将脚本放在底部 <link>还是在head中，用以保证在js加载前，能加载出正常显示的页面。 <script>放在</body>前。 2、成组脚本 由于每个<script>标签下载时阻塞页面解析过程，所以限制页面的<script>总数也可以改善性能。适用于内联脚本和外部脚本。 3、非阻塞脚本 等页面完成加载后，再加载js代码。也就是，在window.load事件发出后开始下载代码。 （1）defer属性：支持IE4和fierfox3.5更高版本浏
antd布局：https://ant.design/components/layout-cn/
next.js 首页标榜的 12 个特性之一就是 API routes，简单的说就是可以 next.js 直接写 node 代码作为后端服务来运行。因此我们可以直接使用 next.js 直接维护一个全栈项目，听起来很香的样子。
一、JavaScript是什么? JS，全称JavaScript，是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。 前端最核心的3个技术：HTML、CSS、JavaScript，H
一般来说，在html页面底部 （也就是</body>之前）引入JavaScript，如jQuery 和 jQuery插件是个不错的做法。原因很简单，HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。
1.线上环境静态文件存放于前端CDN静态池,有一个专门的发布系统可以上传文件.在发布文件的时候需要创建url路径,因为CDN的缓存原因,在路径中增加了版本号,最终结果的url类似这种//n.sinaimg.cn/mail/sinamail66/js/139276/xxx.js
如果A网站和B网站, 同时使用了https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js的资源, 在访问其他网站A时, 浏览器会缓存jquery.min.js资源文件, 访问网站B时,就可以免于下载jquery.min.js的文件, 这样既节省了服务器流量, 又提升了资源加载的速度, 一举两得~
同时修改index页面中script的src属性为<script src="bundle.js"></script>
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
