橘子猫哥-CSDN博客

原创普歌-vue实现图片懒加载方式

一.v-lazyv-lazy是一个vue封装好的一个图片懒加载工具,具体使用方式1.安装依赖:npm install vue-lazyload2.在main.js中全局配置// main.js// 引入全局依赖import VueLazyload from 'vue-lazyload';// 配置懒加载属性Vue.use(VueLazyload, { preLoad: 1.3, error: require('图片地址'), // 报错时候的图片 loading:

2023-05-15 14:21:41 708

原创 javascript高频方法的使用

数组的方法有很多, 在这个网络的时代虽然都可以查到，但为了开发效率常见的方法还是要使用流畅，一些常见的如push之类的我们就不多做赘述。会返回一个包括所有的可枚举的自有属性的名称组成的数组(Object.getOwnPropertyNames不管是不是可枚举的都返回)本篇总结了我们在开发中常用到的js方法，虽然方法很基础，但是把这些方法运用熟练，对我们提高开发效率还是有很大的帮助的。方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性.只会对自身属性进行判断，继承来的一律返回。

2023-05-22 16:12:55 149

原创 webpack高级(一)--跨域处理

mdn: 同源策略是一个重要的安全策略, 它用于限制一个origin的文档或者他加载的脚本如何能与另一个源进行交互, 他能帮助阻隔恶意文档,减少可能被攻击的媒介。上图可知：例如我们的项目如果跑在本地的话，浏览器去请求本地资源时注意端口即可，可以很顺利的拿到资源。而如果我们去请求云服务器的资源时不做任何跨域处理的情况下是无法获取到数据的。（同源策略要求端口，协议，ip地址一致）这样的操作可以一定程度上防止黑客的入侵。

2023-05-11 16:09:40 1916 1

原创前端性能优化方案(图片)

对于前端而言，不管我们学习浏览器的知识也好还是打包的工具也好，其实就是一个目的就是要优化性能，最重要的是性能优化和学习框架vue，react是不一样的，后者文档，源码几乎可以告诉你所有问题的答案，而性能优化却不一样，它是一个不断摸索的过程。这个摸索的过程是痛苦的、漫长的，也是紧要的。因为在如今的互联网环境下，一个前端团队如果只把性能优化这个任务写在纸上，而不投入实践，它将缺失最基本的竞争力。接下来小编将详细的说一下前端在网络，浏览器方面为项目性能所做的优化。

2022-09-17 13:39:55 1109

原创浏览器输入url后的详解

亲爱的小伙伴们，今天小编为大家带来一篇比较完整的浏览器方面的文章，读本篇文章要求小伙伴们有一些浏览器方面的基础，比如：浏览器的缓存机制，网络方面的DNS解析，三次握手，四次挥手之类的基础性知识。接下来就由我给大家详细的讲解一下输入url后到底发生了什么。

2022-09-16 21:01:45 764

原创 TCP连接全过程

服务器收到客户端的报文后向客户端发送ACK和SYN报文，此时服务器的状态变为SYN_RCVD。以上两种原因就是 TCP 连接为什么需要三次握手的主要原因，当然 TCP 连接还可以四次握手，甚至是五次握手，也能实现 TCP 连接的稳定性，但三次握手是最节省资源的连接方式，因此 TCP 连接应该为三次握手。为的是确认服务器端是否收到客户端发出的ACK确认报文,当客户端发出最后的ACK确认报文时,并不能确定服务器端能够收到该段报文.所以客户端在发送完 ACK 确认报文之后，会设置一个时长为 2MSL 的计时器。

2022-09-12 21:32:00 6427

原创 V8引擎-js执行原理

今天小编给大家讲解一下小伙伴们心中一直存在的问题,那就是我们在使用node环境或者浏览器的时候为什么可以执行js代码?我们定义了很多的变量和函数内部是如何处理的?以及我们常常说的作用域以及变量提升到底是什么?接下来小编将逐一的带大家去解决这些问题?再说v8引擎之前,先带大家了解一下基本的知识~

2022-09-04 10:26:15 1293

原创 Javascript的数据类型显隐式转换(保姆级教程)

在js中，当运算符在运算时，如果两边数据不统⼀，CPU就⽆法计算，这时我们编译器会⾃动将运算符两边的数据做⼀个数据类型转换，转成⼀样的数据类型再计算。这种⽆需程序员⼿动转换，⽽由编译器⾃动转换的⽅式就称为隐式转换。对于即将面试的小伙伴,小编在这里祝愿大家offer拿到手软....

2022-08-06 19:08:29 631

原创速成js正则

对于正则我相信无论是学习前端还是后端的小伙伴们肯定都是**知道**这个名词的,但是确有很多小伙伴对这项有点**晦涩难懂**的语言是既熟悉又陌生.今天那由小编和大家一起去学习一下这个***复杂*** 的语言吧....

2022-08-05 21:48:52 187

原创 OAuth2.0实现第三方登录(qq)-前端

市面上大多系统都接入了qq,微信第三方登录, 使用OAuth2.0实现第三方登录(qq登录),这项技术需要去qq互联申请appid和appkey.本篇第三方由后端去接入,前端配合去实现.

2022-08-04 12:09:18 1429

原创浏览器的缓存机制

浏览器的缓存机制定义: 浏览器的缓存机制就是把一个请求过的web资源拷贝一份副本存储存在浏览器中;缓存会根据进来的请求保存输出内容的副本,当一下个请求到来的时候,如果是相同的url,缓存会根据缓存机制决定是否直接使用副本响应访问请求,还是向服务器再次发送请求.比较常见的就是浏览器会缓存访问过的页面,当再次访问这个URL地址的时候,如果网页没有更新就不会再次下载网页,而是直接使用本地缓存的网页;只有当网站明确标识已更新,浏览器才会再次下载网页Cache-Control (与浏览器缓存机制有关的属性)

2022-05-19 21:33:20 5380

原创普歌-vue中自定义loading组件(不使用UI框架)

1.在components文件夹下创建一个loading组件2.index.jsimport LoadingComponent from "./Loading.vue";export default { install: function (Vue) { Vue.component("loading", LoadingComponent) }}// install 第一个参数是vue的构造器, 第二个参数是可选的选项对象 3.Loading.js/

2022-02-04 10:46:38 1442

原创普歌-vue中导出Excel表格

vue中导出Excel表格安装依赖下载所需js文件页面中的使用安装依赖 npm install -S file-saver npm install -S xlsx npm install -D script-loader下载所需js文件在src目录下创建vender文件夹,在该目录下放入Blob.js和Export2Excel.js ----下载修改Export2Excel.js的路径require('script-loader! ../../../node_modules/fi

2020-12-05 10:00:04 339

weixin_49461415的博客