辰之祥-CSDN博客

原创 Vue插件

Vue插件vue插件可以在全局引用，所以其实现实质上就是一个全局组件的实现，我们来看插件的使用方法：import xxx from 'xxx.js'vue.use(xxx)Vue.use的作用是注册一个Vue插件(注册组件), Vue.use必须在new Vue之前使用。当某一个组件或者功能经常需要被使用到时, 我们就可以将这个组件或者功能定义成一个插件。Vue插件开发前面可以看到插件的实现并非是直接将全局组件注册到全局，而是引入了一个js文件，显然这个js文件是这个要实现的组件或功能的入口

2021-03-12 18:08:44 218

原创 Vue预渲染

SPA全称是单页面应用（single page web application）。一个SPA就是一个WEB应用，它所需的资源(HTML CSS JS等)，在一次请求中就加载完成，也就是不需刷新地动态加载。用术语“单页”就是因为页面在初始化加载后就永远不会重新加载刷新。一些前端框架，如 Vue 就是 SPA 架构的，适合单页面开发。优点：减轻服务器端的压力因为服务器先将一份包含了静态资源、JavsScript和模板的静荷数据(payload)发送到了客户端，之后客户端只需要获取渲染页面或视图所需

2020-11-30 14:09:58 438

原创 Vue使用swiper无法自动轮播

问题最近使用vue开发项目，安装使用了swiper，却在配置后无法实现自动轮播，查看文档，官方使用全局引入，为什么局部引用无法对其进行配置？我没找到答案。一番折腾后，我认为是版本的问题。解决vue的swiper插件并无问题，正常安装即可。npm install vue-awesome-swiper --save问题出在swiper上，若使用默认安装方式则会安装最新版（wiper6.x），手动改为5.x版本。npm install swiper@5.1.0 --saveswiper6.x版本

2020-11-16 15:44:49 1814

原创实现发布订阅模式

什么是订阅在我们的生活中，订阅的现象随处可见，比如我们到书店里要买一本书，但目前并没有到货，我们到柜台前留下信息，店长在到货后变通过我们留下的信息来通知我们货到了，这便是订阅的过程。发布订阅模式1.你去买东西断货了, 老板让你留下联系方式, 到货了给你打电话, 这就是发布订阅模式2.老板就是发布者, 你就是订阅者3.订阅者将电话添加到了发布者的缓存列表中(电话簿)4.当发布者到货后就会遍历缓存列表依次通知所有订阅者实现// 定义一个类作为发布者class SyncHook { co

2020-11-05 14:41:11 540

原创 plugin实现

使用Plugin安装插件, 创建插件即可new cleanWebpackPlugin();综上所述得出一个结论: 插件是一个类Plugin的特点clean-webpack-plugin, 会在打包之前清空指定目录html-webpack-plugin, 会在打包之后拷贝HTML文件并将打包好的文件插入到HTML中综上所述得出一个结论: 插件可以在打包过程中的特定阶段执行大型框架实现在特点阶段执行插件代码Frame通过Tapable在不同的阶段发送了不同的通知,我们只需要在编写插件时注册

2020-11-03 17:29:37 335

原创 AST基本使用

ASTAST是Abstract Syntax Tree的缩写既"抽象语法树"它以树状的形式表现编程语言的语法结构在线生成推荐阅读生成过程源码–词法分析–语法分析–抽象语法树源码: let sum = 10 + 66;词法分析:从左到右一个字符一个字符地读入源程序，从中识别出一个个“单词”"符号"等单词 let 单词 sum 符号 = 数字 10 符号 + 数字 66 符号 ; [ {"type":

2020-10-24 15:03:55 1164

原创 image-webpack-loading 报错

问题今天使用webpack安装image-webpack-loading时产生错误报告，之后再安装其它插件是都在报错。尝试cnpm install、清除缓存、重新install modules、重新 install nvm-node，均无法解决。解决1.查遍文档发现此插件无法单独适用Windows环境（重要的是官方未说明，也很少有人发这种问题，因为一些人Windows默认安装了特定运行环境VC++）。需安装额外的配置环境（不推荐，会污染配置环境使体积增大，且比较麻烦）。2.不使用（注意：不使用是指

2020-10-19 14:12:56 175

原创 Node模块加载原理

nodeNode.js 是一个基于"Chrome V8 引擎" 的JavaScript “运行环境”，其基本使用不再赘述。node模块NodeJS采用CommonJS规范实现了模块系统node模块导出数据的几种方式：1.通过exports.xxx = xxx导出2.通过module.exports.xxx = xxx导出3.通过global.xxx = xxx导出但是:无论通过哪种方式导出, 使用时都需要先导入(require)才能使用通过global.xxx方式导出不符合Common

2020-10-12 16:33:46 463

原创 5G来临，程序员该如何去面对？

5G5G网络是下一代移动互联网连接，可在智能手机和其他设备上提供比以往更快的速度和更可靠的连接。结合网络技术和最新研究，5G应提供比当前连接更快的连接，平均下载速度约为1GBps。5G带来的影响5G网络普及后可以实现万物互联，也就是通过网络把家用电视、冰箱、洗衣机、空调等连接起来，再通过一个软件来进行控制；也可以远程操作设备、工具、器械等。5G超高的网速、超低的延迟将会使无人驾驶、无人机作业、远程医疗技术等步入成熟阶段。5G带来的机遇5G与云计算、大数据、人工智能等技术深度融合，将支撑传统产业研发

2020-07-03 15:41:45 421

原创 JS初始化对象

什么是初始化对象？顾名思义，我们创建对象时便已调用默认编写的init方法，实现初始化。我们要求调用say方法时，能输出init里的属性。实现一、先调用init方法输出： wc 1这种方法每次需要手动输入，不满足需求。二、return init方法报错，原因是没找到。因d对象的__proto__指向其构造函数的init.prototype,所以找不到。（*可参考我的关于JS原型链的文章）解决：将init.prototype指向Dog.prototype.找到了！

2020-05-14 18:11:37 5104

原创论JS原型、原型链

原型是 JavaScript 中一个比较难理解的概念，也是核心概念，原型相关的属性比较多，对象有"[[prototype]]"属性，函数对象有"prototype"属性，原型对象有"constructor"属性。原型一、原型在 JavaScript 中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript 的对象中都包含了一个"[[prototype]]“内部属性，这个属性...

2020-05-07 17:31:20 190

l20001109的博客