qq_43944285的博客

原创 window 11 系统 打不开Micorsoft Store

更新系统之后，打开Micorsoft Store显示“重试该操作，无法加载页面”，错误代码为“0x80131500”

原创 浏览器样式初始化

【代码】浏览器样式初始化。

原创 花开的地方在希尔的故乡,听着远古的战歌仿佛生在花开的地方

语出《曾国藩文集·处世金针·修身之要》“当读书，则读书，心无着于见客也；当见客，则见客，心无着于读书也。一有着，则私也。灵明无着，物来顺应，未来不迎，当时不杂，既过不恋。是之谓虚而已矣，是之谓诚而已矣，以此读《无妄》《咸》《中孚》三卦。盖扞格者鲜矣。”－－读书录《周易·中孚》是曾文正公读《周易》有感意思是，活在当下，真正的活在当下。做事情的时候专注于事情本身，不为未来的不确定性所忧虑，也不沉浸在过去的痛苦里，亦不被时下的外界环境所牵绊，按照当下自己的意志去做自己应该做的事，就足够了。...

原创 快捷键开发

window+ctrl+方向键切换窗口。window+tab查看所有的打开页面。

转载 token过期 如何使用refresh_token实现无感刷新页面？升级版

login.vueuser.vuerequest.jsapi/use.js

原创 项目中遇到的问题

1、mock使用，mock拦截请求，生成模拟数据，mock.mock生成随机数据2、介绍项目从大的方向讲：项目用到的技术栈、人员配比、项目周期、项目表述3、项目背景，功能、人员配比，技术栈，项目简介我负责的功能模块用等结尾4、登陆接口联调，与后端对接口，大概花了1-2天5、项目上线前做了什么？先将分支合并到测试分支，然后由老大主要负责打包，jkens打包工具，6、项目管理软件，专门的bug管理平台，禅道，然后列出优先级，然后根据优先级解决bug，创建分支，然后反馈给测试人员7、3-4个月，项目功

原创 npm yarn pnpm 的区别

npm

原创 vue面试问到的题及解决办法

准备网站所需的重置样式代码，以及一些公用样式代码。 导入方式 html导入 vue main.js全局导入数据懒加载 体验基于组合API的@vueuse/core工具库1.使用Vue封装过组件吗?有哪些?讲一下他们是怎么实现的**比如侧边导航组件、项目中常用的 echarts图表的封装（比如 折线图、柱状图等） 封装组件需要考虑复用性：预留插槽slot, 多次调用如果 子组件视图结构不一样那么就要 在 子组件template预留好 插槽（单个 插槽、具名插槽，作用域插槽）考虑到数据

原创 说一下v-model的理解双向绑定 vue响应式原理

参考: 1. vue2 里的响应式其实有点像是一个半完全体,对于对象上新增的属性无能为力,对于数组则需要拦截他的原型方法来实现响应式. 2. 这个时候Vue提供了一个来实现新增的属性也拥有响应式的效果.问题:但是很多时候需要小心翼翼的去判断到底什么情况下需要用 $set，什么时候可以直接触发响应式。在 Vue3 中，这些都将成为过去。proxy 到底会给 Vue3 带来怎么样的便利。例子1.1.3 vue2 响应式原理例1.利用input实现数据双向绑定实现原理:对象类型:通过Objeac

原创 svg学习 路由跳转方式以及传（获取）参 路由获取参数 懒加载

懒加载如何处理 打包出来的项目(首屏)加载过慢的问题SPA应用: 单页应用程序, 所有的功能, 都在一个页面中, 如果第一次将所有的路由资源, 组件都加载了, 就会很慢!加载过慢 => 一次性加载了过多的资源, 一次性加载了过大的资源比如:图片压缩: 使用 webp 格式的图片, 提升首页加载的速度CDN加速: 配置CDN加速, 加快资源的加载效率 (花钱)开启 gzip 压缩 (一般默认服务器开启的, 如果没开, 确实可能会很慢, 可以让后台开一下)…就是我们先设置图片的data-set属性（

原创 全局混入mixins 阅读代码时未看到数据从哪里来?全局混入(新建组件文件(复用)导入全局注册))

注意:优先级、函数 、数据变量、1.混入也可以进行全局注册。使用时格外小心！一旦使用全局混入，它将影响每一个之后创建的 Vue 实例。使用恰当时，这可以用来为自定义选项注入处理逻辑。2.请谨慎使用全局混入，因为它会影响每个单独创建的 Vue 实例 (包括第三方组件)。大多数情况下，只应当应用于自定义选项，推荐将其作为插件发布，以避免重复应用混入。**理解:Mixins：则是在引入组件之后与组件中的对象和方法进行合并，相当于扩展了父组件的对象与方法，可以理解为形成了一个新的组件。混入 (mixins)

原创 后端一次性返回10w条数据，前端如何优化处理

1-服务器代码2-前端代码

原创 vue如何实现整体注册组件局部/局部注册组件

**搭配webpack来批量注册组件 **新建src/components/index.js引入main.js2.vue如何实现整体注册组件(快速导入加手动)1. 其中components也封装了公共其他组件引入 src/components/index.js 中使用Vue.use()来注册组件 实现的原理： 1-需要传入一个参数：对象||函数 2-对象中提供了一个install函数 3-install函数有一个参数接受的是Vue2.全局入口在main.js, 在new Vue之上注

转载 微信小程序复选框改变

css

原创 路由钩子函数 组件方法 (utils)

路由钩子函数分为三种:1：全局钩子： 2：单个路由里面的钩子： 3:组件路由：

原创 工作git操作

(2)项目仓库需要根据已有项目初始化属于自己小组的项目，创建不同代码分支。具体步骤：删除项目中的 文件夹初始化仓库 添加暂存区 提交本地仓库 master分支创建release分支 基于master分支创建develop分支 (3)远程仓库在码云上创建仓库–>拉入你小组成员–>点击管理–>点击仓库成员管理---->点击开发者–>点击添加仓库成员----->点击邀请用户------>点击直接添加 -->此处可以搜索你的小组成员，点击添加一次性添加（此操作必须，否则无仓库操作权

原创 常用的包:

基于 (图片地址 / 网页地址) 生成二维码首先，需要安装生成二维码的插件qrcode的用法是dom为一个canvas的dom对象， info为转化二维码的信息a. 准备弹层b. 注册点击事件c. 将canvas标签放到dialog的弹层中d. 在点击图片时，显示弹层，并将图片地址转化成二维码二 生成打印Excelgit版本控制git --version #查看git安装版本$ npm config set registry https://registry.npm.taobao.

原创 HTTP HTTPS WEB的cookie机制 TCP UCP(三次握手四次挥手)

2.简述 web 前端 cookie 机制，并结合该机制说明会话保持原理？Cookie 是进行网站用户身份，实现服务端 Session 会话持久化的一种非常好方式Cookie最 早由 Netscape 公司开发，现在由 IETF 的 RFC 6265 标准备对其规范，已被所有主流浏览器 所支持1、为什么需要 CookieHTTP 是一种无状态的协议，客户端与服务器建立连接并传输数据，数据传输完成后，连接 就会关闭。再次交互数据需要建立新的连接，因此，服务器无法从连接上跟踪会话，也无法知道用户上一次做

原创 错题分析(js)----＞js全局函数 --基本数据类型 ---＞typeof 和 instanceof 区别 ----＞判断数据类型

JavaScript的全局函数：abc JavaScript 中包含以下 7 个全局函数，用于完成一些常用的功能（以后的章节中可能会用到）：escape( )、eval_r( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。函数 详细描述decodeURI() 解码某个编码的 URI。decodeURIComponent() 解码一个编码的 URI 组件。encodeURI() 把字符串编码为 URI。encodeUR

原创 (自定义指令) 按需导出 默认导出 公共模板组件 ---＞导入使用 Vue 路由模块中$route 和$router 的区别? ---＞路由扩展

import '@/drectives'// 导入自定义指令// import { color, Imgerror } from '@/drectives'import * as directives from '@/drectives'// console.log(directives) // 默认 按需 都可以拿到//for (const k in directives) {// Vue.directive(k, directives[k])//}Object.keys(.

原创 vue3 ---＞ setup() 用法 响应式API - reactive 响应式API - ref

setup() 介绍参考官方文档使用 setup 函数时，它将接收两个参数：propscontext//让我们更深入地研究如何使用每个参数Propssetup 函数中的第一个参数是 props。正如在一个标准组件中所期望的那样，setup 函数中的 props 是响应式的，当传入新的 prop 时，它将被更新。Context传递给 setup 函数的第二个参数是 context。context 是一个普通 JavaScript 对象，暴露了其它可能在 setup 中有用的值：访问组件的

原创 dom+点击事件

enter//按enter进行搜索 $(document).on('keypress','.J_searchInput',function(e){ if (e.keyCode == 13) { var keyword=$(this).val(); if(keyword==''){ return false; }else{ var src=$(this).attr('src'); window.location = sr

原创 二次开发human resource 项目思路

主题框架api/books.jsutils/request.jsmain.js标题

原创 promise ~ async_await ~ 解决跨域的三种方法 ~ 反向代理 (好记性不如烂笔头)

promise<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

原创 前端大总结

怎么判断两个对象相等？1、Object.is(obj1, obj3) //true2、JSON.stringify（obj1）==JSON.stringify（obj2）//true3、函数传参利用object.keys（）将函数转换为键值对数组，然后再判断两个数组长度是否相等，不相等return false，相等继续用for in 值是否相等 相等return false4、递归也是利用keys转数组，然后在判断JavaScript 中怎么获取当前日期的月份？（必会）1、Let math

原创 from文件上传(扩展 FormData 的使用)提交 (扩展ref用法) forin用法 forin和 forof区别

from表单上传 (图片,头像 ) 看文档转换更换头像 /* onIptChange (e) { // console.dir(e.target) if (e.target.files.length === 0) { // 没有图片 this.avatar = '' } else {

原创 不拘于做题,思考 纠错

Vue3的组合API中的setup()方法包含了所有的基本内容，包括生命周期，可以在setup()中使用生命周期钩子函数。①Vue3中Template支持多个根标签，Vue2不支持【跟标签】②Vue3中的生命周期的挂载钩子是onMounted，需要引入才能使用【钩子的名字变了】③Vue3引入了tree-shaking，以模块的方式引入api，减小打包体积【更小】④引入setup<script> export default { name: "App", setup()

原创 浏览器支持的锚伪类

锚伪类 在支持 css 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态和鼠标悬停状态。用来表示链接不同状态的伪类就是锚伪类。几个伪类必须按照一定的顺序(l-v-h-a)，a:hover必须被置于a:link和a:visited之后，才是有效的；a:active必须被置于a:hover之后，才是有效的。 书写顺序很重要：a:link - a:visited - a:hover - a:actived。a:link /* 未访问的链接 */a:visit

原创 扩展运算符 {... this.$store.state.userinfo} 图片上传同步参考

使用 URL.createObjectURL 预览URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的 URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。用法用下：objectURL = URL.createObjectURL(object);其中，object 参数指 用于创建 URL 的 File 对象、Blob 对象或者 MediaS.

原创 过滤器 xhr(小黄人) 侦听器

filterxhr侦听器

原创 橙紫皮专用(项目实现 思路)breaking news

git 命令样式 老项目 ~@ 现在脚手架项目 @背景图问题 设置高度AAA大事件项目思路:1.配置vue脚手架2.创建项目,npm操作上传初始化项目AAA001注册功能引入配置路由 router配置子组件elementUI 使用方法主体登录模块 from表单 input ico图标匹配密码是否一致 from表单验证axios 根据文档来设置请求和 判断 响应...

原创 input 获取焦点失去焦点 学习定时器

224234354

原创 elementUI 组件库及使用流程

原创 vue图片微观宏观 基础复习 响应式缺点 v-model 全局组件全局指令

全局组件局部组件：导入的这个MyCom组件，只能在当前组件中使用import MyCom from './MyCom'export default { components: { MyCom } }全局组件：import MyCom from './Mycom'// Vue.component(组件名，组件)Vue.component('MyCom', MyCom)全局指令局部指令export default { directives: { focus: {

原创 学习Date对象

Date对象

原创 elementUI参考学习 vue运行问题 以及组件style样式设置的区别

组件样式 scoped 和 /deep/ 加scoped 后不会修改其他组件的 加/deep/ 后就可以修改组件内部的 加!important 强制优先级最高覆盖样式 */<style scoped>/* 加scoped 后不会修改其他组件的 加/deep/ 后就可以修改组件内部的 加!important 强制优先级最高覆盖样式 *//deep/.el-pager li.active { background-color

原创 JavaScript数组迭代方法和正则

JavaScript 数组的力量隐藏在数组方法中。javaScript常用数组方法顺序 方法名 功能 返回值 是否改变原数组 版本1 push() (在结尾)向数组添加一或多个元素 返回新数组长度 Y ES5-2 unshift() （在开头)向数组添加一或多个元素 返回新数组长度 Y ES5-3 pop() 删除数组的最后一位 返回被删除的数据 Y ES5-4 shift() 移除数组的第一项 返回被删除的数据 Y ES5-5 reverse() 反转数组中的元素 返回反转后数组 Y ES

原创 uvex快速入门 Vue.js 应用程序开发的状态管理模式 + 库

参考视频vue参考文档VueX 大型项目 管理公共数据的工具作用: 独立与组件系统之外的,状态管理工具,采用集中式存储管理所有的组件状态,解决多组件数据通信(跨组件通信 A组件修改数据其他组件都能收到), 数据变化是可预测的 响应式主要内容三个: state 保存公共数据 (类似于data) mutations 修改数据 actions 异步请求次要的 : getters 计算属性 (类似于com

原创 vue路由模板 history和hash模式对比：

参考一// 导入路由插件import VueRouter from 'vue-router'import Vue from 'vue'// 使用插件 - 重要Vue.use(VueRouter)// 导入组件import Page1 from './Page1.vue'import Page2 from './Page2.vue'import Page3 from './Page3.vue'// 创建路由规则const router = new VueRouter({ r

原创 vue路由

路由目标页面不刷新，地址栏变化，页面内容变化。原理hashchange事件当地址栏中的hash值变化时，这个事件就会触发SPA:单页面应用程序优点：页面没有刷新，用户体验不会跳转页面，也不能加载重复的内容缺点：第一次打开页面会慢：因为加载了所有的资源对seo不友好。在移动端用的比较多。vue+vueRouter实现单页应用。vueRouter基本使用步骤1.实例化VueRouter对象主要是配置路由规则2.在vue实例中引用VueRouter3.配置路由出口ro