02 2020 档案

webpack4.x最详细使用讲解三
摘要：七、项目优化及拓展 7.1 代码分离 在当前的开发环境都是提倡模块化，webpack自然不例外，我们前面的webpack.config.js配置文件，其实也没配置多少东西就这么多了，要是以后增加了更多配置，岂不是看得眼花缭乱，所以最好的方法就是把它拆分，方便管理： 1. 我们在根目录下新建三个文件， 阅读全文
posted @ 2020-02-29 22:41 Samve 阅读(193) 评论(0) 推荐(0)
webpack4.x最详细使用讲解二
摘要：六、插件（Plugins） 插件（Plugins）是用来拓展Webpack功能的，它们会在整个构建过程中生效，执行相关的任务。Loaders和Plugins常常被弄混，但是他们其实是完全不同的东西，可以这么来说，loaders是在打包构建过程中用来处理源文件的（JSX，Scss，Less..），一次 阅读全文
posted @ 2020-02-29 22:39 Samve 阅读(193) 评论(0) 推荐(0)
webpack4.x最详细使用讲解一
摘要：前言 本文主要从webpack4.x入手，会对平时常用的Webpack配置一一讲解，各个功能点都有对应的详细例子，所以本文也比较长，但如果你能动手跟着本文中的例子完整写一次，相信你会觉得Webpack也不过如此。 一、什么是webpack，为什么使用它？ ​ 1.1 什么是webpack？ 简单来说 阅读全文
posted @ 2020-02-29 22:38 Samve 阅读(319) 评论(0) 推荐(0)
VScode+Typescript+Less+Bootstrap3+Eslint环境搭建
摘要：该环境支持： a、VSCode中自动编译Typescript； b、TypeScript 支持jquery、bootstrap； c、ESLint保存时自动检查Typescript代码； d、VScode自动编译Less； e、Eslint自动检查Html中的JavaScript代码； f、具有本地 阅读全文
posted @ 2020-02-24 21:57 Samve 阅读(423) 评论(0) 推荐(0)
Typescript语法简单汇总
摘要：1、Typescript原始数据类型： string number boolean null undefined enum symbol 空值一般采用void表示，void可以表示变量，也可以表示函数返回值。 2、Typescript中的任意值： 任意值（any）用来表示允许赋值为任意类型。 申明一 阅读全文
posted @ 2020-02-22 22:29 Samve 阅读(3175) 评论(0) 推荐(0)
async/await语法总结
摘要：console.dir(Promise); const p = new Promise((resolve, reject) => { reject("失败"); resolve("成功！"); }) async function getA(){ // await后是一个Promise，如果不是也会默 阅读全文
posted @ 2020-02-21 17:07 Samve 阅读(1060) 评论(0) 推荐(0)
Less知识总结
摘要：一、混合： 什么是less中的混合(Mixin)？将需要重复使用的代码封装到一个类中，在需要使用的地方调用封装好的类即可，在预处理的时候less会自动将用到的封装好的类中的代码拷贝过来，本质就是ctrl+c --> ctrl + v。 less中混合的注意点：如果混合名称的后面没有()，那么在预处理 阅读全文
posted @ 2020-02-20 16:45 Samve 阅读(187) 评论(0) 推荐(0)
日期时间插件WdatePicker.js使用方法
摘要：官网：http://www.my97.net/demo/index.htm 支持浏览器 IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+ HTML <!-- 类名"Wdate"显示日期小图标--> <input id="select- 阅读全文
posted @ 2020-02-19 16:28 Samve 阅读(8493) 评论(0) 推荐(0)
webpack4：在内存中生成首页之html-webpack-plugin插件
摘要：1、安装： cnpm i html-webpack-plugin -D 2、webpack.config.js中配置plugins属性： const path = require("path") const htmlWebpackPlugin = require("html-webpack-plug 阅读全文
posted @ 2020-02-19 16:05 Samve 阅读(222) 评论(0) 推荐(0)
webpack4：实时打包之webpack-dev-server
摘要：1、安装： cnpm i webpack-dev-server -D 2、package.json中配置命令： "dev": "webpack-dev-server --open chrome --port 3000 --hot --host 127.0.0.1" { "name": "wp4-1" 阅读全文
posted @ 2020-02-19 16:04 Samve 阅读(524) 评论(0) 推荐(0)
webpack4：基本使用
摘要：webpack是基于Node构建，所以wepack支持所有Node API和语法。 即：Chrome浏览器能支持的ECMAScript语法（排除DOM、BOM），wbpack都能支持。Chrome不支持ES6，所以webpack也不支持。 创建基本的webpack4.x项目： 创建后的目录： 其中： 阅读全文
posted @ 2020-02-19 16:01 Samve 阅读(590) 评论(0) 推荐(0)
jquery.form.js提交 input file中的文件
摘要：现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台，供后台处理，可是开发中由于某些原因又不得不用ajax提交文件，解决方案： 下面说说 jquery.form.min.js 插件，它是一款优秀的Ajax表单插件，我们可以非常容易的使用它处理表单控件的值，清空和复位表单控件，附件 阅读全文
posted @ 2020-02-19 15:53 Samve 阅读(1216) 评论(0) 推荐(0)
专题5：Javascript中的call()方法和apply()方法用法
摘要：最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，它们可以让一个函数成为任意对象的一个方法进行调用，那么就让我总结这两个方法的使用和区别吧。 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相 阅读全文
posted @ 2020-02-04 17:40 Samve 阅读(174) 评论(0) 推荐(0)
专题4：全方位解读javascript中this
摘要：首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，即：如果是函数则是指向window，如果是方法则指向最终调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的， 阅读全文
posted @ 2020-02-03 10:22 Samve 阅读(199) 评论(0) 推荐(0)