- 博客(23)
- 收藏
- 关注
RSS订阅原创 从vue到react
Webpack会直接返回public里index.html页面，index.html里的资源不要写相对路径，因为路由为多级结构时，刷新页面，资源请求会失败，因为默认把多级结构也当成域名了。关于react-router有三个库web/native/any，any虽然支持范围比较广，但api更复杂，所以在这里还是用web的专用库react-router-dom。组件内this.props.children可以获取 < myLink >顶顶顶顶< /myLink > 里的值，相当于vue里的插槽。
2023-10-25 16:38:11
103
原创 移动端适配大总结
大家都知道现在市面上的手机尺寸越来越多，对于一名前端开发来说，面临着开发上的挑战。要使各个手机上的UI达成一致效果，就需要我们采用各种方案规避差距。
2023-06-19 15:48:05
1901
原创 即时通讯--短轮询、长轮询、sse、websorket
实现”实时通讯“的功能，在以前来说，一般都是基于HTTP请求的，但HTTP是无状态请求，每次连接完毕，都要重新建立连接，才能实现通信，服务器端不能主动通讯，所以会造成信息延迟和性能问题。1、性能：http协议一次请求只能一次响应，每次请求客户端和服务器都需要解析请求头信息，效率低下。2、延时：短轮询有延时问题。3、服务端不能主动推送。
2023-06-05 00:05:35
349
原创 物理像素/分辨率/逻辑像素/设备像素比/多倍图/1px/viewport
屏幕是一个面，是由很多发光的器材的小点组成的，是在设备出厂时就确定的，是真实存在的，而这一个点就是一个像素/物理像素。将border设置为1px,然后将页面根据设备的dpr缩小相应的倍数，接着将rem放大相应的倍数，这样页面中只有1px的边框缩小了，而其他内容经过缩小和扩大，还是原来的状态。设备的物理像素与逻辑像素的比，通过window.devicePixelRatio获取，在没有出现Retina 视网膜屏之前，设备像素比一直是1，但是出现之后，一个逻辑像素用两个/三个物理像素点表示，显示也更加高清了。
2023-06-01 22:23:59
201
原创 vue-monoplasty-slide-verify图片滑动验证码
【代码】vue-monoplasty-slide-verify图片滑动验证码。
2023-05-29 17:08:29
593
原创 lockr轻量存储
/ Lockr.set(key, value) value 支持string number Object。// Lockr.get(key) 获取值，如果key===null/undefined 返回默认值。// Lockr.sismember(key, value) // 判断指定键是否存在那个值。// Lockr.srem(key, value) // 移除指定健中的指定value。// Lockr.getAll() // 获得所有键值对。// Lockr.flush() // 清空所有键值对。
2023-05-29 17:01:38
129
原创 用脚手架搭建vue环境
在命令行输入以下命令试着安装express（注：“-g”这个参数意思是装到global目录下，也就是上面说设置的“D:\Program Files\nodejs\node_global”里面。输入路径D:\Program Files\nodejs\node_global\node_modules ,用户环境变量里追加D:\Program Files\nodejs。假设成功，可以看到有输出。假设出错，检查NODE_PATH的路径。系统变量里的到nodejs安装目录的 环境变量 不要删除。
2023-05-29 16:50:03
218
原创 解决端口占用问题
netstat -ano | findstr 8080 查看占用8080端口的pid。taskkill -pid 11836 -f 终止进程。
2023-05-29 16:18:13
62
转载 mysql5.7之后强制改密码
4、再打开一个管理员权限的命令行，输入mysql -uroot -p 连续按两次回车按钮会直接进入mysql的控制台界面，此时发现登录 root 账号是不需要密码的。3、再输入 mysqld --skip-grant-tables （回车，启动mysql，意思是告诉mysql不需要登录验证）。6、最后输入flush privileges，按回车，告诉mysql刷新一下系统权限，此时修改的密码才会生效。2、管理员命令行进入bin目录下，输入net stop mysql，然后停止服务器。
2023-05-29 16:13:32
142
1
原创 Typescript初学
TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。
2023-05-29 15:46:42
103
1
原创 vue2和vue3区别
销毁前：beforeDestroy() 即将销毁data和methods中的数据此时还是可以使用的，可以做一些释放内存的操作。更新前：beforeUptate() 当data的数据发生改变会执行这个钩子，内存中的数据是新的，页面是旧的。Teleport可以突破父组件的限制，让节点渲染到父组件之外的dom中，类似于react的Portals。vue2根实例是由 new Vue() 创建的，而组件实例是由 Vue.component() 创建的。更新后：Updated() 内存和页面都是新的。
2023-05-27 20:51:51
87
1
原创 reactive和ref
处理数据类型不同ref函数支持基本类型数据和复杂类型，传入复杂类型，也会做响应式处理reactive只支持复杂类型，可以将复杂类型,转换成响应式数据，如果是简单类型无法处理成响应式使用注意明确的对象，明确的属性，用reactive，其他用 ref从vue3.2之后，更推荐使用ref （ref底层性能做了提升 => 260%）在 setup 函数中, 通过 ref 对象的 value 属性, 可以访问到值在模板中, ref 属性会自动解套, 不需要额外的 .value
2023-05-26 13:44:13
60
1
原创 vue2和vue3生命周期
vue3虽然推荐使用“组合式”写法，但是也支持“选项式”写法，所以在用“选项式”写法时，有两种生命周期的写法如下，两种都可以正常执行，vue3同级优先级会比vue2高。
2023-05-26 01:14:44
160
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人