Samve

2020年2月29日

摘要：七、项目优化及拓展 7.1 代码分离在当前的开发环境都是提倡模块化，webpack自然不例外，我们前面的webpack.config.js配置文件，其实也没配置多少东西就这么多了，要是以后增加了更多配置，岂不是看得眼花缭乱，所以最好的方法就是把它拆分，方便管理： 1. 我们在根目录下新建三个文件，阅读全文

posted @ 2020-02-29 22:41 Samve 阅读(191) 评论(0) 推荐(0)

webpack4.x最详细使用讲解二

摘要：六、插件（Plugins）插件（Plugins）是用来拓展Webpack功能的，它们会在整个构建过程中生效，执行相关的任务。Loaders和Plugins常常被弄混，但是他们其实是完全不同的东西，可以这么来说，loaders是在打包构建过程中用来处理源文件的（JSX，Scss，Less..），一次阅读全文

posted @ 2020-02-29 22:39 Samve 阅读(192) 评论(0) 推荐(0)

webpack4.x最详细使用讲解一

摘要：前言本文主要从webpack4.x入手，会对平时常用的Webpack配置一一讲解，各个功能点都有对应的详细例子，所以本文也比较长，但如果你能动手跟着本文中的例子完整写一次，相信你会觉得Webpack也不过如此。一、什么是webpack，为什么使用它？ 1.1 什么是webpack？简单来说阅读全文

posted @ 2020-02-29 22:38 Samve 阅读(316) 评论(0) 推荐(0)

2020年2月24日

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 阅读(420) 评论(0) 推荐(0)

2020年2月22日

Typescript语法简单汇总

摘要： 1、Typescript原始数据类型： string number boolean null undefined enum symbol 空值一般采用void表示，void可以表示变量，也可以表示函数返回值。 2、Typescript中的任意值：任意值（any）用来表示允许赋值为任意类型。申明一阅读全文

posted @ 2020-02-22 22:29 Samve 阅读(3169) 评论(0) 推荐(0)

2020年2月21日

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 阅读(1056) 评论(0) 推荐(0)

2020年2月20日

Less知识总结

摘要：一、混合：什么是less中的混合(Mixin)？将需要重复使用的代码封装到一个类中，在需要使用的地方调用封装好的类即可，在预处理的时候less会自动将用到的封装好的类中的代码拷贝过来，本质就是ctrl+c --> ctrl + v。 less中混合的注意点：如果混合名称的后面没有()，那么在预处理阅读全文

posted @ 2020-02-20 16:45 Samve 阅读(186) 评论(0) 推荐(0)

2020年2月19日

日期时间插件WdatePicker.js使用方法

摘要：官网：http://www.my97.net/demo/index.htm 支持浏览器 IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+ HTML  <input id="select- 阅读全文

posted @ 2020-02-19 16:28 Samve 阅读(8486) 评论(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 阅读(220) 评论(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 阅读(521) 评论(0) 推荐(0)

公告