Kylincsg的博客

在使用vue框架中，自定义了一系列的指令，如：v-loading，v-html、v-for等，但有些展示性的指令样式能修改的局限性比较大，所以自己可以自定义一个！代码持续更新，若有更好的方法，欢迎各位道友评论区留言探讨！背景颜色可以在css中自定义，我用的是黑色透明的，用的是白色透明的，根据个人喜好来。没有华丽的文采，直接上代码哈。中(该文件见之前自定义。

在npm官网库中试了好多，要么就是不生效没什么用的，要么就是没文档不知道能不能用的，上次在npm找了一个，现在找不到了，被删库了，所以，还是自己简单写一个救救急吧，废话不多说，直接看代码!!!

[渲染层网络层错误] Failed to load image the server responded with a status of 502 (HTTP/1.1 502 Bad Gateway) From server 127.0.0.1(env: Windows,mp,1.06.2405020; lib: 3.4.10)

图片在前端项目占比很大，随着图片压缩技术和浏览器渲染技术的发展，既淘汰了很多过时的图片性能优化技巧，又应运而生了不少简单、可靠的图片优化手段。

对于前端来说，在项目中，怎么简单怎么来，所以大佬们封装了一系列的插件与组件,avue就是一个很好的例子，但avue毕竟是别人公司封装的组件框架，自己不能改动加功能逻辑啊，头疼的很，所以我自己初步模仿avue编写代码的方式搭了一个围绕表格的框架组件。封装后的表单组件可以便捷地在项目中复用和扩展；实现动态渲染表单组件，包括输入框、选择器、开关、日期等；vep-crud封装组件中:组件持续更新中…

  在项目中，前端开发经常会遇到有图片上传的需求,而别人的组件大多都满足不了当下产品的需求，这是往往我们得去依靠组件自己自定义一个项目通用的裁剪组件，废话不多说，上货…安装依赖:vue2：vue3：引入相关文件自定义封装裁剪组件父组件cropper组件 - vue2：cropper组件 - vue3：好了，以上就是vue2与vue3结合vue-cropper的图片裁剪组件的封装，下次结合饿了么el-upload再进行封装，欢迎评论留言！！

对于一个产品来说，除了自身的功能外，安全性就是另一个关注点了，第一道关卡便是登录验证，除了账号密码的验证外，现在好多网页或App上，还有其他的验证方式，拖拽验证、验证码验证等等，本节主要来一套颜色的验证码验证…对于前端开发来说，这个工作是后端完成的，但是，在自己的项目中，我们可以放到本地前端校验一次，这样能减少服务器的压力（前端自己的项目，本地一般没有服务器）以上就是简单的前端随机码的生成，有不同的方法，欢迎下方留言讨论！可选角度（不要为难自己开发时的眼睛了😂，我基本不要角度）所谓随机验证码，无非是随机。

vscode工具->终端->运行任务->找到typescript->进入之后找到tsc:监视

小程序生命周期一共有5个。

vue、react与小程序 增改查

1. 生命周期；2. 存储位置；3. 存储大小；4. 与服务器之间的关系；5. cookie的特点:；6. token和以上三者有什么关系；7. 如何跨标签页(页面)通信?

react元素就是一个虚拟dom直接操作dom元素,效率远远低于操作数据(虚拟dom)react中创建出来的元素,其实不是真实的dom元素,是虚拟domreact如何渲染视图层: 根据之前的结构,生成一个旧的虚拟dom. 然后代码发生变化,也就意味着新的虚拟dom结构发生变化.这个时候react底层会比较这两个虚拟dom结构.然后根据比较的结构,修改真实的dom.真实dom被修改了,视图就会跟着发生变化一种对比新/旧虚拟DOM树的高效算法，能快速计算哪些虚拟DOM树发生了变化，从而只更新局部DOM。

1.DNS查询 / 解析；2.TCP连接；3.发送请求；4.返回响应；5.渲染页面；6.断开连接

JavaScript是什么？特点是什么？Java是什么？特点是什么？区别在哪？

如果上传图片或视频使用后端的接口，要经历文件解析，文件发送后端，后端文件上传服务器，前端页面就会导致卡顿，甚至直接崩掉，以阿里云为例，推出由前端直接上传到服务器。前端OSS直传

一个@功能，插入表情功能，OSS文件前端直传，发送等 ,本人使用的vue页面写的，该文章只讲mention功能与表情插入功能，其它的在其他文章中讲述，外面的插件往往不然自定义来满足产品的需求，这时我们需要自定义mention组件来完成功能！

1：复制；2：反转义；3：网址识别；4：禁止粘贴；5：时差；6：日期转换；7：常见格式判断；8：验证身份证；9：验证手机号码；10：下载；11：价格格式

7、OSS直传并获取地址(base64转图片)8、tree组件去掉undefined。10、模糊搜索下拉框精确匹配文字高亮；2、相同的值，放到同一个数组里面。15、字符串与base64互转。11、获取url地址参数；5、过滤图片 保留纯文本。6、过滤文本 保留纯图片。9、tree获取所有子项。12、开启h5调节模式。17、防抖、节流、延迟。1、文本超出中间省略。3.数组去重；

本篇文章主要介绍个人在工作中经常用到的一些工具类函数！！！1、判断类型；2、序列化；3、对象深拷贝；4、灰度模式；5、加密；6、全屏；7、随机验证码等；8、浏览器小窗口；9、数组转tree；10、文档导出

随机验证码与随机颜色

数组扁平化

自己封装一个函数对数组var data= [1, 22, 3, 4, 3, 2, 1, 4, 5]进行去重处理

var arr = [ 15, [1, new Number(10), 2], { a: 3, b: [4, 7, 8] }, [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], ]; // 输出：[1, 2, 3, 4, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]

深度克隆

事件流与事件委托

解决跨域的几种常用方法

Property or method "yyy" is not defined on the instance but referenced during render.

扁平数据结构转Tree