06 2020 档案
摘要：1. 读文件内容 // 1. 通过模块的名字fs对模块进行引用 const fs = require('fs'); // 2. 通过模块内部的readFile读取文件内容 fs.readFile('../css/base.css', 'utf-8', (err, doc) => { // 如果文件读
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>最新战报</title> 6 7 <style> 8 div, ul, li, span, img { 9 margin: 0; 10 pa
阅读全文
摘要：1 <el-form-item label="安放龙骨时间"> 2 <el-date-picker 3 v-model="baseInfoForm.setKeelTime" 4 type="datetime" 5 placeholder="选择日期" 6 value-format="yyyy-MM-
阅读全文
摘要：1 <el-upload 2 class="upload-demo" 3 :action="uploadUrl()" 4 :limit="1" 5 :data="uploadParams" 6 accept="application/vnd.openxmlformats-officedocument
阅读全文
摘要：https://www.ixigua.com/pseries/6836552420944773636_6836543590202606092/?logTag=oP-1aBCrPRy_XJNLZSZHe
阅读全文
摘要：这个问题搞了一会想起开始安装node-sass时的一句被我忽略的提示：执行 npm rebuild node-sass 这行后就可以了。 再说说 node-sass 的安装问题，现在使用 yarn install 时容易出现node-sass无法安装的情况，npm也无法安装。主要还是因为墙的原因。
阅读全文
摘要：一、Node开发概述 1. 为什么要学习服务器端开发 能够与后端程序员更加紧密的配合 网站业务逻辑前置，学习前端技术需要后端技术支撑（ajax） 扩宽知识视野，能够站在更高的角度审视整个项目 2. 服务器端开发要做的事情 实现网站的业务逻辑 数据的增删改查 3. 为什么选择node 使用javaSc
阅读全文
摘要：// 数组倒排 let numArray = [3, 6, 2, 4, 1, 5]; function reverse(array) { let result= []; for(var i = array.length-1; i>= 0; i--) { result.push(array[i]);
阅读全文
摘要：需求如上图：多个图片上传，我用的是element-ui自带的上传组件<el-upload></el-upload> 1 <el-upload 2 v-if="$route.params.mode 'add'" 3 class="upload-demo" 4 :limit="1" 5 :on-exce
阅读全文
摘要：什么是正则表达式 正则表达式，是用于匹配字符串中字符组合的模式。在javaScript中，正则表达式也是对象。 正则表通常被用来检索、替换那些符合某个模式（规则）的文本。例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文（匹配）。此外，正则表达式还常用于过滤掉页面内容
阅读全文
摘要：递归函数：函数内部自己调用自己，这个函数就是递归函数 1 function fn() { 2 console.log('我要打印6句话'); 3 if(num == 6) { 4 return; // 递归里面必须加退出条件 5 } 6 num++; 7 fn(); 8 } 9 fn(); 利用递归
阅读全文
摘要：vue-router提供了页面路由功能，可以用来构建单页面应用，在使用vue-router的动态路由匹配的时候，遇到了url变化了，但是页面却没有任何动静的问题，记录一下。 动态路由匹配url变化了，但是组件没有变化是因为vue进行了组件复用，因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更
阅读全文
摘要：refAge: { type: Number, default: 0 }, refName: { type: String, default: '' }, hotDataLoading: { type: Boolean, default: false }, hotData: { type: Arra
阅读全文
摘要：深拷贝和浅拷贝 1、浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用。 2、深拷贝拷贝多层，每一级别的数据都会拷贝。 3、Object.assign(target，...sources) ： ES6新增方法可以浅拷贝。推荐这种方法。 1 <!DOCTYPE html> 2 <html> 3 <hea
阅读全文
摘要：变量作用域 变量根据作用域的不同分为两种：全局变量和局部变量 1、函数内部可以使用全局变量。 2、函数外部不可以使用局部变量。 3、当函数执行完毕，本作用域内的局部变量会销毁。 什么是闭包 闭包，函数嵌套函数，内层函数可以引用外层函数的参数和变量，参数和变量不会被垃圾回收机制所回收。 闭包的好处：
阅读全文
摘要：高阶函数是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。 此时fn就是一个高阶函数。函数也是一种数据类型，同样可以作为参数，传递给另一个参数使用。最典型的就是作为回调函数。 <div></div> <script> // 高阶函数- 函数可以作为参数传递 function fn
阅读全文
摘要：我们的变量名必须先声明再使用 我们不能随意删除已经声明好的变量 严格模式下全局作用域中函数中的 this 是 undefined。 严格模式下,如果 构造函数不加new调用, this 指向的是undefined 如果给他赋值则 会报错 定时器 this 还是指向 window 严格模式下函数里面的
阅读全文
摘要：javascript为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部this的指向问题，常用的有bind( )、call( )、apply( )三种方法。 相同点： 都可以改变函数内部的this指向。 区别点： 1、call和apply传递的参数不一样，call传递参数aru1， aru2.
阅读全文
摘要：有个需求：点击左侧菜单，右侧加载相应的组件。这时我想到了vue的动态组件。
阅读全文
摘要：定义组件：NamedSlot组件 <div class=""> <header> <slot name="header"></slot> </header> <main> <slot></slot> </main> <footer> <slot name="footer"></slot> </foo
阅读全文
摘要：1.父子之间通讯 父组件传值给子组件，通过props属性的传递，子组件通过$emit事件的触发。 2.自定义事件，非父子组件传值，比如此处是兄弟组件传值 input组件里，触发： event.js: event是一个vue实例。 list组件里调用：mounted钩子函数里调用，beforeDest
阅读全文
摘要：https://www.jianshu.com/p/73915ef6ac89 Vue - element-ui 中预览 word 、exce、ppt以及pdf文件 https://blog.csdn.net/weixin_44326007/article/details/99693479 前端实现在
阅读全文
摘要：https://juejin.im/post/5d8342cd6fb9a06b1027624d
阅读全文
摘要：https://zhuanlan.zhihu.com/p/101330697
阅读全文
摘要：ES5中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：数组方法、字符串方法、对象方法。 1. 数组方法 迭代（遍历）方法：forEach() 、map()、filter()、some()、every() 2. 对象方法 (1) Object.key()用于获取对象自身所有的
阅读全文
摘要：ES6之前，并没有给我们提供extends继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。 1、借用构造函数继承 核心原理：通过call()把父类型的this指向子类型的this，这样就可以实现子类型继承父类型的属性。 继承属性 // 借用父构造函数继承属性 function Fa
阅读全文
摘要：在es6之前，对象不是基于类创建的，而是用一种成为构造函数的特殊函数来定义对象和它们的特征。 1.1 创建对象可以通过三种方式 1、对象字面量 var obj1 = new Object(); 2、new Object（） var obj2 = {}; 3、自定义构造函数 function Star
阅读全文
摘要：需求：实现双向定位导航效果，点击左侧菜单，右侧滚动到相应的位置。滚动右边，左侧相应菜单高亮。 html代码： 1 <ul class="EntTake_main_left" :class="{ 'fixed-menu': fixedMenu }"> 2 <li 3 class="forensics-
阅读全文
摘要：本地存储特性 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对象JSON.stringify()编码后存储 window.sessionStorage 生命周期为关闭浏览器窗口 在
阅读全文
摘要：（1）:style使用 <div class="score" :style="{ color: colorComputed(item.status) }">{{item.score}}</div> computed: { colorComputed() { return (status) => {
阅读全文
摘要：https://www.toutiao.com/i6805180677403705870/?tt_from=weixin_moments&utm_campaign=client_share&wxshare_count=2&from=timeline×tamp=1591498472&app=
阅读全文
摘要：MVVM分为Model、View、ViewModel三者 Model：代表数据模型，数据和业务逻辑都是在Model层定义 View：代表UI视图，负责对数据的展示 ViewModel： 负责监听Model中数据的改变并监控视图的更新，处理用户交互操作。 Model和view并无直接关联，而是通过Vi
阅读全文
摘要：移动端推荐： vant、cube-ui 有赞vant： https://youzan.github.io/vant/#/zh-CN/ 滴滴cube-ui： https://didi.github.io/cube-ui/#/zh-CN/docs/introduction
阅读全文
摘要：今天实现一个功能，点击首页，头部按钮，切换大屏功能。不同的屏，页头宽度不一样，小屏1280px, 大屏百分百屏幕，左右留点120px的padding值。 思路：点击按钮，切换不同的子路由，顶部通过一个值，控制头部样式。刷新页面，头部要和路由相对应。关闭页面。默认进首页。这时，我想到用sessionS
阅读全文
摘要：localStorage的生命周期是永久性的。localStorage存储的数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。如果 想设置失效时间，需自行封装。 sessionStorage 的生命周期是在浏览器关闭前。 特性： 关闭浏览器sessionStorage 失效； 页面刷新不
阅读全文
摘要：https://www.cnblogs.com/qdhxhz/p/8468913.html
阅读全文
摘要：echarts折线图美化（颜色渐变、背景透明、隐藏坐标轴） https://blog.csdn.net/Changeable0127/article/details/81333559?utm_medium=distribute.pc_relevant.none-task-blog-BlogComme
阅读全文
摘要：https://www.freesion.com/article/6671205706/
阅读全文
摘要：前后端联调必备技术之Mock讲解 什么是Mock数据？ 处于开发环境模拟接口返回的数据（用于开发状态后端还没给接口） 不会影响生产环境，只是方便我们还没与后端交互时，不阻塞我们开发流程 mock数据好处 团队可以并行工作（后端进度不至于影响前端开发进度） 可以用来演示开发成果，实时反馈开发进度 模拟
阅读全文
摘要：1 import { MessageBox } from 'element-ui'; 2 import store from '@/store/'; 3 4 export const checklogin = { 5 bind: (el, binding) => { 6 el.onclick = (
阅读全文
摘要：vue+elementUI+WebSocket接收后台实时消息推送 https://blog.csdn.net/weixin_40888956/article/details/105971432?utm_medium=distribute.pc_relevant.none-task-blog-bai
阅读全文
摘要：二维码由web端生成，解析结果 https://www.qycloud.com.cn/home/welcome?{"type":"login","data":{"uuid":"msdvgn30rs3w","public_key":"w3ce4"}}https://www.qycloud.com.cn
阅读全文
摘要：https://www.toutiao.com/i6833366419619447308/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1×tamp=1591169335&app=news_article&utm_sourc
阅读全文
摘要：https://blog.csdn.net/qq_43081842/article/details/92839446
阅读全文
摘要：触摸事件 1.1触摸事件概述 移动端浏览器兼容性较好，我们不需要考虑以前js的兼容性问题，可以放心的使用原生js书写效果，但是移动端也有自己独特的地方。比如触屏事件touch（也称触摸事件），Android和IOS都有。 touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事
阅读全文
摘要：本地环境ok，发布到线上不能播放。之前看这个视频，把video放在public文件夹下的。 后来经过排查，video放public文件夹下，导致的。应该放assets里。 后来，和同事讨论，线上服务器可能做了流媒体限制，服务器端的流媒体不允许被访问，一般是为了安全考虑以及防止带宽被占用，建议流媒体放
阅读全文
摘要：https://www.cnblogs.com/zr123/p/10660296.html
阅读全文
摘要：https://segmentfault.com/a/1190000020072884
阅读全文
摘要：今天开发了一个html5视频播放功能. vedio.mp4资源放在public文件夹下。那vue-cli3.x中public和assets的区别 vue-cli3.0有两个放置静态资源的目录分别是public和assets。 public放不会变动的文件（相当于vue-cli2.x中的static）
阅读全文
摘要：资源文件处理 在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ Webpacked 资源 为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-ht
阅读全文
摘要：在node 中安装sass依赖总会出现各种各样的问题，第一次遇见这样的问题 Cached binary found at C:\Users\ltzhouhuan\AppData\Roaming\npm-cache\node-sass\4.5.3\win32-x64-57_binding.node 报
阅读全文
摘要：在公司中，我们大部分都是多人共同开发和长时间维护一个项目，但是有时候我们会发现有很多已经废弃的npm 包存在 package.json 中，我们想要删除，但是又不能盲目的删除？那么 depcheck 它来了。如何使用呢第一步全局安装：npm install depcheck -g第二步项目更目录下执
阅读全文
摘要：<div class="actual-score" :contenteditable="$route.params.mode 'edit'" v-html="item.shijidefen" @input="changeVal($event)" @blur="verifyScore(item)" :
阅读全文
摘要：做项目经常会遇到图片列表展示，图片一般是用户从后台上传的，上传的图片尺寸千差万别。如果前端不控制图片大小，整个排版就会很乱，如果给定长宽，图片又会变形，用背景图片来处理有特别麻烦。这个问题一直苦恼了我好久，最近终于找到解决办法了。 css有一个object-fit属性，用来指定替换元素的内容应该如何
阅读全文
