- 博客(69)
- 收藏
- 关注
RSS订阅
原创 什么是CDN，CDN加速原理，CDN架设以及CDN产品介绍
随着互联网的发展，用户在使用网络时对网站的浏览速度和效果愈加重视，但由于网民数量激增，网络访问路径过长，从 而使用户的访问质量受到严重影响。特别是当用户与网站之间的链路被突发的大流量数据拥塞时，对于异地互联网用户急速增加的地区来说，访问质量不良更是一个 急待解决的问题。如何才能让各地的用户都能够进行高质量的访问，并尽量减少由此而产生的费用和网站管理压力呢？内容发布网络（Content Delive...
2018-10-27 18:00:01
429
原创 前端进阶版本 ，性能优化—-防抖、节流、重绘与回流
防抖：任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。/** * 防抖函数 * @author vision * @param {执行函数} fn * @param {延迟} delay */export function debounce(fn, delay) { let timer = null; return function() { let context = this; let arg = arguments; clear
2023-08-03 15:18:44
1196
原创 element-ui table 表头合并
element-ui table 表头合并方法实操如下：现在：期望：代码： <el-table ref="tableRef" v-loading="loadingTab" class="table" :data="tableData" height="100%" size="mini" border :span-method="spanMethod" :header-cell-style="headerStyle"> <el-table-colum...
2021-06-11 11:20:03
3066
6
原创 Chrome浏览器新功能之tab分组
请先更新Chrome最新版本，当前版本： 89.0.4389.90具体功能如下右键点击 Chrome浏览器的tab页：如下可以自定义分组的名称合并分组展示如下：展开如下：
2021-04-03 13:25:42
1345
翻译 codespaces在线开发应用
目录您可以使用 GitHub 上的集成开发环境 (IDE) Codespaces 完全在云端开发。关于Codespaces在 Visual Studio Code 中使用代码空间基本要求在 Visual Studio Code 中创建代码空间在 Visual Studio Code 中打开代码空间在 Visual Studio Code 中删除代码空间您可以使用 GitHub 上的集成开发环境 (IDE) Codespaces 完全在云端开发。代码空间可用于使用 G.
2021-04-02 15:26:57
3988
原创 如何兼容AMD和CMD语法规范
自定义一个js插件，实现改变div背景颜色要求：兼容AMD和CMD语法规范！！！index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
2021-03-31 00:01:18
246
原创 for in与for of用法及区别
for in与for of用法及区别1、 var arr=[{name:'张三'},{name:'李四'}]; var obj={name:'张三'}; for (var i in arr){ console.log(i) } for (var i in obj){ console.log(i) }2、for (var i of arr){ console.log(i)}for (var i of
2021-03-09 17:43:59
373
原创 vue响应式原理源码分析
vue2.x响应式基本概念介绍：Vue框架是如何实现变量的变化侦测的呢？Object 利用了 Object.defineProperty 进行变量的getter与setter拦截，但数组的实现与 Object 有所不同，下面会从源码层面具体讨论这两种类型的变量如何实现变化侦测。首先我们需要先了解Vue源码中的三个类：一、ObserverObserver类负责将复杂类型的变量转化成响应式数据，转化为响应式数据的变量都会带有 '__ob__' 属性，所以 '__ob__' 属性可以作为判断.
2021-03-06 18:55:08
248
1
转载 【转】mac git命令按tab键自动补全
mac上命令行比windows好用很多，但是git默认按tab键是不会自动补全的，很不爽。下面我们按步骤来介绍怎么做到自动补全。1.安装home-brew,相应大家装装过了，如果没装，直接去官网看下命令行，copy过来装下就好了。2.执行brew install bash-completion3.if [ -f ~/.git-completion.bash ]; then. ~/.git-completion.bashfi把上面这段代码copy到 ~/.bash_prof...
2021-03-06 18:23:25
449
原创 【原】github代码提交后contributions没有记录
githubcontributions图commit如果满足以下所有条件，则提交将显示在您的贡献图上：用于提交的电子邮件地址与您的GitHub帐户相关联。 提交是在独立的存储库中进行的，而不是在fork中进行的。 提交了： 在存储库的默认分支中 在gh-pages分支中（用于具有项目站点的存储库）参考文献：https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/why-are-my-c.
2021-03-06 11:06:01
441
原创 【原】.gitignore 的作用
.gitignore 文件作用是什么？？废话不多说！！！ 看下图当我们项目中某些文件不需要提交时，比如node_modules文件，但是每次提交它都会出现怎么办？在对应项目目录下，新建一个.gitignore文件，里面列举你不想提交的文件即可，，，在此git status查看， 就会发现node_modules文件就不会出现了，项目参考：个人网易云app地址：https://github.com/fuyz/wy-vue...
2021-03-03 01:21:42
304
原创 你真的懂 Promise 吗？
前言在异步编程中，Promise 扮演了举足轻重的角色，比传统的解决方案（回调函数和事件）更合理和更强大。可能有些小伙伴会有这样的疑问：2020年了，怎么还在谈论Promise？事实上，有些朋友对于这个几乎每天都在打交道的“老朋友”，貌似全懂,但稍加深入就可能疑问百出，本文带大家深入理解这个熟悉的陌生人—— Promise.基本用法1.语法new Promise( fu...
2020-04-27 11:50:26
389
翻译 dart-sass 和 node-sass 的区别
根据sass-lang官方网站的说法：Dart Sass是Sass的主要实现，这意味着它在其他实现之前先获得了新功能。它快速，易于安装，并且可以编译为纯JavaScript，从而可以轻松集成到现代Web开发工作流中。如果您在Dart-VM内运行Dart-Sass，它的运行速度很快，但它表示可以编译为纯JS，dart-sass只是一个编译版本，比node-sass和native dart...
2019-10-12 16:49:23
45814
原创 Object.defineProperty 使用详解：
理解Object.defineProperty的作用： 对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式：var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式，还可以使用...
2019-01-25 17:02:00
404
原创 (a ==1 && a== 2 && a==3) 怎样才能为true？
一个有趣的问题：在 JavaScript 中， (a ==1 && a== 2 && a==3) 是否有可能为 true ？ 解法一：利用松散相等运算符 == 的工作原理你可以简单地创建一个带有自定义toString( 或者 valueOf)函数的对象，在每一次使用它时候改变它所的返回值，使其满足所有三个条件。const a = { ...
2019-01-25 16:33:06
4046
原创 这一次，彻底弄懂 JavaScript 执行机制(同步异步、宏任务微任务)
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道js是...
2019-01-23 15:05:19
481
原创 HTTP 411、412、415 、416、417错误来源
411 Length Required： 服务器拒绝在没有定义Content-Length头的情况下接受请求。在添加了表明请求消息体长度的有效Content-Length头之后，客户端可以再次提交该请求。 412 Precondition Failed 服务器在验证在请求的头字段中给出先决条件时，没能满足其中的一个或多个。这个状态码允许客户端在获取资源时在请求的元信息（...
2019-01-20 11:15:49
4079
转载 HTTP 413错误来源
环境：Ubuntu 16.04 nginx 1.5.6通过post上传文件过大时，会出现413错误码；前端打开开发者模式，在输出台的位置会出现:<span style="color:#ff0000;">Failed to load resource: the server responded with a status of 413 (Request Entity Too ...
2019-01-20 10:50:10
2215
原创 拖拽上传文件原生js剖析详解
拖拽上传，异于浏览器自带的input（type = file）标签的上传方式，基于XMLHttpRequest对象实现文件的上传的方式！！！。。。直奔主题：html: 定义拖拽上传的区域<div class="box"></div>js： 基于原生XMLHttpRequest 对象发送文件//禁止浏览器打开图片行为//必须先禁止浏览器...
2019-01-10 17:45:30
1304
转载 JS判断一个对象是否为空
本文给出三种判断方法：最常见的思路，for...in...遍历属性，为真则为“非空数组”；否则为“空数组”； 2.通过JSON自带的.stringify方法来判断： 3.ES6新增的方法Object.keys(): ...
2018-11-28 09:50:35
168
原创 微信小程序自定义导航栏（wx_custom_navigation_bar）
GitHub： https://github.com/fuyz/wx_custom_navigationStyle 可选择返回键、首页键，动态设置标题，响应式组件文档 : 文档介绍效果如下：标题
2018-11-21 11:35:50
2980
原创 Cocos Creator开发的游戏发布到微信小游戏平台，提示未找到入口 app.json 文件
报错“Error: 未找到入口 app.json 文件”这个是微信平台的权限问题，微信公众平台那边必须设置成小游戏服务类目。也就是说，你的小程序 appid 类别应该是游戏。之前报错的原因是，使用的公司的微信小程序的APPid，但是服务类型不是游戏，所以出现了上面
2018-11-01 17:35:08
2892
转载 [完整]Nodejs日志管理log4js
从零开始nodejs系列文章从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的开发效率更高，而且学习曲线...
2018-10-25 10:27:28
2070
原创 nodeJS 操作MongoDB count方法的正确姿势
今天项目中遇到了需要通过MongoDB的count方法获取数值的情况，在网上查遍的各个论坛，然而都是轻描淡写一笔带过（其实就是扯淡），可能是MongoDB版本的原因db.collection("blogs").find({author: 'f', type: '1'}).count()根本不会返回数值 ，而db.blogs.find({author: 'f', type: '1'}).count(...
2018-10-18 15:32:03
5142
1
转载 javascript数组常用方法详解
JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：var...
2018-10-17 11:15:45
143
原创 .+?与.+的区别
正则表达式 .+? 表示最小匹配举例说明.+?与.+的区别eg: <a href="xxx">123</a>如果用<.+>匹配，则匹配结果是：如果用<.+?>匹配，则匹配结果是：总结：也就是.+?只要匹配就返回了，不会再接着往下找了...
2018-10-16 11:11:08
4309
原创 ejs 常用标签详解
<% %>流程控制标签，比如：js代码 <%= %>输出标签：原文输出HTML标签， <%- %>输出标签（HTML会被浏览器解析） <%# %>注释标签eg：<% let supplies = ['mop', 'broom', 'duster'] %><ul> <% for(v...
2018-10-09 15:20:58
1602
翻译 xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun
mac下出现xcrun: error导致git无法使用的解决办法 Have you upgraded to OS X El Capitan from App Store ?您是否已从App Store升级到MAC电脑OS系统 Have you suddenly started getting the following error in your project?...
2018-09-28 11:19:28
1771
原创 安卓微信分享图标不显示的问题
网页域名：https://lottery.zhihemedia.com/jparking/chestslet shareData = { title: "开宝箱，抽iphone X！", desc: "霸王宝箱打开，里面有个iphone X手机！", link: PATH + '/wechat/redirect?redirectUrl=' + encode...
2018-09-14 11:39:21
5254
1
翻译 Webpack 中 CSS 压缩插件
Optimize CSS Assets Webpack Plugin一个优化\减少CSS资源的Webpack插件。该插件有什么作用？它将在Webpack构建期间搜索CSS资源，并将优化\最小化CSS（默认情况下，它使用cssnano，但可以指定自定义CSS处理器）。 解决了extract-text-webpack-plugin CSS重复问题： 由于extract-text-web...
2018-08-29 15:19:30
4350
原创 nodejs热加载工具：node-supervisor
nodejs的一个supervisor脚本。它运行您的程序，并监视代码更改，因此您可以使用热代码重新加载行为，而不必担心内存泄漏并确保清理所有模块间引用，并且没有全新的require系统；安装：npm install supervisor -g节点管理器用于在程序崩溃时重新启动程序。 当* .js文件发生更改时，它还可用于重新启动程序。Usage: supervisor [...
2018-08-11 15:05:43
961
原创 webpack引入非模块化文件
webpack引入非模块化js的方法：比如我们要在webpack项目中引入 qrcodejs（生成二维码的插件），插件详细代码如下：解决办法：先安装 exports-loader 文件解析插件：npm install -D exports-loadernpm下载qrcode：cnpm install -S qrcodejs引入：// let QRCode ...
2018-08-06 18:01:56
4522
原创 webpack下new CleanWebpackPlugin(['..']) 插件使用中的问题
new CleanWebpackPlugin(['dist'])删除的是build目录下的dist每次构建前清空dist文件夹 ,一下是示范配置中出现的错误：1. new CleanWebpackPlugin(['./dist']) ： （我的dist目录应该是和config同级的，下面的错误是包含关系）2. new CleanWebpackPlugin(['../dist...
2018-07-30 12:02:07
4752
1
原创 webpack 引入art-template 的方法
安装依赖包：npm install art-template --savenpm install art-template-loader --save-devconfig.js配置： rules: [ { test: /\.art$/, loader: "art-template-loader", ...
2018-07-27 19:08:46
1991
原创 .tsv .csv格式文件
CSV（逗号分隔值文件格式）逗号分隔值（Comma-Separated Values，CSV，有时也称为字符分隔值，因为分隔字符也可以不是逗号），其文件以纯文本形式存储表格数据（数字和文本）。纯文本意味着该文件是一个字符序列，不含必须像二进制数字那样被解读的数据。CSV文件由任意数目的记录组成，记录间以某种换行符分隔；每条记录由字段组成，字段间的分隔符是其它字符或字符串，最常见的是逗号或制表符...
2018-07-26 18:48:20
1129
原创 webpack4.0 配置说明
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时，它会在内部创建一个依赖图(dependency graph)，用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个bundle。webpack原理图解：Webpack的工作方式是：把你的项目当做一个整体，通过一个给...
2018-07-26 16:54:34
712
原创 Vue实战中常见问题解决方案之----部署
Vue-cli3.0 项目结构更加简洁，省略了对配置文件的繁琐处理，但是当我们部署时资源文件路径问题的还是需要手动添加一些配置文件：一般准则如果您使用Vue CLI以及作为其部署的一部分处理静态资产的后端框架，您需要做的就是确保Vue CLI在正确的位置生成构建的文件，然后遵循后端框架的部署指令。如果您是通过前后端分离来开发应用程序 -(即您的后端为您的前端公开API以进行通信)，那么...
2018-07-26 15:15:36
617
原创 原 Vue实战中常见问题解决方案之----路由
1. 路由模板之--同时加载多个动态模块router.js：export default new Router({ routes: [ { path: '/', components:{ a: Home, b: Guide } ...
2018-07-26 14:54:57
381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人