引言 对外网站前端静态资源一般都会部署在 CDN 上， CDN 可以减少资源请求时间，进而减少页面首屏时间。然而是否想过，有一天 CDN 也会被封禁而无法访问，不用怀疑，触不及防我们就会遇到。 这个问题的严重程度导致网站统一一片白花花，真是空空如也啊~ , 对待网络问题，可以用 PWA 做离线加载，但是由于 PWA 的兼容性问题，并不能兼顾到所有设备，考虑是否有其它方式保证网站的正常访问呢？ 既然 CDN 无法访问，我们还有主域，当 CDN 域名请求失败时，尝试将资源向主域进行请求，则可保证大概率的资源
https://juejin.im/post/5d650613f265da03951a0364
1. 在模板文件中引入分页插件及其依赖。 <link rel="stylesheet" href="/public/admin/bootstrap/css/bootstrap.css"> <script type="text/javascript" src="/public/admin/bootstrap/js/jquery-1.10.1.js"></script> <script type="text/javascript" src="/public/admin/bo
我比较喜欢在typecho的后台直接修改模板（大概是因为我是业余人士的原因），没有代码高亮其实时间长了也还好能接受，只是有的时候前台报错模板xx文件xx行出错，这个时候就非常苦恼了，不得不打开主机面板然后打开模板文件，看行号了，所以前天就在想能不能搞个插件出来，索性typecho后台这里还是有插件接口的，于是乎搞了两天终于搞出来了。
插件是 webpack 的支柱功能。webpack 自身也是构建于你在 webpack 配置中用到的相同的插件系统之上！ 插件目的在于解决 loader 无法实现的其他事。
webpack2和vue2已经不是新鲜东西了，满大街的文章在讲解webpack和vue，但是很多内容写的不是很详细，对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下webpack和vue工程化。
plugin是插件的意思，通常是用于对某个现有的架构进行扩展。 webpack中的插件，就是对webpack现有功能的各种扩展，比如打包优化，文件压缩等等。
不知不觉z-blog已经用了三年了，从开始的懵懂到现在的略加熟悉，感觉有必要写篇文章来为广大ZBlogger提一些建议，使用z-blog是否觉得页面访问速度慢？加载慢的情况？今天就为大家来分析一下你的z-blog访问慢的原因，并通过优化一些代码以达到提高页面加载速度的目的，按照以下的方法做一些改变，你会发现博客访问速度明显提高了。
在 wordpress 主题或插件中加载 JavaScript 时，官方推荐的方法是使用 wp_enqueue_script() 来加载，该函数可以指定 JavaScript 的依赖库，指定 JavaScript 文件的版本，设置在页面头部或者底部加载，非常灵活和方便。但是，该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是，我们可以通过 WordPress 的函数自己动手来实现这个功能。
插件（Plugins） 插件（Plugins）是用来拓展Webpack功能的，它们会在整个构建过程中生效，执行相关的任务。 Loaders和Plugins常常被弄混，但是他们其实是完全不同的东西，可以这么来说，loaders是在打包构建过程中用来处理源文件的（JSX，Scss，Less..），一次处理一个，插件并不直接操作单个文件，它直接对整个构建过程其作用。 Webpack有很多内置插件，同时也有很多第三方插件，可以让我们完成更加丰富的功能。 使用插件的方法 要使用某个插件，我们需要通过npm安装它，然后
juery因丰富的插件曾被广泛使用，这里介绍一下jQuery模板的使用方法，用到jquery.tmpl.js插件。
于是决定写个（100 行代码不到的） cli 工具解决痛点，另外选择了 npm package 的方式，方便维护。
接着上一篇 手撸 webpack4.x 配置（一） 继续学习 webpack配置 。
React Plugin Template https://github.com/jenkinsci/react-plugin-template
adminLTE的官方网站：adminLTE官方网站 和github：adminLTE的github
Vue.js是一种用于构建用户界面的渐进式JavaScript框架。它是一个轻量级的框架，通过将视图层和状态层进行绑定，使开发者能够更加高效地构建交互式的Web应用程序
如果每次新建一个项目得时候，我们都得手动去处理以上这些问题，那么将是一个重复性操作，而且还要确保团队一致，那么还得考虑约束能力
本文来自egoistian，点击「阅读原文」查看完整文章。 年初在 V2EX 看到很多人发帖问前端如何入门，我姑且来分享一下我的经验。 或许你不知道我是谁，不过如果你对前端有兴趣，都可以联系我帮你 Review 代码、提供改进建议，这有我的 GitHub 地址。 我假设阅读者只了解过简单的 HTML/CSS。 HTML HTML 没有了 CSS 就什么都不是，它相当于给网页各个区域命名，然后让你可以进行更多的操作。比如头部导航栏，你经常会给它起个名字叫 header。 CSS CSS 是层叠样式表（Casc
本文翻译自，翻译技巧不太好，不喜勿碰 ： 4 Ways To Boost Your Vue.js App With Webpack 众所周知，webpack 是 开发 vue.js 单页面应用程序的必备工具，通过管理复杂的构建步骤，它可以使您的开发工作流程更加简单，并且可以优化应用程序的大小和性能。 在本文中，我将解释Webpack增强Vue应用程序的四种方法，包括：
现如今 Vue 作为主流的前端框架之一，其健全的配套工具，活跃的开源社区，让广发码农热衷追捧。Vue CLI 作为其官方的开发构建工具，目前已更新迭代到 4.x 版本，其内部集成了日常开发用到的打包压缩等功能，简化了常规自己动手配置 webpack 的烦恼。另外提供的插件功能更是满足了使用者定制化的需求场景，那么本文就来讲下如何去开发一个插件。
先抛个问题，众所周知，Sketch 是 UED 设计工具，大多数 Sketch 插件都是用于提升设计人员工作效率。那么，作为前端研发的我们为什么要学习 Sketch 插件开发呢？
最近业余时间利用hexo为自己搭建一个高度自定义的个人站点，站点发布在github上，访问地址为：https://cqhaibin.github.io/。本博客简单介绍实现此站点的过程。效果图如下 构
webpack使用总结： 入门使用： 这个报错说明需要安装相应的Loader,并在引用时指定相应的loader 执行成功如图： chunk指相应的区块。 要是css引入正确：必须引入css-loade
Bootstrap是一个功能强大的、以移动端为优先的响应式前端框架，它是用CSS、HTML和JavaScript构建的。与从零开始编程，甚至许多其他框架相比，Bootstrap都有许多优势。
2、功能划分细致，模块独立 3、使用文档片断 createDocumentFragment, 减少对dom操作的次数
上篇文章《模板层面向 typecho 编辑器页面插入 css js》中讲到一种向编辑器中插入css的奇葩方式，某些时候那么写确实能解决不少问题。但是
架构分析 主要技术栈 基础web框架: Ember.js 构建脚手架: Ember CLI ember-engines: http：//ember-engines.com/ 国际化: 读配置文件 打包工具: WebPack dom操作: jquery Nodejs框架: express生态+http-proxy 图表使用的: echarts 和 d3 样式: node-sass 没有使用大的组件库,只是使用了一些小插件如 jquery.jgrowl 命令执行使用的: xterm.js 模板引擎: hbs 网
iSlider是一个表现出众，无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素，例如图片或者DOM元素
WordPress响应式免费主题，一款基于Js+jquery2.1.4+H5/CSS3响应式+Wordpress后台开发，每天活人访问量500-800+IP，百度权重2，百度、Google收录链接突破1800+条，前后端完全独立制作，现主题作者Art_Blog开源给所有小伙伴免费使用！
作者：郑智文 知晓程序注： 前不久，微信释放了一个重磅新能力：微信小程序插件功能。有了它，小程序开发者就可以通过这个功能，强化自身小程序能力；小程序服务提供商也可以用它，为开发者、用户提供强大的小程序功能支持，进一步拓展小程序能力。 插件固然好，但如何从零开发一个插件呢？今天，知晓程序就来手把手，教你如何从零开发一款微信小程序插件。 关注「知晓程序」微信公众号，回复「开发」，获取小程序开发技巧大全。 新建插件工程 新建插件的操作非常简单。只需要在微信开发者工具中新建小程序项目，并选择「建立插件快速启动模板」
在之前学习 Vue 基础知识点的文章中，我们还是采用传统的方式，通过在 html 页面上引用 vue.js 这个文件，从而将 Vue 引入到我们的项目开发中。伴随着 Node.js 的出现，以及 React、Angular、Vue 这类的前端 MVVM 框架的发展，前端越来越像后端靠拢，前端工程化的思想开始出现。现在的前端开发，已经不再只是一个 html 页面，上面引用各种 js、css 文件就可以完成开发的了。
相信大多数博客作者都或多或少有过这样想法: 现在各种平台这么多,想要实现全平台发布就要到处复制粘贴,等我有空一定做统一平台一次性全部解决!
我们知道，在真实发布项目时，发布的是dist文件夹中的内容，但是dist文件夹中如果没有index.html文件，那么打包的js等文件也就没有意义了。
继昨天讲完了jq插件的二种编写方法和区别之后，今天的web前端零基础课中，又回过头来继续把电商网站中的checkBox复选框，进行了进一步的封装与自定义。 //////// 电商网站的购物车的商品选项
Web前端目前现有的UI框架：Element、Bootstrap、JqueryUi、Foundation、Semantic UI、Pure、UIkit Web前端目前现有的JS框架：JQuery、Zepto、VueJS、AngularJS、ReactJS、backbone 、ember
本文主要介绍了高可维护的JavaScript代码规范，包括变量命名、注释、函数、正则表达式、对象、闭包、性能、模块化、私有变量、代码格式化、测试、编码规范、工具和最佳实践等。同时，本文还提供了常见代码规范的具体示例和JavaScript代码规范检查工具的输出结果。通过遵循这些规范，可以大大提高代码的可读性和可维护性，从而提高开发效率。
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件，如果 CSS 和 JavaScript 内联代码或者文件一多，就开始出现了两个比较难受的问题：
http://www.bootcss.com，下载用于生产环境的Bootstrap即可。
参考链接： webpack-html-webpack-plugin html-webpack-plugin output-management
webpack的一点介绍 Webpack 把任何一个文件都看成一个模块，模块间可以互相依赖（require or import），webpack 的功能是把相互依赖的文件打包在一起。webpack 本身只能处理原生的 JavaScript 模块，但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样，任何资源都可以成为 Webpack 可以处理的模块。同时，webpack还有丰富的插件 plugin，可以完成例如js,css的压缩，公共依赖模块的提取和注入，甚至利用模板对 h
你不懂JS - 可能是用现代JavaScript编写的最好的书，完全可以免费在线阅读，或者可以买来支持作者。
1. 组件与样式写在一个目录里面，方便后面移动 layout layout.vue layout.less 2. 每一个组件都有自己的使用文档说明 组件属性，方法说明 3. 每一个方法都有自己的使用说明 安装 jsdoc 选中所写函, 按下 ctrl+shift+p, 选中 gen jsdoc /** * 描述 * @author ken * @date 2021-05-19 * @returns {any} */ showLoading() { this.$loading.sho
JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等。 包管理器 管理着 JavaScript 库，并提供读取和打包它们的工具。 npm：npm 是 JavaScript 的包管理器。官网 Bower：一个 web 应用的包管理器。官网 component：能构建更好 web 应用的客户端包管理器。官网 spm：全新的静态包管理器。官网 jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。官网 jspm：流畅的浏览器包管理
本篇开始学习webpack打包的构建配置，所用版本为webpack 4.16.1和webpack-cli 3.2.3。
大家好，我是柒八九。从今天起，我们又双叒叕yòu shuāng ruò zhuó， 开辟了一个新的领域：「前端工程化」。可能大家对这个词，比较陌生，但是如果把这个问题具象化，那就会感觉到倍感亲切。我简单罗列几个概念和技术
对于刚接触的同学来说，可能会感觉很难，但创建一个项目是非常简单的，跟下面一步一步做吧！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
