升级打怪的小白 - 个人主页动态

2020-10-09 11:11

已编辑

一、优化打包构建速度   1.oneOf   使用：在webpack.config.js的module的rules中将一些loader的配置放在oneOf的数组中即可     module: {     rules: [       {//匹配js文件，后面的babel也会匹配js文件，所以将eslint放在外面         test: /\.js$/, &nbs...

0 点赞评论收藏

2020-10-08 20:48

已编辑

重庆师范大学前端工程师

webpack开发环境优化

一、优化打包构建速度   HMR   HMR:hot modulle replacement，热模块替换    1.解决的问题   修改部分模块代码，只会重新打包修改的模块代码，不会将全部文件重新打包，提高构建速度   2.开启HMR功能   在devServe中将hot设置为true    devServer: {     //自动更新，只会在内存中编译打包，不会有任何输出，下载指令：npm i webpack-dev-server     //运行指令：npx&...

0 点赞评论收藏

2020-10-09 08:24

已编辑

重庆师范大学前端工程师

webpack生产环境配置

一、提取打包后的css文件为单独文件   使用的插件：mini-css-extract-plugin   第一步：下载并引入插件   //下载命令 npm i mini-css-extract-plugin //引入插件 const MiniCssExtractPlugin = require('mini-css-extract-plugin')   第二步：使用插件   new MiniCssExtractPlugin({   filename: 'css/built.[contenthash:10]....

0 点赞评论收藏

2020-10-08 16:25

已编辑

重庆师范大学前端工程师

webpack开发环境配置

一、创建配置文件   1.配置文件名：webpack.config.js   2.基础配置：   let { resolve } = require('path') module.exports = {   entry: './src/index.js',   output: {     filename: 'js/built.js',//打包输出后会输出到js目录下     ...

0 点赞评论收藏

2020-10-08 16:43

已编辑

重庆师范大学前端工程师

webpack简介

一、webpack   webpack是一种前端资源构建工具，也是静态模块打包器，根据模块的依赖关系进行静态分析，打包生成对应的静态资源   二、五个核心概念   1.entry   入口文件，有多入口和单入口之分，指示webpack以哪一个文件为入口开始打包，分析构建内部依赖图    entry: './src/js/index.js',   2.output   输出，指示打包后的资源输出到哪里去，以及如何命名     output: {     filename: 'js/[name].[conte...

0 点赞评论收藏

2020-09-07 17:07

已编辑

重庆师范大学前端工程师

cookie和session

Cookies  Cookie允许同源的页面共享，是服务器端存储在客户端的一小部分数据，用于进行用户身份验证，大小不超过4KB，会随请求发送到客户端  具体的属性有：1）Name2）Value3）Domain：设置允许访问cookies的域名4）Path：设置路径5）max-age：有效时间，单位秒6）Expires：有效时间，GMT字符串7）Secure:仅通过https传输8）Same-Site,可以防御CSRF攻击，有三个值: strict:禁止第三方网站的cookie Lax:大部分情况禁止第三方网站cookie，除了get请求 none:不做任何限制，同时设置secure有效 ses...

0 点赞评论收藏

2020-09-07 17:00

重庆师范大学前端工程师

JS的继承总结

1.借用构造函数  在子类的构造函数中通过父类名.call(this)调用父类的构造函数缺点：不能实现代码的复用，每个实例都会创建自己的方法  2.原型链  将子类的原型设置为父类的实例缺点：属性都会被实例共享  3.组合方式  借用构造函数继承实例的属性，通过原型继承原型上的属性和方法  4.原型  在一个函数内部有一个临时的构造函数，将父类通过参数传入作为构造函数的原型，最后返回这个临时构造函数的实例来实现继承  5.Class  子类通过extends关键字声明继承与哪一个父类，然后在子类的构造函数constructor中通过super调用父类的构造函数来实现继承

0 点赞评论收藏

2020-09-07 16:57

重庆师范大学前端工程师

防抖和节流

防  短时间内多次触发同一事件，在一定的时间内只执行最后一次   防抖使用的场景：通常可以用来做按钮的防二次点击、搜索的时候执行最后一次请求、通过resize不断改变浏览器大小的时候，只执行最后一次  function debounce(handler,delay){ let timer=null; return function(){ if(timer){ clearTimeout(timer); } timer=setTimeout(hander,delay) } } function hander(){} debounce(hander,1000);节流  多次触发同一事件，第一次执行以...

0 点赞评论收藏

2020-09-07 16:52

已编辑

重庆师范大学前端工程师

对同源策略策略的理解

同源策略  概念：是浏览器的安全策略，如果两个URL的协议、域名、端口全部相同就是同源。   目的：同源策略的目的就是限制两个不同源之间的交互，保证用户信息安全，减少可能被攻击的媒介  同源策略的限制范围大概分为三部分：1）Cookie、LocalStorage的读取2）DOM的获取3）AJAX请求的发送 跨域  由于浏览器同源策略的限制不允许跨域请求，如果当前URL的协议、域名、端口和请求的URL有一个不同就为跨域。  想要跨域访问有几种方式：1）CORS允许服务器通过Acess-Control-Allow-Origin设置有哪些域名可以访问资源（多个域名的话可以放在数组里，判断请求的域是否...

0 点赞评论收藏

2020-09-02 13:30

已编辑

重庆师范大学前端工程师

vscode使用git简单介绍

0 点赞评论收藏

2020-09-02 13:30

重庆师范大学前端工程师

git push的时候遇到的问题

git push的时候报错：! [rejected] develop -> develop (fetch first) error: failed to push some ref… 然后根据提示输入百度了解决方案继续输入git pull出现下面这张情况 ** 解决办法 ** 步骤： 1.输入i 2.按下ESC键 3.英文状态下输入:wq 做完以上三步后，直接push就可以啦~

0 点赞评论收藏

2020-09-02 13:30

已编辑

重庆师范大学前端工程师

git rebase和merge时遇到冲突

git rebase的时候遇到冲突  然后我备份了代码 再去执行git rebase --abort，再切分支去develop上面merge，这个时候其实冲突还是没有解决：  解决办法： 我用vscode打开代码然后去图中指示的文件里解决了冲突，自己看要保留哪一份修改的代码就可以了，然后保存，再去develop上执行add和commit，最后push

0 点赞评论收藏

2020-09-02 13:29

重庆师范大学前端工程师

vue使用element pagination组件

<div v-if="pageshow"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-size="size" background layout="prev, pager, next" :total="total"></el-pagi...

0 点赞评论收藏

2020-09-02 13:29

已编辑

重庆师范大学前端工程师

对网站重构的理解

个人理解是使程序更好的扩展、维护和优化 对传统网站的重构： 1.表格布局改为DIV+CSS 2.使网站前端兼容于现代浏览器 3.减少代码间耦合 4.设计可扩展的API 5.代替旧有的框架，语言 6.压缩js,css,image等前端资源 …

0 点赞评论收藏

2020-09-02 13:29

已编辑

重庆师范大学前端工程师

HTML5的离线储存怎么使用以及工作原理

1.使用： 1）<html manifest=”file.appcache”> 2）在file.appcache文件里编写离线存储的资源，例如：  3）在离线状态时，操作doucument.applicationCache进行需求实现 2.原理： 1）在线时，浏览器发现html头部有manifest属性，就会请求manifest文件，如果是第一次访问，浏览器就会根据manifest文件进行相应资源的下载，如果已经访问过并且已经有资源了，就会使用离线下载的资源。然后对新旧的manifest文件进行比较，如果有改变则重新下载文件中的资源，没有改变就不进行任何操作 2）离线时：直接使用离...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：