- 博客(15)
- 收藏
- 关注
RSS订阅转载 计算一个数组的深度
varary=[9,'kk',['kk',9],['uuu','hhh',['kkk',89]]]functionfo(arr,len){varflag=falsevararr1=[]for(leti=0;i<arr.length;i++){letisAry=Object.prototype...
2019-09-21 17:15:00
520
转载 数组的 交集 差集 补集 并集
ES5的写法vara=[1,2,3,4,5]varb=[2,4,6,8,10]////交集varc=a.filter(function(v){returnb.indexOf(v)>-1})////差集vard=a.filter(function(v){returnb.indexOf(v)==-1...
2019-09-21 16:16:00
428
转载 webpack -- element-ui 的按需引入
简单说明原理：使用babel-plugin-component实现按需引入、打包。将webpack配置成多入口，保证最终打包的目录结构符合babel-plugin-component插件的要求，实现按需加载element源码关于按需引入的研究：1、build目录中是cooking配置文件，cooking是饿了么前端研发的基于webpack的前端构建工具，我们使用原始的we...
2019-09-06 18:45:00
524
转载 webpack4--按需加载
在做单页面应用的过程中，通常利用webpack打包文件，将依赖的外部问价单独打一个vendor.js。这样就会有个问题，这个文件会随着你引用的包的增多，体积会越来越大。在路由中利用import 引用文件可以将路由文件单独打包成小块的文件。同样在引用比如 echarts 等文件的时候 可以利用 import（）来做异步加载，这样就会将该文件从vendor.js 中脱离出来，在用到的时候...
2019-09-04 19:43:00
277
转载 webpack 配置echarts 按需加载
引入babel-plugin-equire插件，方便使用。yarn add babel-plugin-equire -D在.babelrc文件中的配置{ "presets": [ "env","stage-0" ], "plugins": ["syntax-dynamic-import","transform-object-rest-spread"...
2019-08-29 18:12:00
773
转载 echarts标题（title）配置
var option = { //标题 title : { show:true,//显示策略，默认值true,可选为：true（显示） | false（隐藏） text: '主标题',//主标题文本，'\n'指定换行 link:'',//主标题文本超链接,默认值true...
2019-08-29 17:20:00
310
转载 Echarts - legend属性设置
legend: { orient: 'horizontal', // 'vertical' x: 'right', // 'center' | 'left' | {number}, y: 'top', // 'center' | 'bottom' | {number} backgroundColor: '#fff...
2019-08-29 17:16:00
165
转载 webpack中 hash chunkhash
hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容发生改变的话，那么对应文件hash值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从原服务器上拉取对应数据，进而更新本地缓存。hashhash是跟整个项目的构建相关，构建生成的文件hash值都是一样的，所以hash计算是跟整个项目的构建相关，同一次...
2019-08-28 13:22:00
167
转载 将打包完成的文件上传到百度云
最近做了一个项目，项目生成的静态文件需要发送的cdn, 公司用的是百度云。我记录下流程引入需要用到的包const fs = require('fs')const path = require('path')const { BosClient }= require("@baiducloud/sdk");通过fs 读取要上传的文件let pathdir...
2019-08-26 13:21:00
290
转载 vue传值
在vue 中组件间的传参是必不可少的，下面说下几种传参方式1.父组件传值给子组件，首先父组件发送的形式是用bind(用缩写:)绑定值到子组件身上。然后子组件用属性props接收2.子组件传值父组件，首先是子组件发送的形式是this.$emit(事件名,需要发送的值)，事件名：父组件on监听的方法，父组件第一件事就是监听子组件发送过来的事件名，@事件名=获取值的方法。获取值的方法（...
2019-08-20 16:37:00
121
转载 WebSocket心跳检测和重连机制
1. 心跳重连原由心跳和重连的目的用一句话概括就是客户端和服务端保证彼此还活着，避免丢包发生。websocket连接断开有以下两证情况：前端断开在使用websocket过程中，可能会出现网络断开的情况，比如信号不好，或者网络临时关闭，这时候websocket的连接已经断开，而不同浏览器有不同的机制，触发onclose的时机也不同，并不会理想执行websocket的oncl...
2019-08-19 21:37:00
2845
转载 vue 使用vuex 刷新时保存数据
created () { this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("beforeunload")))); window.addEventListener('beforeunload', ()=>{ ...
2019-08-19 19:36:00
524
转载 webpack优化项目
在使用vue 构建项目的时候 ，会用到vue.js, vue-router.js, 等库，通常打包的话会将这些公用的代码打包的一个文件中，导致该文件过大影响加载的速度。那么可以考虑使用cdn 加速的方式将这些文件单独加载，在webpack4 中，配置比如externals : {'vue': 'Vue'},可以将该文件排除在打包文件之外。在单页面应用中 可...
2019-08-19 13:46:00
77
转载 DNS 解析 prefeath
本文将详细介绍DNS预解析prefetch的主要内容概述 DNS(Domain Name System, 域名系统)，是域名和IP地址相互映射的一个分布式数据库。DNS 查询就是将域名转换成 IP 的过程，这个过程短的话 2ms 几乎无感，长则可能达到几秒钟 当浏览器访问一个域名的时候，需要解析一次DNS，获得对应域名的ip地址。在解析过程中，按照浏览器缓存、系统缓...
2019-08-15 13:18:00
102
转载 prefetch和preload
前面的话 基于VUE的前端小站改造成SSR服务器端渲染后，HTML文档会自动使用preload和prefetch来预加载所需资源，本文将详细介绍preload和prefetch的使用资源优先级 在介绍preload和prefetch之前，首先要介绍浏览器的资源优先级 在Chrome浏览器中，不同的资源在浏览器渲染的不同阶段进行加载的优先级不同 一共分...
2019-08-15 09:40:00
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人