- 博客(30)
- 收藏
- 关注
RSS订阅原创 第三章 Pinia配置添加
Pinia与Vuex一样，也是Vue的状态管理库。作为Vuex的代替者，Pinia后来居上，已经成为了开发者首选的状态管理工具。
2023-09-05 16:00:37
255
原创 集成网易云信SDK,进行即时通信-Web（语音通信）
4.将所需的 SDK 文件，传入script标签的src中即可。在下文中使用 window 对象属性即可获取对 SDK 的引用。SDK 解压后可得到以下三个文件（配图仅以 v9.8.0 为例）选择自己开发的环境，选择下面的不含UI集成（根据自己需求选择适合自己的）这边自己是通过方式一进行添加，然后封装在工具中的ts文件中。3.将语音消息转化然后调用Nim中的发送语音消息API。以上就是简单的进行语音收发和获取历史消息记录。这边是没有语音通信权限的，可以申请免费试用。utils文件夹中的Nim.ts中。
2023-07-17 15:29:50
908
原创 JS-SDK接入以及微信二次分享
如果是 html 的静态页面在前端通过 ajax 将url传到后台签名，前端需要用 js 获取当前页面除去’#‘hash部分的链接（可用location.href.split(’#')[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。如果这里获取到的 signature 和你得出的 signature 一致，就证明你的 signature 是正确的。
2023-05-29 20:23:00
2905
原创 前端常见安全性问题
文章目录一、常见的安全性问题二、XXS攻击（Cross Site Scripting）（跨站脚本攻击）三、CSRF安全漏洞（跨站请求伪造）四、文件上传漏洞五、限制URL访问，越权访问六、不安全的加密存储七、SQL注入八、OS命令注入攻击一、常见的安全性问题1、XSS(Cross-Site Scripting)脚本攻击漏洞；2、CSRF（Cross-sit request forgery）漏洞；3、iframe安全隐患问题；4、本地存储数据问题；5、第三方依赖的安全性问题；6、H
2022-04-22 23:07:49
7256
1
原创 前端常见跨域解决方案
一、什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： < link >、< script >、< img >、< frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等通常说的跨域是狭义的，是由浏览器同源策略限制
2022-04-22 22:35:06
266
原创 前端的性能优化
前端优化的目的是什么从用户角度，优化能够让页面加载得更快、对用户的操作响应更快，给用户提供更为友好的体验。从服务商角度，优化能够减少页面请求数、或者减小请求所占带宽，节省资源。一、页面内容优化减少http请求次数减少DNS查询次数避免页面跳转缓存ajax延迟加载（一般用在图片多的页面中，滚动时才加载）预加载减少DOM元素数量减少iframe数量避免404减少重绘回流避免重定向二、css优化将样式表置顶将 （CSS放在 HEAD中，防止浏览器有可能还未下载和解析到
2022-04-22 20:49:00
286
原创 Vue中axios的封装
AxiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios的封装一. 安装npm install axios; //命令行安装axios二. 引入首先，新建一个js文件用于引入axios。比如说，新建一个http.js文件，在文件中引入步骤如下所示：在这里插入代码片import QS from 'qs';//引入qs模块，为post型数据提供序列化（非常重要）import { Toast } from 'vant';// qs把对
2022-04-22 20:02:06
436
原创 宏任务和微任务
什么是宏任务和微任务宏任务包括：setTimeout setInterval Ajax DOM事件微任务：Promise async/await微任务比宏任务的执行时间要早同步任务和异步任务JavaScript是单线程执行的语言，在同一个时间只能做一件事情。这就导致后面的任务需要等到前面的任务完成才能执行，如果前面的任务很耗时就会造成后面的任务一直等待。为了解决这个问题JS中出现了同步任务和异步任务。同步任务:在主线程上排队执行的任务只有前一个任务执行完毕，才能执行后一个任务，形成一个执行
2022-04-22 19:13:43
8660
2
原创 ES6展开运算符的作用
1.不使用Apply的函数调用我们经常使用Function.prototype.apply,传递一个数组作为参数，使用数组中存放的一组参数调用一个函数function doStuff(x,y,z){}var args = [0,1,2]//调用函数，传递args参数doStuff.apply(null,args)采用展开运算符，我们能够避开使用apply的同时，轻易的调用函数，只需在数组钱加上展开运算符即可doStuff(...args)2.合并数组arr.push(.
2021-04-22 21:48:51
357
原创 JS中数组的操作
1.把字符串分割成数组--split（不会改变原有的字符串）stringObject.split(separator, len) //separator：必需，字符串或正则表达式 len：可选，该参数可指定返回的数组的最大长度2.判断是否为数组var arr = ["Banana", "Orange", "Apple", "Mango"];//系统默认是 arr.prototype.constructor = Arrayconsole.log(arr.constructor
2021-04-20 19:52:34
203
原创 uni-app基础知识
1.uni-app进行条件编译的两种方法？小程序端和H5的代表值是什么？通过#ifdef、#idndef 的方式H5：H5MP-WEIXIN: 微信小程序2.uni-app的配置文件，入口文件，主组件，页面管理部分page.json 配置文件main.js 入口文件App.vue 主组件pages 页面管理部分3.uni-app上传文件时用到的API是什么？格式是什么u
2021-04-20 12:25:34
863
原创 webpack
1.webpack是什么？webpack是一个前端资源加载/打包工具，他根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生产对应的静态资源可以将多种静态资源js、css、less转换成一个静态文件，减少页面的的请求进行重新夹杂编译，实际就是讲浏览器不认识的语法编译成浏览器认识的语法，比如：将less编译成css，ES6转成ES5等减少io请求，通常我们请求，会返回一个HTML到浏览器，，就会发现在HTML页面通过script，link等标签引用的静态资源，浏览器会再次发出请求获取
2021-04-20 11:46:11
201
原创 webpack与grunt、gulp的不同
一.webpack与grunt、gulp的不同三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过轻量化的任务还是会用gulp来处理，比如单独打包CSS文件等grunt和gulp是基于任务和流（Task、Stream）的，类似jQuery，找到一个（或一类）文件，对其做一系列链式操作，更新流上的数据，整条链式操作构成一个任务，，多个任务就构成了整个web的构建流程webpack是基于入口，会自动地递归解析入口所需要加载的所有资源文件，然后用不同的
2021-04-19 19:31:29
1110
原创 前端常见面试题
1.JS中常用的性能优化方式有哪些图片优化：小图使用base64格式 将多个图标文件整合到一张图片中 对于能够显示Webp格式的浏览器尽量使用Webp格式，因为Webp格式具有更好的图像数据压缩算法，能带来更小的图片体积（但是兼容性并不好）节流：考虑到类似滚动事件一样发起网络请求，如果是在滚动过程中一直发起请求，而不是隔一段时间发起一次，需要用到节流// func是用户传入需要防抖的函数// wait是等待时间const throttle = (func, wait = 50)
2021-04-11 21:47:08
171
原创 React基础面试题
1.react生命周期广义上分为三个阶段：挂载、渲染、卸载1.初始化阶段getDefaultProps()设置默认的props，在es6中使用组件名.defaultProps设置组件的默认属性getInitialState()es6的class语法是没有这个钩子函数的，可以直接在constructor中定义this.state，此时可以访问this.propscomponentWillMount()-渲染之前执行，在客户端和服务器都会执行render()创建虚拟DOM，进行diff算
2021-04-10 19:29:00
285
原创 Vue基础面试题
1.Vue框架的有点是什么轻量级框架：只关注视图层，大小只有几十KB 简单易学：文档通顺清晰，语法简单 数据双向绑定，数据视图结构分离，仅需操作数据即可完成页面相应的更新 组件化开发：工程结构清晰，代码维护方便 虚拟DOM加载HTML节点，运行效率高2.什么是MVVMMVVM：是Model-View-ModelView的缩写，是一种脱胎于MVC模式的设计模式Model:代表数据层，负责存放业务相关数据View:代表视图层，负责页面上的数据展示ViewModel:是同步View和
2021-04-08 18:17:39
399
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人