05 2020 档案
摘要：mouseenter事件 当鼠标移动到元素上时，就会触发mouseenter事件。 类似mouseover，它们两者之间的差别是：mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发。
阅读全文
摘要：scroll翻译过来，就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。 scroll系列属性 作用 element.scrollTop 返回被卷上去的上侧距离，返回数值不带单位 element.scrollLeft 返回被卷上去的左侧距离，返回数值不带单位 el
阅读全文
摘要：下面三种情况都会刷新页面，都会触发load事件。 1.a标签的超链接。 2.F5或者刷新按钮（强制刷新） 3.前进后退按钮 但是火狐中，有个特点，有个“往返缓存”，这个缓存中不仅保存着页面数据，还保存了DOM和javaScript的状态；实际上是将整个页面都保存在内存中。 所以，此时后退按钮不能刷新
阅读全文
摘要：立即执行函数：不需要调用，立马能够自己执行的函数。 写法： （1）(function() { })() (2) (function(){}())
阅读全文
摘要：client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。 通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 client系列属性 作用 element.clientTop 返回元素上边框的大小 element.clientLeft 返回
阅读全文
摘要：这是我之前一直使用的第一种rem方案。贴代码 1 <script> 2 // 适用于750的设计稿 3 var iScale = 1; 4 // 通过页面加载的时候去获取用户设备的物理像素比 5 iScale = iScale / window.devicePixelRatio; 6 // 然后来设
阅读全文
摘要：1.1 offset概述 offset翻译过来，就是偏移量，我们使用offset系列相关属性，可以动态的得到该元素的位置（偏移）、大小等。 获取元素距离带有定位父元素的位置。 获得元素自身的大小（宽度高度）。 注意： 返回的数值都不带单位。 offset系列常用属性： offset系列属性 作用 e
阅读全文
摘要：window对象给我们提供了一个history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的URL。 history.back(): 可以后退功能。 history.forward（）：前进功能。 go（参数）：前进后退功能，参数如果是1，前进一个页面。如果是-1，后退一个
阅读全文
摘要：location.assign() 跟href一样，可以跳转页面（也称为重定向页面）。 location.replace() 替换当前页面，因为不记录历史，所以不能后退页面。 location.reload() 重新加载页面，相当于刷新按钮或者F5，如果参数为true，强制刷新ctrl+F5。
阅读全文
摘要：做管理后台开发的时候，需要用到Element的NavMenu组件，于是乎，翻开文档，大致是这样实现的。 <el-menu> <el-menu-item index="1">标题一</el-menu-item> <el-submenu index="2"> <template slot="title"
阅读全文
摘要：node-sass是自动编译实时的，dart-sass需要保存后才会生效。 如果您在Dart-VM内运行Dart-Sass，它的运行速度很快，但它表示可以编译为纯JS，dart-sass只是一个编译版本，比node-sass和native dart-sass慢。 个人使用感受：在大型项目中 使用da
阅读全文
摘要：navigator对象包含有关浏览器的信息，他有很多属性，我们常用的是userAgent，该属性可以返回由客户机发送服务器的user-agent头部的值。 下面前端代码可以判断用户哪个终端打开页面，实现跳转： if((navigator.userAgent.match(/(phone|pad|pod
阅读全文
摘要：https://github.com/toutiaoio/awesome-architecture#%E5%89%8D%E7%AB%AF
阅读全文
摘要：px2vw 一个 px 单位转成 vw 单位的 VSCode 插件
阅读全文
摘要：https://blog.csdn.net/weixin_30628077/article/details/97964354?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2
阅读全文
摘要：https://juejin.im/post/5b174de8f265da6e410e0b4e
阅读全文
摘要：1 var docEl = document.documentElement, 2 //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时， 3 //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。 4 //总来的来就是监听当前窗口的变化
阅读全文
摘要：svg图标优点 文件体积小，能够被大量的压缩 图片可无限放大而不失真(矢量图的基本特征) 在视网膜显示屏上效果极佳 能够实现互动和滤镜效果 svg图标使用 1.安装相应的npm包： yarn add svg-sprite-loader svgo --dev 2.src文件夹下新建一个icons文件夹
阅读全文
摘要：login.vue主文件 1 <template> 2 <div class="login-wrapper"> 3 <img src="../../assets/images/logo.png" class="logo" /> 4 <div class="login-box"> 5 <ul clas
阅读全文
摘要：同步任务 同步任务都在主线程上执行，形成一个执行栈。 异步任务 js的异步是通过回调函数实现的。 一般而言，异步任务有以下三种类型： 1、普通事件，如click、resize等。 2、资源加载，如load、error等。 3、定时器，包括setInterval、setTimeout等。 异步任务相关
阅读全文
摘要：1.this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。 （1）全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）。 （2）方法调用中，谁调用this指向谁。 （
阅读全文
摘要：案例：点击按钮后，该按钮60秒之内不能再次点击，防止重复发送短信 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 手机号码：<input type=
阅读全文
摘要：2.1 窗口加载事件 window.onload = function() { } 或者 window.addEventListener("load", function(){}) window.onload是窗口（页面）加载事件，当文档内容完全加载完会触发该事件（包括图像、脚本文件、css文件等）
阅读全文
摘要：案例分析： （1）核心思想：检测用户是否按下了s键，如果是，就把光标定位到搜索框里面。 （2）使用键盘事件对象里的keyCode判断用户按下的是否是s键 （3）搜索框获得了焦点：使用js里面的focus（）方法。 1 <input type="text" /> 2 <script> 3 var se
阅读全文
摘要：contextmenu主要控制应该如何显示上下文菜单，主要用于程序员取消默认的上下文菜单。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 我是一段
阅读全文
摘要：事件委托 事件委托也称为事件代理，在jquery里面称为事件委派。 事件委托的原理 不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。 以上案例：给ul注册点击事件，然后利用事件对象的target来找到当前点击的li，因为点击li，事件会冒泡到ul
阅读全文
摘要：https://www.jianshu.com/p/8350b611e5bb
阅读全文
摘要：当我们为父盒子设置为flex布局以后，子元素的float、clear和vertical-align属性将失效。
阅读全文
摘要：保护了有价值的默认值 修复了浏览器bug 是模块化的 拥有详细的文档 https://www.jianshu.com/p/9d7ff89757fd
阅读全文
摘要：1.cdn：内容分发网络（CDN）是将资源托管到全世界各处的服务器上以实现快速分发。CDN版本对于开发和快速验证比较有用，但是将unpkg应用于生产环境前，需要检查它是否适合你。 2.假值包括false、undefined、null、‘’、NAN。 3.使用v-show两个场景： 频繁切换某些内容；
阅读全文
摘要：使用剩余参数代替 arguments (prefer-rest-params) 剩余参数来自于ES2016。可以在可变函数中使用这个特性来替代arguments变量。arguments没有Array.prototype方法，所以使用起来有一点麻烦。 详细规则 这条规则旨在标记arguments变量。
阅读全文
摘要：https://www.jianshu.com/p/dd07cca0a48e
阅读全文
摘要：解决方法是：在 .eslintrc 中设置 "rules": { "import/extensions": [2, "never", { "web.js": "never", "json": "never" }], "import/no-extraneous-dependencies": [2, {
阅读全文
摘要：需求：根据不同的状态status，显示不同颜色的边框
阅读全文
摘要：解决办法删除package-lock.json文件写死package.json版本号 "vue-awesome-swiper": "^3.1.3", 删除node_modules重新安装过程本地拉取远程master代码，然后执行报这个错误，经查是本地vue-awesome-swiper版本不对，因为
阅读全文
摘要：Prettier 特点 一键改变代码风格，无需改变开发风格 => 1. 安装Node 环境 自行安装 => 2. 安装 Prettier 全局安装npm install --global prettier 局部安装npm install --save-dev --save-exact prettie
阅读全文
摘要：https://www.toutiao.com/a6826129210260587019/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1×tamp=1589344592&app=news_article&utm_sourc
阅读全文
摘要：https://blog.csdn.net/huangpb123/article/details/102690412
阅读全文
摘要：https://juejin.im/post/5aefe0a6f265da0b9e64fa54 https://coding.imooc.com/learn/questiondetail/116693.html
阅读全文
摘要：https://www.cnblogs.com/zjhr/p/9472648.html
阅读全文
摘要：babel.config.js 是对整个项目(父子package) 都生效的配置，但要注意babel的执行工作目录。 .babelrc 是对 待编译文件 生效的配置，子package若想加载.babelrc是需要babel配置babelrcRoots才可以（父package自身的babelrc是默认
阅读全文
摘要：webpack简介 1.webpack是什么 简介：webpack其实就是一个JavaScript应用程序的静态模块打包器。 2.webpack有什么作用 模块化打包：webpack会将项目的资源文件当成一个一个模块，模块之间会有依赖关系，webpack将会对这些有依赖关系的文件进行处理，让浏览器能
阅读全文
摘要：https://juejin.im/post/5bc93881f265da0aea69ae2e
阅读全文
摘要：1、前沿 1.1、什么是SSR SSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。 1.2、客户端渲染与服务端渲染的区别 传统的SPA模式 即客户端渲染的模式 Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源
阅读全文
摘要：https://blog.csdn.net/weixin_43473561/article/details/102816018 原因：ugluifyjs当前版本不符合项目预期（可能不能解析es6） 解决办法：yarn add uglifyjs-webpack-plugin@1（指定版本）
阅读全文
摘要：https://blog.csdn.net/cc18868876837/article/details/103254670/
阅读全文
摘要：1.首先安装 babel-plugin-component组件： 2.修改babel.js配置 1 module.exports = { 2 presets: [ 3 '@vue/app', 4 ['env', //添加 babel-preset-env 配置 5 { 6 'modules': fa
阅读全文
摘要：HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。 HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解
阅读全文
摘要：process.argv 属性返回一个数组，其中包含当启动 Node.js 进程时传入的命令行参数。 第一个元素是 process.execPath。 如果需要访问 argv[0] 的原始值，参见 process.argv0。 第二个元素将是正在执行的 JavaScript 文件的路径。 其余元素将
阅读全文
摘要：https://www.cnblogs.com/lyzg/p/5125934.html?from=cnblogs
阅读全文
摘要：前言 使用vue、react、angular等技术开发过程中，我们都会遇到以下问题： 首屏加载慢 每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽) 这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 前端页面文件缓存
阅读全文
摘要：效果如下图： html代码如下： 1 <ul class="schedule-list"> 2 <li class="schedule-title"> 3 <div>影响因素</div> 4 <div>实际得分</div> 5 <div>赋分标准</div> 6 <div>赋分值</div> 7 <
阅读全文
摘要：1.需求如上图所以： html相关代码如下： 1 <div class="intent-course-wrapper"> 2 <div class="class-category" v-for="(firItem, firIndex) in tabledata" :key="firIndex"> 3
阅读全文
摘要：阅读这篇文章：https://blog.csdn.net/weixin_34090562/article/details/91369638 全选，通过计算属性计算得来。结果报错Computed property "XXX" was assigned to but it has no setter.
阅读全文
摘要：项目中要求，路由传参形式改为/bee/academy/obtainEvidence/08，这种形式。 相关项目代码，做了如下改变： 1.路由配置 2.传递参数 3.接收参数 4.新开一个页面 5.参考网站如下： https://www.jianshu.com/p/c28d11000859
阅读全文
摘要：1.在utils文件夹里新建一个rem.js 2.main.js中引入rem.js 3.vscode中下载cssrem插件，配置Root Font Size大小，为1920/20 = 96。 重启vscode，才能生效！！ 4.正常写代码，插件会帮助自动生成rem。布局。 参考网站： https:/
阅读全文
摘要：https://www.cnblogs.com/skylineStar/p/10036525.html https://juejin.im/post/5c6e53f1f265da2dc538b5bb
阅读全文
摘要：目标样式： 首先先来看下我们拿到的返回数据： scheduleList: [ { date: '第一天', journey: '报道', lecturer: '', }, { date: '第二天', journey: '企业生产安全应急预案数字化推演及复盘', lecturer: '国家危化品应急
阅读全文
摘要：https://www.jianshu.com/p/29ca5a6a34fd
阅读全文
摘要：
阅读全文
摘要：for..in loops iterate over the entire prototype chain, which is virtually never what you want. 意思是使用for..in会遍历整个原型链，这样不是很好的实现方法，推荐使用Object.keys———————
阅读全文
摘要：https://www.jianshu.com/p/8f82459895c9
阅读全文
摘要：Yarn是什么？ “Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了：- npm install的时候巨慢。特别是新的项目拉
阅读全文
摘要：1 说明： 1.1 从一个广受好评的开源项目：vue-element-admin的本地化，来初步分析vue的相关知识。 2 github地址和下载本地部署： https://github.com/PanJiaChen/vue-element-admin 打开终端，非root的根目录下 git clo
阅读全文
摘要：淘宝镜像安装 控制台内执行 npm install -g cnpm --registry=https://registry.npm.taobao.org 使用 安装成功后 使用 cnpm i xxx 代替 npm install xxx
阅读全文
摘要：https://www.cnblogs.com/zzhqdkf/p/12452498.html 我安装的：
阅读全文
摘要：https://segmentfault.com/a/1190000022512358
阅读全文
