- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 Django REST framework学习记录（二）
四、xadmin后台管理4.1.xadmin添加富文本插件（1）xadmin/plugins文件夹下新建文件ueditor.py# xadmin/plugins/ueditor.pyimport xadminfrom xadmin.views import BaseAdminPlugin, CreateAdminView, ModelFormAdminView, UpdateA...
2020-04-28 09:04:43
273
转载 Webpack实战配置案例（二）
EsLint 在 Webpack 中的配置//安装eslint工具，规范项目中的代码npm i eslint -Dnpm i babel-eslint -Dnpm i eslint-loader -D//快速生成eslint配置npx eslint --init在 .eslintrc.js 中：module.exports = { "extends": "air...
2020-04-23 14:03:32
532
原创 Webpack实战配置案例（一）
Library的打包：库代码通过webpack进行打包在 webpack.config.js 中：const path = require('path');module.exports = { mode: 'production', entry: './src/index.js', externals: 'lodash', output: { ...
2020-04-21 10:31:54
407
转载 WebPack进阶 （环境变量的使用）
只需要一个common.js文件通过在package.json中传递不同的参数，区分是开发环境还是生产环境。在 package.json 中：{ "name": "haiyang", "sideEffects": [ "*.css" ], "version": "1.0.0", "description": "", "main": "index.js",...
2020-04-20 10:07:50
364
转载 Webpack进阶 （浏览器缓存（Caching）与Shimming (垫片)）
在 webpack.common.js 中：const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const CleanWebpackPlugin = require('clean-webpack-plugin');module.exports = { ent...
2020-04-20 09:59:09
226
转载 Webpack进阶（css文件代码分割）
在 webpack.config.js 中module.exports = { entry: { main: './src/index.js' }, module: { }, plugins: [], optimization: { splitChunks: { chunks...
2020-04-15 19:56:08
251
转载 Webpack进阶（Lazy Loading ，打包分析，Preloading，Prefetching）
Lazy Loading 懒加载，Chunk是什么？用户当前需要用什么功能就只加载这个功能对应的代码，也就是所谓的按需加（异步加载）载在给单页应用做按需加载优化时，一般采用以下原则：对网站功能进行划分，每一类一个chunk 对于首次打开页面需要的功能直接加载，尽快展示给用户 某些依赖大量代码的功能点可以按需加载 被分割出去的代码需要一个按需加载的时机每一个文件就是一个 chun...
2020-04-15 19:18:58
303
转载 WebPack进阶（Webpack和Code Splitting）
安装：npm i lodash --save npm i babel-plugin-dynamic-import-webpack -D代码分割，和webpack无关，为了提升性能webpack中实现代码分割，两种方式:第一种方法:同步代码： 只需要在webpack.common.js中做optimization的配置即可第二种方法:异步代码(import): 异步代码，...
2020-04-14 16:22:34
131
转载 Webpack进阶(Tree shaking Dev和Prod区分打包 )
Tree Shaking：只支持 ES Module 例如import和export的静态结构特性的引入。当引入一个模块时，不引入所有的代码，只引入需要的代码在 webpack.config.js 中：const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');co...
2020-04-14 11:19:10
610
转载 webpack学习记录(三)--使用 Babel 处理 ES6/7 语法 转义为ES5
BABEL官网：https://babeljs.io/setup安装依赖包：npm i babel-loader @babel/core @babel/preset-env -D//生产依赖，兼容低版本浏览器npm install --save @babel/polyfill# 在 webpack.config.js 中# @babel/preset-env这个包官方说是...
2020-04-13 20:07:06
1288
转载 webpack学习记录（二-下）Plugin,SourceMap,WebpackDevServer, HMR
plugin : 可以在webpack运行到某个时刻的时候，帮你做一些事情使用plugins让打包更便捷HtmlWebpackPlugin ：htmlWebpackPlugin 会在打包结束后，自动生成一个html文件，并把打包生成的js自动引入到这个html文件中安装：npm i html-webpack-plugin -D基本用法：在 webpack.config.js 中：...
2020-04-13 19:41:17
171
转载 webpack学习记录（一）
什么是 webpack ?本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。打包所有的资源，包括样式，脚本，图片等等。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。webpack 就像一条...
2020-04-13 16:23:28
104
原创 在django中redis数据库的使用
第一步：修改setting配置# django redisCACHES = { "default": { "BACKEND": "django_redis.cache.RedisCache", # 这里写远程的ip 和 端口 "LOCATION": "redis://39.105.158.4:6379/1", "O...
2020-04-08 17:00:45
323
原创 redis安装及session
redis安装：https://github.com/microsoftarchive/redis/releases直接下载zip 解压出来就可以用了，想要快速启动，配置环境变量。或者使用msi傻瓜式安装：配置redis-windows-service.conf启动redis-server.exe...
2020-04-08 09:55:56
91
原创 MongoDB安装（初学）
MongoDB官网https://www.mongodb.com/参考文档（菜鸟教程）：https://www.runoob.com/mongodb/mongodb-window-install.html
2020-04-07 17:07:27
343
原创 vue的自定义指令及使用场景
除了核心功能默认内置的指令 (v-model和v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。一、注册自定义指令全局注册：（一般使用写在自定义js中，在app.vue中引用该js的方式）// 注册一个全局自定义指令 `v-focus`...
2020-04-05 00:08:49
646
原创 vue-cli@3（vue脚手架快速搭建开发环境）详细记录
1.安装vue-cli①使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入webpack -v，如果出现相应的版本号，则说明安装成功。注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm ins...
2020-04-04 23:31:39
613
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人