古兰精

2020年5月18日

摘要：一、什么是reflect对象 Reflect对象是一个全局的普通的对象。Reflect的原型就是Object。我们首先来验证下看看Reflect的原型是否是Object, 基本代码如下： let obj = {}; console.log(Reflect.__proto__ Object.pro 阅读全文

posted @ 2020-05-18 23:05 古兰精阅读(663) 评论(0) 推荐(0)

使用Proxy实现vue数据双向绑定

摘要： Proxy可以理解成，在目标对象之前架设一层 "拦截"，当外界对该对象访问的时候，都必须经过这层拦截，而Proxy就充当了这种机制，类似于代理的含义，它可以对外界访问对象之前进行过滤和改写该对象。如果对vue2.xx了解或看过源码的人都知道，vue2.xx中使用 Object.defineProp 阅读全文

posted @ 2020-05-18 18:20 古兰精阅读(1390) 评论(0) 推荐(0)

2020年5月15日

Proxy对象浅析

摘要：打开 Chrome 控制台，输入 window.Proxy ，你会发现 JavaScript 已经内置了一个全局的 Proxy 对象，请问这个对象是做什么用的？其实你用关键词「Proxy MDN」搜索一下，就能得到一个详细的教程。（在关键词后面加 MDN 是一个前端必备的小技巧哦）我今天只做一个简单阅读全文

posted @ 2020-05-15 23:48 古兰精阅读(2253) 评论(0) 推荐(0)

CSS实现任意角度扇形

摘要：参考之前思路：conic-gradient：圆锥形渐变存在兼容性问题，无法使用，要不然其实实现效果也蛮好的 <div class="precoss"> <div class="skew"></div> </div> .precoss{ width 26px height 26px border:2p 阅读全文

posted @ 2020-05-15 16:36 古兰精阅读(3494) 评论(0) 推荐(0)

CSS实现圆形进度条及conic-gradient学习

摘要：一、conic-gradient conic-gradient：圆锥形渐变，它的两个兄弟line-gradient(线性渐变)、radial-gradient(径向渐变)，算是最早认识的渐变属性。 1、特点：圆锥渐变的起始点是图形中心，渐变方向以顺时针方向绕中心旋转实现渐变效果。 2、兼容性：根据阅读全文

posted @ 2020-05-15 16:28 古兰精阅读(2958) 评论(0) 推荐(0)

自定义一个日历组件

摘要：项目中需要一个日历，日历上挂载一些活动啥的，还有一些特殊的查询的处理，各大ui库也满足不了自己项目的需求，所以自己写一个，踩的坑也忘了，毕竟是很早之前写的，而且对于时间的处理和排布，还是有点复杂的。所以记录先吧，以防以后可以要用。 <template> <div class="calendar_bo 阅读全文

posted @ 2020-05-15 16:02 古兰精阅读(553) 评论(0) 推荐(0)

浅析npx和npm之间的关系与区别、npx主要特点、使用npx主要解决什么问题、npm init与npx区别

摘要：一、npm 与 npx 1、npm 全称Node Package Manager，它是Node.js的软件包管理器，其目标是自动化的依赖性和软件包管理。这意味着，可以在package.json文件中为项目指定所有依赖项（软件包），当需要为其安装依赖项时，只要运行npm install就可以。 npm 阅读全文

posted @ 2020-05-15 15:58 古兰精阅读(3092) 评论(0) 推荐(1)

2020年5月12日

浅析Nginx实践常用配置：设置二级域名虚拟主机并通过Nginx配置访问、如何配置反向代理、如何配置CORS跨域、如何配置Gzip压缩、如何配置负载均衡、如何配置动静分离、如何配置高可用集群（双机热备）

摘要：一、设置二级域名虚拟主机在某某云上购买了域名之后，就可以配置虚拟主机了，一般配置的路径在域名管理 -> 解析 -> 添加记录中添加二级域名，配置后某某云会把二级域名也解析到我们配置的服务器 IP 上，然后我们在 Nginx 上配置一下虚拟主机的访问监听，就可以拿到从这个二级域名过来的请求了。阅读全文

posted @ 2020-05-12 23:33 古兰精阅读(906) 评论(0) 推荐(0)

浅析Nginx实践里的常见概念：跨域及简单请求和非简单请求是什么、正向代理和反向代理是什么、负载均衡是什么、动静分离是什么、Nginx的配置语法及常用典型配置

摘要：传统的 Web 服务器，每个客户端连接作为一个单独的进程或线程处理，需在切换任务时将 CPU 切换到新的任务并创建一个新的运行时上下文，消耗额外的内存和 CPU 时间，当并发请求增加时，服务器响应变慢，从而对性能产生负面影响。 Nginx 是开源、高性能、高可靠的 Web 和反向代理服务器，而且支持阅读全文

posted @ 2020-05-12 22:43 古兰精阅读(368) 评论(0) 推荐(0)

2020年5月10日

浅析如何优化Webpack构建速度：使用可量化工具、配置include、配置缓存、配置多进程多实例thread-loader/parallel、硬件加速、noParse、IgnorePlugin、抽取公共代码、DllPlugin分包、开启webpack内置优化、babel配置优化、可视化分析针对性优化

摘要：一、量化有时，我们以为的优化是负优化，这时如果有一个量化的指标可以看出前后对比，那将会是再好不过的一件事。 speed-measure-webpack-plugin 插件可以测量各个插件和loader所花费的时间，使用之后，构建时，会得到类似下面这样的信息：对比前后的信息，来确定优化的效果。sp 阅读全文

posted @ 2020-05-10 22:29 古兰精阅读(1260) 评论(0) 推荐(0)

公告