- 博客(32)
- 收藏
- 关注
RSS订阅
原创 前端axios封装请求拦截器中给参数加密，响应拦截器添加解密。。js库 CryptoJS使用（详细）
为什么要编码？由于一些网络通讯协议的限制, 又或者是出于信息加密的目的, 我们就需要将原信息转换为base64编码,然后才能进行传输.例如，发送某些含有 ASCII 码表中0到31之间的控制字符的数据。window.btoa 对字符串进行 base64编码（注意不能编码中文）;winodw.atob 对 base64字符串 进行解码（对于包含中文的 base64编码，不能正确解码）;AES 加密 .........
2022-07-04 11:26:18
4808
原创 axios封装请求拦截器中给Authorization，添加token加Bearer。
instance.interceptors.request.use(function (config) {let token = sessionStorage.getItem(‘token’)//获取tokenlet token_type = sessionStorage.getItem(‘token_type’) //获取存储在本地的后端返回参数if (token) {// 添加headersconfig.headers.Authorization =token_type+ ’ '+ token
2021-04-03 12:14:17
5295
原创 vue项目 dist文件本地部署、http-server网页服务
http-server ：web服务器。vue打包本地部署。本地测试局域网下载app
2022-09-29 17:58:47
2482
5
原创 前端文本语音播放业务（不需要联网）
const synth = window.speechSynthesis;const msg = new SpeechSynthesisUtterance(); handleSpeak(text) { // 语音播报的函数 msg.text = text; // 文字内容: synth.speak(msg); }）
2022-08-29 17:01:25
1370
原创 vue3组合式 API:使用axios调接口方式
使用vue3组合式API，getCurrentInstance（）、reactive、toRefs
2022-07-15 14:49:37
1844
原创 vue项目性能优化，并且打包生产环境清除‘console.log’
1、安装 terser-webpack-plugin2、vue.config.js 中引入记得重新执行：npm install
2022-06-23 15:23:07
3018
原创 小程序直播功能
直播与回放第一步：使用小程序内置接口获取小程序的token； 在小程序开发文档：服务端目录 > 接口调用凭证 getAccess第二步：直播组件引入第三步：在服务端接口这块》有直播间所有接口：先获取直播列表（列表包括： 正在直播、直播回放·）可用直播间状态来分类； live_status 直播间状态。101：直播中，102：未开始，103已结束，104禁播，105：暂停，106：异常，107：已过期第四步：直播播放 与 回放使用列表id， wx.navigateTo播
2022-05-06 16:50:32
1172
原创 element Tree 树形控件 （完整笔记）
操作：笔记例子：html： <el-tree class="org-tree" ref="orgTree" :data="data" :props="defaultProps" node-key="zhujian" show-checkbox :default-expanded-keys="['1']" :render-after-expand="true" :expand-on-clic
2022-04-11 23:00:47
1818
2
原创 使用rrweb 回溯（页面录制，到播放）
使用Rrweb 指南一、 rrweb是什么？rrweb 是 ‘record and replay the web’ 的简写，用来录制并回放任意 web 界面中的用户操作。⚠️注意：rrweb不支持 IE11 以下，如需兼容（https://caniuse.com/#feat=mutationobserver）访问这个连接二、Rrweb 功能记录用户使用产品的方式并加以分析，进一步优化；采集用户遇到的bug的操作路径，予以复现；回溯用户的行为，可作为证据存储；录制体积更小，清晰度无损的演示视
2022-03-21 19:56:49
5436
4
原创 vue-clipboard2（剪切板)的使用
1、vue-clipboard2 介绍 vue-clipboard2 是前端能够调用 剪切板 的一个插件。2、vue-clipboard2安装npm install --save vue-clipboard23、使用使用前，在main进行注册import Vue from 'vue'import VueClipBoard from 'vue-clipboard2'Vue.use(VueClipBoard)1. 使用方法一使用指令的方式进行绑定<templat
2022-02-28 23:15:33
13831
原创 《项目主题颜色》自定义修改
第一步：使用 : root 选择器；第二步：将其less中的变量 = : root 中的样式进行渲染语法如下 //全局主题颜色 :root { --color-background: #222; } @standard-color:var(--color-background); //标准蓝 @current-color: @standard-color; //当前用的主题色第三步：使用在你想从那个组件中获取并且修改。我使用了改变 :root 选择器，最简单的方法实现代码
2021-12-10 15:44:05
956
原创 elementUI修改二级菜单修改el-submenu__title样式不生效
一、问题描述elementUI顶部导航二级菜单修改样式不生效网友分析原因：二级菜单是使用slot添加的，单独给这个slot添加样式，等渲染出来，样式没有了，需要有深选择器。二、解决方式加入以下样式，生效。 /* 深选择器：如果相对设置了scoped的子组件里的元素进行控制可以使用'>>>'或者'deep'设置选中或悬浮的颜色*/.el-submenu /deep/ .el-submenu__title { height: 50px; line-height
2021-10-02 03:13:50
2466
原创 购物车全选，以及计算总价笔记
全选实现思路：1、 v-model 一个收集所有input（除全选框外）数组checked，vue会动态将其 全选 full 为true的input的value值存入数组checked里2 、watch函数来监听checked属性，当其长度==input元素时 全选按钮选中 否则取消3 、全选按钮v-model full属性来显示当前选中状态 click事件里 当full为true时 全选 所有input按钮被选中也就是checked的遍历存入其value值计算总价使用计算属性...
2021-04-16 12:03:24
540
原创 关于Vue Router 报错-- 笔记
关于Vue Router 报错这是：使用新导航取消了从这个导航跳转到另一个导航的错误提示解决方法：加入： const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) }...
2021-04-10 10:40:30
586
原创 vue整体项目笔记
前端工程师的日常工作： 项目工程架构 业务开发：UI还原、组件设计、业务逻辑实现 项目上线测试驱动开发一、Vue项目创建1、安装node.js环境（node -v 验证） A -> B C -> D -> E 依赖的层级关系2、安装vue脚手架（@vue/cli) 脚手架是一个第三方库，需先安装才能使用 -g 表示全局安装 global3、使用脚手架来创建项目 warn warning 警告,可不处理 error 红色报错,是失败，一定要处理4、vue.config.js 配置
2021-03-09 04:34:06
1109
原创 微信小程序开发（零基础开发需知道）
在微信公众平台步骤：1、使用公司账号注册；2、在首页填写小程序信息；3、选择服务类目，决定开发效果；《》开发中：第一次提交审核，需要至少24小时《周一之周五》
2021-03-08 15:35:14
506
原创 主流框架：react框架笔记、webpack环境搭建
react框架react—webpack webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler) 在webpack中一切文件都是模块npm init 安装package . js创建一个静态目录public 、一个动态目录src 全局安装：webpack cnpm install webpack -g cnpm install webpack-cli -g然后在项目里面的根目录安装： 局部的cnpm install we
2021-01-14 16:02:51
535
原创 主流框架：Vue框架笔记
一、vue框架基础jQuery与vue的区别 vue，拥有DOM虚拟，高效操作，便于维护； jQuery:直接操作DOM，消耗性能，不便于维护；Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。vue渐进式框架
2021-01-14 14:34:39
652
原创 js：正则运用、ES6新增、this指向、面向对象
一、正则正则的创建： 字面量 ： var num = / a /； 构造函数： var reg = new RegExp（“ b ”）修饰符：i----表示忽略大小写g ： 全局匹配；m： 多行匹配； 正则是用于验证一个字符串是否符合正则表达的要求。 test方法检测：返回布尔值； exec( )方法检测：获取满足该正则表达式的字符，以数组的方式返回信息 complie( ) ; 重写正则表达式字符串方法： search（）：获取满足条件的第一个字符下标，如果没有则
2021-01-14 11:27:36
517
原创 JS:日期对象、BOM 、DOM、事件绑定
一、日期对象 var h =new Date（）日期对象声明var h =new Date（） 1.没有传入参数，默认当前系统时间 wed Oct 09 2019 09:06:49 GMT+0800 (中国标准时间) GMT 格林尼治时间 传入参数 1. ”2020-05-08“ 2. "2020/05
2021-01-14 10:32:45
644
原创 JS： 堆和栈、ES5新增属性、字符串概念
一、堆和栈基本数据类型和引用数据类型的区别；01、基本数据类型之间的赋值关系；按值传递02、引用数据类型之间的赋值关系；按引用传递（按地址传递） 运行程序； 1，准备运行程序要用的空间（一旦分配好以后，内存大小没法改变了） 2，开始运行程序 【引用】数据类型 数组，数组的变量存储的是数组的地址。栈的特点；先进后出，后进先出。栈：当定义一个变量的时候，计算机就在内存中开辟一块存储空间存放这个变量，我们把这个空间叫做栈栈的特点：先进后出（后进先出）栈中存
2020-08-08 17:17:29
452
原创 javaScirpt函数认识与数组的API
一、认识函数函数就是一个工具，函数是实现一个功能的封装，实现某种功能一串代码块。第一种函数语法； 函数声明； function 函数名(){ 函数体(具体要执行的代码)； } 【注意】见名思意， 函数名必须体现其功能。 函数调用； 格式；函数名
2020-08-08 16:45:23
613
原创 Javascript 语法认识
javascript语法基础认识主题javascript简史；1995年，由Netscape ( 网景)公司的Brendan Eich开发出来的。借用了当时一个业界非常流行的词语java,于是更名为javaScript.后来微软进入浏览器行业。为了统一语法标准，1997 年，JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会（ECMA），第 39 技术委员会（TC39）被委派来“标准化一个通用、跨平台、中立于厂商的脚本语言的语法和语义，由来自 Netscape、Sun、微软、B
2020-07-11 18:12:12
1377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人