05 2020 档案
摘要：一、原型 任何对象都有一个原型对象，这个原型对象由对象的内置属性_proto_指向它的构造函数的prototype指向的对象 即任何对象都是由一个构造函数创建的，但是，不是每一个对象都有prototype，只有方法才有prototype。 function Person() { } var p =
阅读全文
摘要：一、使用reg文件测试 reg文件内容： Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\shell\密存加密\command] @="\"D:\\application\\secretsave\\secretsave.exe\"
阅读全文
摘要：一、什么是reflect对象 Reflect对象是一个全局的普通的对象。Reflect的原型就是Object。 我们首先来验证下 看看Reflect的原型是否是Object, 基本代码如下： let obj = {}; console.log(Reflect.__proto__ Object.pro
阅读全文
摘要：Proxy可以理解成，在目标对象之前架设一层 "拦截"，当外界对该对象访问的时候，都必须经过这层拦截，而Proxy就充当了这种机制，类似于代理的含义，它可以对外界访问对象之前进行过滤和改写该对象。 如果对vue2.xx了解或看过源码的人都知道，vue2.xx中使用 Object.defineProp
阅读全文
摘要：打开 Chrome 控制台，输入 window.Proxy ，你会发现 JavaScript 已经内置了一个全局的 Proxy 对象，请问这个对象是做什么用的？其实你用关键词「Proxy MDN」搜索一下，就能得到一个详细的教程。（在关键词后面加 MDN 是一个前端必备的小技巧哦）我今天只做一个简单
阅读全文
摘要：参考之前思路：conic-gradient：圆锥形渐变存在兼容性问题，无法使用，要不然其实实现效果也蛮好的 <div class="precoss"> <div class="skew"></div> </div> .precoss{ width 26px height 26px border:2p
阅读全文
摘要：一、conic-gradient conic-gradient：圆锥形渐变，它的两个兄弟line-gradient(线性渐变)、radial-gradient(径向渐变)，算是最早认识的渐变属性。 1、特点：圆锥渐变的起始点是图形中心，渐变方向以顺时针方向绕中心旋转实现渐变效果。 2、兼容性： 根据
阅读全文
摘要：项目中需要一个日历，日历上挂载一些活动啥的，还有一些特殊的查询的处理，各大ui库也满足不了自己项目的需求，所以自己写一个，踩的坑也忘了，毕竟是很早之前写的，而且对于时间的处理和排布，还是有点复杂的。所以记录先吧，以防以后可以要用。 <template> <div class="calendar_bo
阅读全文
摘要：一、npm 与 npx 1、npm 全称Node Package Manager，它是Node.js的软件包管理器，其目标是自动化的依赖性和软件包管理。这意味着，可以在package.json文件中为项目指定所有依赖项（软件包），当需要为其安装依赖项时，只要运行npm install就可以。 npm
阅读全文
摘要：一、设置二级域名虚拟主机 在某某云上购买了域名之后，就可以配置虚拟主机了，一般配置的路径在 域名管理 -> 解析 -> 添加记录 中添加二级域名，配置后某某云会把二级域名也解析到我们配置的服务器 IP 上，然后我们在 Nginx 上配置一下虚拟主机的访问监听，就可以拿到从这个二级域名过来的请求了。
阅读全文
摘要：传统的 Web 服务器，每个客户端连接作为一个单独的进程或线程处理，需在切换任务时将 CPU 切换到新的任务并创建一个新的运行时上下文，消耗额外的内存和 CPU 时间，当并发请求增加时，服务器响应变慢，从而对性能产生负面影响。 Nginx 是开源、高性能、高可靠的 Web 和反向代理服务器，而且支持
阅读全文
摘要：一、量化 有时，我们以为的优化是负优化，这时如果有一个量化的指标可以看出前后对比，那将会是再好不过的一件事。 speed-measure-webpack-plugin 插件可以测量各个插件和loader所花费的时间，使用之后，构建时，会得到类似下面这样的信息： 对比前后的信息，来确定优化的效果。sp
阅读全文
摘要：一、有哪些常见的Loader raw-loader：加载文件原始内容（utf-8） file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 (处理图片和字体) url-loader：与 file-loader 类似，区别是用户可以设置一个阈值，大于阈值时返回其
阅读全文
摘要：我们知道，网页里的a标签默认在当前窗口跳转链接地址，如果需要在新窗口打开，需要给 a 标签添加一个target="_blank"属性。顺便提下一个有意思的现象，很早之前我就发现，国外网站倾向于在当前页跳转，而国内网站喜欢打开新窗口。不信你们可以去验证下。我不知道这是交互设计上的文化差异，还是技术上的
阅读全文
摘要：接着聊一下BFC、IFC，与FFC、GFC，GFC是一种二维度的布局方式，现在也蛮火，但是因为兼容性问题比较大，现在用的不多。其实这些布局方式经常会遇到，主要是想了解一下相关的各种概念和术语。 想要理解BFC与IFC，首先要理解另外两个概念：Box 和 FC（即 formatting context
阅读全文
摘要：外边距合并其实经常会遇到，这里稍微总结一下，以及一些相关的术语 一、什么是外边距合并？(折叠外边距) 外边距合并指的是当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者；而左右外边距不合并。 在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是
阅读全文
摘要：前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。 为什么会有浏览器兼容性问题。还不是因为浏览器厂商太多了。关键是不同厂商，甚至同一厂商不同版本，对同一段CSS的解析效果也不一致，这就导致了页面显示效果不统一，也就带来了兼容性问题。 市
阅读全文
摘要：1、在线图片资源跨域的问题 解决方法：将“跨域图片资源”转换成base64后，用base64渲染img标签，这样完美解决问题； 如何将“跨域图片”转换成base64呢？原理很简单，将img绘制成canvas，再将canvas转换成base64的img流； 因为图片是跨域的，所以我们在转换过程中需要加
阅读全文
摘要：大表分表后每个表的结构相同，可以用sql的union。比如a,b表结构相同可以通过union来联接 select * from a union all select * from b where ... 一、Union和Union All到底有什么区别 Union：对两个结果集进行并集操作，不包括重
阅读全文
摘要：配置 "build": { "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名 "appId": "com.leon.xxxxx",//包名 "copyright":"xxxx",//版权 信息 "directories": { // 输出文件夹 "output":
阅读全文
摘要：一、如何写一个vue插件 1、首先建立一个普通的vue项目进行编写 vue create vue-button-gwf 2、然后创建plugins文件夹，和plugins下的lib文件夹，在lib文件夹下写你的插件代码 3、插件代码编写 如上面的 button.vue 文件示例，就像写普通vue组件
阅读全文
摘要：1、相关重点 DataTransfer 对象：拖拽对象用来传递的媒介，使用一般为Event.dataTransfer。 draggable 属性：就是标签元素要设置draggable=true，否则不会有效果，例如： <div title="拖拽我" draggable="true">列表1</di
阅读全文
摘要：1、需要在json里配置 微信小程序的onPullDownRefresh回调需要在json中配置支持下拉刷新 "enablePullDownRefresh": true // 请注意是true，不是"true"字符串， // 部分开发者发现设置了还是无效，可能是因为设置的"enablePullDow
阅读全文
摘要：首先了解下let与var的区别，主要有以下3点： 1、var在js中是支持预解析的，而let不支持预解析，也就是变量提升的区别 console.log(a) var a = 22; // 打印undefined console.log(b) let b = 22 // 报错：b is not def
阅读全文
摘要：承接之前博客：nodejs向加密文件指定位置插入内容 我们需要对大文件进行处理，并需要真实的进度，那么就需要分片加密和解密。 1、前端分片 // 分片上传 async burst (ks, cryType, id) { let _home = this.$refs.home let successN
阅读全文
摘要：1、什么是分片上传 分片上传就是把一个大的文件分成若干块，一块一块的传输。这样做的好处可以减少重新上传的开销。比如：如果我们上传的文件是一个很大的文件，那么上传的时间应该会比较久，再加上网络不稳定各种因素的影响，很容易导致传输中断，用户除了重新上传文件外没有其他的办法，但是我们可以使用分片上传来解决
阅读全文
摘要：最近做了一个需求，需要加解密大文件，并返回真实加解密进度，因为大文件，所以必须要使用到分片上传。有时候前台分片之后，后台需要合并。前台分片上传没什么太大的问题，就是根据buffer或者blob去分割文件即可。主要是后台合并会遇到一些问题。后台合并的方法有很多，以Node.js为例，可以使用以下方式：
阅读全文
摘要：1、appendFile与writeFile区别 我们在nodejs开发中，有时候会遇到文件读写问题，在写文件的时候，我们会有这样的场景，需要向文件中循环添加内容，这时候，如果调用writeFile(path,data)或者writeFileSync(path,data)，只会将最后一次写入的内容加
阅读全文
