想一想如果没有这个工具，我们需要手动新建一个压缩代码后的文件夹，每次修改原始文件，都要手动压缩一下，再保存到压缩后的文件夹，想想都要疯掉。所以，grunt前端必不可少。
一、先写一个简单demo1 1-1安装好webpack后创建这样一个目录： 1-2:向src各文件和dist/index.html文件写入内容： <!DOCTYPE html> <html lang=
ECMAScript（前身为欧洲计算机制造商协会）：JavaScript的语法规范
在UmiJS的约定中，config/config.js将作为UmiJS的全局配置文件。
后续项目中,我们会使用Vuejs进行开发,而且会以特殊的文件来组织Vue的组件
（3）可以将js代码编写到外部js文件中，然后通过script标签引入（☆☆☆） 优点：写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制。 注意：script标签一旦用于引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略 如果需要则可以在创建一个新的script标签用于编写内部代码。
在nodejs中，可以通过exports或module.exports 和 require 实现模块化 exports 和 module.exports的区别？ exports曝光内容必须添加属性 module.exports曝光内容，可以添加属性，也可不添加属性
项目基于Vue-cli3.x进行开发，使用了ant-design-vue框架，然后需要做国际化。此时做国际化需要考虑两方面的国际化，一是ant-design-vue内部组件的国际化，二是国际化我们的业务显示，业务显示我们选用vue-i18n进行国际化。
文件上传漏洞可以说是危害很大了，因为可以直接通过此漏洞getshell。漏洞原因简单点说就是由于开发人员或者网站运维人员的一些失误导致用户上传的文件可以被服务器当作脚本（可执行文件）解析执行。但是想要成功利用这个漏洞至少需要满足三个条件： A.有效上传点 B.上传文件能够被解析执行 C.上传的文件能够被访问到
或者我们直接运行一个我们本地的js也是一样的，直接node csdn_demo.js
我们后端用SpringBoot 框架已经搭建的差不多了之前，既然我们最初的梦想是做先后端分离的架手架，终于也开始学习一下前端的框架了。自己也算是前端小白，所以将自己学习vue 的过程记录系列博客。希望对学习vue 的小伙伴有帮助，如果文章中有不对的，希望大家及时提出一起探讨。
安装webpack首先需要安装Node.js，Node.js自带了软件包管理工具npm
首先看一下这篇文章： https://blog.csdn.net/MPFLY/article/details/78134980
一个较好的工程模版，不应该被较多的配置束缚住，应该有一个较好的统一约定，采用约定大于配置的
在几年前，博主有意学习前端相关的内容，诸如Vue等相关的框架，所以也就想了解一下关于Html、CSS、JavaScript 等相关内容，但是没有实战的地方，随之放弃。 时至今日，鸿蒙系统上线，看到用的语言是基于TypeScript (自认为) 的arkts（android runtime kit type script） 所以去了解下对应的知识，发现还得是JavaScript，所以在此记录，把对应的知识重新再梳理一遍，书中多有错误，烦请诸君斧正，感谢~
JQuery实际是JavaScript的一个框架，可以用来简化JS的开发。截取下百度百科给出的概念：
inode 为“索引节点”，存储文件的元信息。其是 UNIX 操作系统中的一种数据结构，包含了与文件系统中各个文件相关的一些重要信息。
前两天为了优化公司的代码打包项目，恶补了很多 webpack4 的知识。要是放在几年前让我学习 webpack 我肯定是拒绝的，之前看过 webpack 的旧文档，比我们内部项目的文档还要简陋。
上篇博文我们依葫芦画瓢已经将hello world 展现在界面上啦，但是是不是感觉心虚虚的，总觉得这么多文件，项目怎么就启动起来了呢？怎么访问到8080 端口就能进入到我们的首页呢。整个的流程是怎么样的呢？
本文主要讲如何使用 Jekyll 在 Github 搭建博客，其实我们还可以在国内网站搭建，本文是记下我从不知道 github 搭建博客，到成功搭建了博客遇到的问题 我在github建立了博客，博客地址：lindexi.github.io 使用技术得到 ddatsh.com 的支持，对他表示衷心感谢 搭建一个博客需要的技术很少，不需要在电脑安装什么，直接Clone一个主题，然后修改个人信息，放入博客就好。
JavaScript历史 要了解JavaScript，我们首先要回顾一下JavaScript的诞生。在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果，于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错，这哥们只用了10天时间。
对于 webpack 来说， loader 和 plugin 可以算是需求程度最为广泛的配置项了。但是呢，单单止步于配置可能还不够。如果我们自己有时候想要 diy 一个需求，但是 webpack 又没有相关的 loader 和 plugin 。那这个时候我们可能就得开始造点轮子来供给自己使用了。
2.资源文件:以.properties文件的key-value的特性，设置key和value，一般一个语种要写一个文件。
COW 不是奶牛，是 Copy-On-Write 的缩写，这是一种是复制但也不完全是复制的技术。
. 这里我创建了一个index目录,该目录下面创建好必备的文件。这里只会操作到.js和.wxml文件。 第一种方案 wxml文件添加如下内容
两个<custom-ul>以及<custom-li>两个组件都为自定义组件，如果进行通信会非常的难以操作，至此通过relations完成子父组件的定义，简化通信。
对于一份同逻辑的代码，当我们手写了一个个的文件，它们无论是 ESM 还是 commonJS 或是 AMD，他们都是 module； 当我们写的 module 源文件传到 webpack 进行打包时，webpack 会根据文件引用关系生成 chunk 文件，webpack 会对这个 chunk 文件进行一些操作； webpack 处理好 chunk 文件后，最后会输出 bundle 文件，这个 bundle 文件包含了经过加载和编译的最终源文件，所以它可以直接在浏览器中运行。 一般来说一个 chunk 对应一个 bundle，比如上图中的 utils.js -> chunks 1 -> utils.bundle.js；但也有例外，比如说上图中，我就用 MiniCssExtractPlugin 从 chunks 0 中抽离出了 index.bundle.css 文件。
2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。
这里就不打开这个writeMe2.txt文件了，内容有点多，截图了你们看着也没什么意思。你们自己运行一下就可以了。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/74857527
前言 如果你想使用ES6模块语法管理代码，又不想使用webpack这个重型工具； 如果你只是想简简单单的写个js、html、css，不需要typescript、postcss等高级工具； 如果你想开发时所见到的错误就像使用script标签引入的脚本一样清晰； 如果你想上线代码只打包成一个或几个文件以减少文件体积和连接数； 那么，你可以继续往下读了。 特点 1、轻盈易用，几个文件，数百行代码，只需要开启其nodejs服务即可使用ES6模块语法编写代码，无需Babel转译； 2、方便排错，浏览器展示代码与本地j
介绍 vsc的宣传语是： 一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。 按它说的，vsc特别适合来作为前端开发编辑器。 内置html开发神器emmet(zencoding),对css及其相关编译型语言Less和Sass都有很好的支持。 当然，最nice的还是写js代码了，这也是我接下来要着重介绍的功能。 智能提示 因为之前微软推出了typescript语言，结合tsd文件，用visual studio写typescript代码是
1：打开编辑器，导入上一节的创建的项目,开始查看目录结构,manifest.json指定了开始页面index.html，一切的开始都从这里开始。
随着前端模块化的兴起，特别在 vue、react等一些热门框架的崛起，越来越多的公司加入了这一阵营。提及前端的模块化（这里主要说的是Javascript语言的模块化），就不得不说 es6标准提出的 export 和 import 两个命令了。当然还有 commonJS里的 module.exports 和 require 这一对组合了，这里暂不介绍这两组命令的具体用法。以后 我会专门写一篇文章介绍这两个命令的用法。我们以 es6中的 export 和 import 为例，介绍一下：
因为换了一个公司，发现在这里有太多东西学了，而且技术大牛特别多，仿佛从原始时代进入了工业时代，所以一直在埋头学习，就好久没有更新文章了。
在 Mac 系统的终端上修改文件权限使用的是 Linux 中的 chmod 命令。本文将给大家介绍Unix、Linux下文件和权限。下面话不多说了，来一起看看详细的介绍吧
原始的前端开发框架需要工程师写html、写css、写javascript(js)。js是脚本语言，浏览器可以运行js来执行一些js支持的动作，例如点击反馈，下拉菜单、操作html的DOM元素之类。这样开放效率就很低了。
好吧，没写之前简单的说一下为什么要写，我还是怀着比较沉重的心情写的这篇教程，主要是心里没底，不知道能写明白不，不过既然提笔了，那就硬着头皮写吧，没办法，毕竟跌跌撞撞总算是搞出来了。还有就是我百度了，没有教程，所以更坚定了我写这篇博文的心。
一直想学webpack的打包过程，找到了很多的教程，一直没有找到一个比较好的，今天找到一个比较差不多的，转载一下！
渐进式 JavaScript 框架，一款用于构建 Web 界面，易学易用，性能出色且功能丰富的框架。
先看下面的实现例子(读取Qt资源文件main.qml文件并显示到Text控件中)：
输入vue init webpack-simple <project-name>之后，一路回车就是了（sass可以根据自己爱好选择），然后根据出现的提示依次执行切换目录，下载依赖。
开发中会遇到领导指着一个网页说，这个不错，咱们页面也按这个布局和风格做吧。直接用html+css+js生写还是挺费工的。最快的方法是直接照抄网页。本文例子不需要其它工具，只用浏览器的“另存页面为”和“查看页面源代码”两个功能来照抄网页，结果证明，不考虑js功能，仅看网页外观，是完全可以做出一模一样的网页的。 以下面网页为例，布局简单，但是要自己从头开始写，肯定要调试很久。
js脚本语言和php脚本语言的区别是什么？ 一句话： js是客户端脚本， 由浏览器执行。 php是服务端脚本， 由php服务执行， php脚本跟shell脚本（bash执行）颇为类似。
下面会从基本使用开始出发，探究一个loader怎么写，并实现raw-loader、json-loader、url-loader、bundle-loader
本小节介绍下 rollup 和 esbuild 的基础用法，我们都知道 vite 本身使用的 rollup 打包，vite 的插件也和 rollup 的插件机制相吻合； esbuild 是用于在开发环境中对文件进行处理，也有自己的声明周期钩子函数，由于对文件的分割和 css 支持还不太友好，暂未应用到打包环节。
摘要总结：本文介绍了如何在 Vue.js 项目中使用 jQuery，包括如何在项目中引入 jQuery、如何测试 jQuery 是否正常工作以及如何使用 Vue.js 的生命周期钩子函数在组件中引入并使用 jQuery。同时，也介绍了如何关闭 eslint 报错和避免在非浏览器环境下使用 jQuery 的问题。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
