- 博客(18)
- 资源 (1)
- 收藏
- 关注
转载 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 294
转载 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 542
原创 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 418
转载 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 373
转载 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 236
转载 Webpack进阶(css文件代码分割)
在 webpack.config.js 中module.exports = { entry: { main: './src/index.js' }, module: { }, plugins: [], optimization: { splitChunks: { chunks...
2020-04-15 19:56:08 267
转载 Webpack进阶(Lazy Loading ,打包分析,Preloading,Prefetching)
Lazy Loading 懒加载,Chunk是什么?用户当前需要用什么功能就只加载这个功能对应的代码,也就是所谓的按需加(异步加载)载在给单页应用做按需加载优化时,一般采用以下原则:对网站功能进行划分,每一类一个chunk 对于首次打开页面需要的功能直接加载,尽快展示给用户 某些依赖大量代码的功能点可以按需加载 被分割出去的代码需要一个按需加载的时机每一个文件就是一个 chun...
2020-04-15 19:18:58 315
转载 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 141
转载 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 616
转载 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 1325
转载 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 180
转载 webpack学习记录(一)
什么是 webpack ?本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。打包所有的资源,包括样式,脚本,图片等等。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。webpack 就像一条...
2020-04-13 16:23:28 115
原创 在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 333
原创 redis安装及session
redis安装:https://github.com/microsoftarchive/redis/releases直接下载zip 解压出来就可以用了,想要快速启动,配置环境变量。或者使用msi傻瓜式安装:配置redis-windows-service.conf启动redis-server.exe...
2020-04-08 09:55:56 102
原创 MongoDB安装(初学)
MongoDB官网https://www.mongodb.com/参考文档(菜鸟教程):https://www.runoob.com/mongodb/mongodb-window-install.html
2020-04-07 17:07:27 395
原创 vue的自定义指令及使用场景
除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。一、注册自定义指令全局注册:(一般使用写在自定义js中,在app.vue中引用该js的方式)// 注册一个全局自定义指令 `v-focus`...
2020-04-05 00:08:49 651
原创 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 634
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人