kumokoya的博客

原创 vuedraggable+vue3使用踩坑记录

【代码】vuedraggable+vue3使用踩坑记录。

原创 iconfont引入彩色svg（symbol引入）

4.symbol方式引入（引入方式demo.html中有详解）3.复制css及js文件(css头部文件替换)1.上传彩色icon。

原创 vue3使用beforeRouteEnter（在setup外新增一个script如何使用setup内函数）

【代码】vue3使用beforeRouteEnter（在setup外新增一个script如何使用setup内函数）

原创 企业微信api（免登+通讯录+消息推送+分享链接）

有效期7200s(2h) 一小时内只能获取100次（单个应用）400次（一个企业）按文档推测只能获取用户的userid+name+avatar信息。用户敏感信息需按Oauth流程获取，后端api已废弃。步骤二：将以下四个参数如下顺序拼接（顺序不可变）步骤一：获取企业的jsapi_ticket。步骤三：将如上string进行sha1加密。) 获取当前部门成员userid及姓名。）获取当前部门userid列表。方式二：客户端（页面效果未知）客户端（页面效果未知）（需要缓存，不能高频获取。获取子部门ID列表（

原创 2021-11-11

nuxtssr生命周期与vue的区别为啥选择nuxt返回数据一次性包括数据请求而vue请求首次返回的html css js 得通过编译cdn 里面靠dns查ip判断节点弹幕实现性能 css transform+animation素数nignx转发的内容研究一下rem的优点缺点...

原创 网络通信基础

网络通信基础互联网协议TCP三次握手三次正好保证client和server都能确认能够接收对方数据且对方能接收到自己的数据1.SYN=1 client请求连接2.ACK=1 server表示收到请求 返回（client双向确认完成）3.ACK=1 client告诉server已收到回复（server双向确认完成）四次挥手1.FIN=1 seq client请求断开2.ACK=1 server返回表示正在准备断开中请稍后3.FIN=1 seq server表示已准备好断开4.ACK=1

原创 vue学习

VueMVVMModel- 模型 ：js - data中的数据view- 视图： dom - 模板viewmodel -视图模型: vue实例对象生命周期vue2和vue3生命周期的区别vue2 -optionsAPInew Vue()↓ //初始化 数据代理还未开始beforeCreate↓ //初始化 完成数据监测、数据代理created↓ //解析模板，生成虚拟DOM，无法显示解析后的页面beforeMount //无法操作DOM↓ //将内存中的 虚拟DOM

原创 总结css篇

CSSBFC块格式化上下文，给予一个独立的空间，让空间内的子元素不会影响到外面的布局消除浮动子元素float: left导致父元素无法展开让父元素形成BFC，在父元素中加入display: inline-block;oroverflow: hidden;etc.两个相邻的元素会产生边距重叠让第二个元素形成BFC两栏布局如何垂直居中一个浮动元素DPRDPR = 物理像素/css逻辑像素物理像素：出厂设置的设备物理像素css逻辑像素：在显示屏上的单位通过window.d

原创 JavaScript基础学习

JSDOM

原创 ES6特性学习

ES6let不能重复申明同一个变量//以下操作会报错（如果使用var不会报错）let a = 1;let a = 2;块级作用域{ let a = 2;}console.log(a); //因为块级所以这里无法获取a的值,报错undefined不存在变量提升不影响作用域链const一定要赋初始值块级作用域const不可修改，但对于数组和对象的元素修改，不会报错（因为栈内存指向的对象没有更改）const TEAM = ['a','b'];TEAM = 1; //报错

原创 memo1102

原创 HTML+CSS学习

标题综合笔记HTML超文本标记语言，网页其实就是一个HTML文档，HTML规范由W3C制定（W3C规范）XML可拓展标记语言XML文档的语义约束为DTD（文档类型定义，基本格式） XML与HTML的区别HTML5Html+css+js在内的一套技术组合对HTML标准的第五次修改主要目的是将互联网语义化，更好地支持人类及机器阅读，更好地支持各种媒体嵌入特点：1.强化了web网页的表现性能，追加了本地数据库，提供了更多能支持网络应用的标准集合H5不需要参考DTDH5与之前版本的区

原创 2021-10-19

js学习中提到的知识点罗列1.filter 条件过滤2.map（提示： n*2）回调中存在value及index两个值参考：https://blog.csdn.net/liminwang0311/article/details/864808293.reduce（提示： 总和）4.parseInt参考parseInt的返回值只有两种可能，不是一个十进制整数，就是NaN。 题目详解5.性能优化：防抖&节流参考防抖：高频触发事件影响浏览器性能，利用setTimeout进行延时

原创 web跨域请求问题（域名不同原因）

web跨域请求问题（域名不同原因）nignx转发1.前端拼凑含有关键词的本域名+api名urleg.2.nginx配置中捕捉关键词（例中为api）进行转发配置eg.

原创 Linux修改默认语言字符（修正中文乱码）

Linux操作1.locale查看当前编码格式2.locale -a |grep zh 查看是否存在zh格式不存在则yum -y groupinstall chinese-support 下载3.在/etc/profile 中加入export LANG=“zh_CN.UTF-8”4.使生效（是否重启看配置）

原创 Vue引入SCSS并自适应手机屏幕

Vue引入SCSS并自适应手机屏幕vue引入scss手机屏幕自适应vue引入scss1.install 依赖包npm add sass-loader node-sass注意直接引入最新版本可能会引发error，此处实际引入为“node-sass”: “^4.14.1”,“sass-loader”: “^7.0.3”引入降级方式：直接打入版本号 //eg.npm install [email protected] -g如果需要在Linux环境引入，install之后报错则需要rebuild node