- 博客(55)
- 收藏
- 关注
RSS订阅原创 前端发版如何告知用户
在具体项目场景中，前端发版后，用户不手动刷新，则感知不到更新；经常会出现：前端更新了某个功能，导致旧功能使用出现问题，而被用户提单；因为后端忙，所以暂时写了个纯前端的解决方案。
2024-05-23 22:31:05
246
原创 vue3_记住密码功能实现（cookie与sessionStorage，sessionStorage区别以及js-cookie/jsencrypt加密）
此处我使用的是Cookie来实现记住密码功能（js-cookie）,使用jsencrypt对密码进行加密解密。可看到储存的cookie。
2024-03-21 10:46:00
1444
原创 vue_pdf,word,excel,pptx等文件预览
拼接到src后，可隐藏iframe顶部的工具栏。将下载的内容(lib)放到public文件夹下。上传doc后缀的文件，也能成功预览。index.html中引入相关文件。支持xlsx,xls文件的预览。
2024-02-26 16:31:21
2422
原创 hello world
注意事项：提前一天购买境外流量包（zfb或tb搜境外上网）提前兑换港币200叮叮车（下载叮叮可查看路线，可以用现金3hkd一次，不找零钱，后门上车，前门下车）地铁吃东西罚款，垃圾不能乱丢 闯红灯罚款买一瓶水过去，矿泉水较贵餐厅洗手间不外借，在地铁有厕所赶紧上游玩主要景点旺角 美食购物 扫街打卡（通菜街，女人街，花园街）油麻地 路边拍照打卡尖沙咀 附近有海港城，维多利亚港和星光大道（乘坐天星小轮，可刷支付宝，6rmb左右）中环海滨摩天轮（20港币，坐三圈）铜锣湾 逛街天堂（bm，
2024-01-17 17:26:11
410
原创 mongoDB
/ mongoose版本 ^7.6.3 ，其他版本可参考mongoose文档。_id是mongodb自动生成的唯一编号，用来唯一标识文档。在mongodb不能适应< > = 等运算符，需要使用替代符合。``db.集合名.insert(文档对象)··可以使用js的正则语法，通过正则可进行模糊查询。会用新文档直接替代全部旧文档的内容。mongoose版本。
2023-12-19 11:47:15
300
原创 express框架
/ 导入express// 创建应用对象// 创建路由对象// get// 原生获取请求报文参数//express操作//获取ip//获取请求头})// post})// 匹配所有方法})// 获取路由参数//获取路由参数})// 404，其他未匹配路由})// 监听端口console.log('已启动....');})
2023-12-15 09:44:00
59
原创 node模块化
属性对应的文件，如果main属性不存在，或者package.json不存在，则会检测文件夹下的。文件导入时可以不用写后缀，遇到js和json同名的文件，优先导入js文件。导入node.js内置模块时，直接require模块名字即可，无需加。模块化规范中的内容，而Node.js实现了CommonJS模块化规范。如果导入的路径是个文件夹，则会首先检测该文件夹下。对于自己创建的模块，导入时路径建议写。如果导入其他类型的文件，会以。，如果还没找到，则会报错。
2023-12-12 15:22:18
67
原创 vue3_input输入框，Ctrl+Enter键换行，Enter键发送信息
【代码】input输入框，Ctrl+Enter键换行，Enter键发送信息。
2023-12-05 16:57:52
1092
原创 vue3_watch监听和watchEffect
对于有多个依赖项的侦听器来说，使用 watchEffect() 可以消除手动维护依赖列表的负担。使用 watch 函数在每次响应式状态发生变化时触发回调函数。回调会立即执行，不需要指定 immediate: true。第二个参数回调函数cb（newVal,oldVal）第三个参数一个options配置项是一个对象。监听一个普通对象以及同时监听两个两个数据源。监听一个ref深层对象。
2023-08-01 16:00:31
1107
原创 vue3_to系列全家桶
toRaw() 可以返回由 reactive()、readonly()、shallowReactive() 或者 shallowReadonly() 创建的代理对应的原始对象。当使用对象属性签名时，即使源属性当前不存在，toRef() 也会返回一个可用的 ref。帮我们批量创建ref对象主要是方便我们解构使用。将响应式对象转化为普通对象。
2023-07-28 09:51:41
82
原创 vue3_reactive全家桶
检查传入的值是否为只读对象；通过 readonly() 和 shallowReadonly() 创建的代理都是只读的。reactive() 的浅层作用形式，只能对浅层的数据 如果是深层的数据只会改变值 不会改变视图。检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理。接受一个对象 (不论是响应式还是普通的) 或是一个 ref，返回一个原值的只读代理。用来绑定复杂的数据类型 例如 对象 数组。readonly() 的浅层作用形式。ref和reactive。
2023-07-27 15:37:43
107
原创 vue3_ref全家桶
和 ref() 不同，浅层 ref 的内部值将会原样存储和暴露，并且不会被深层递归地转为响应式。只有对 .value 的访问是响应式的。接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value。强制触发依赖于一个浅层 ref 的副作用（强制更新页面DOM）判断是不是一个ref对象。
2023-07-27 11:47:31
47
原创 vue3_pinia学习
意思是，当组件被卸载时，它们将被自动删除。如果要在卸载组件后保留它们，请将。处理 Promise 并允许您在 action 完成后执行函数。传递给它的回调在 action 之前执行。您可以通过将store的属性设置为新对象来替换store的整个状态。绑定到添加它们的组件（如果 store 位于组件的。包裹的对象，这意味着不需要在getter 之后写。方法查看状态及其变化，类似于 Vuex 的。Getter 完全等同于 Store 状态的。常规的store存储数据，刷新页面数据会丢失。通过 store 的。
2023-07-26 11:32:32
151
原创 vue3_聊天窗发送消息，滚动条自动定位到底部
在做聊天-回复功能的时候，用户发送了消息，后台回复消息后，滚动条还是定位在用户发送的那条消息的位置；后台回复的消息会被遮挡；这时需要将滚动条定位到最下面。
2023-07-25 16:40:23
944
原创 vue3_vue-router
使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。要解决这个问题，你需要做的就是在你的服务器上添加一个简单的回退路由。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL，处理 URL 的生成以及编码。query 传参配置的是 path，而 params 传参配置的是name，在 params中配置 path 无效。由于我们的应用是一个单页的客户端应用，如果没有适当的服务器配置，用户在浏览器中直接访问。将显示与 url 对应的组件。
2023-07-25 16:10:35
566
原创 vue3_移动端开发 postcss-px-to-viewport 插件
【代码】vue3_移动端开发 postcss-px-to-viewport 插件。
2023-05-31 14:50:24
311
原创 vue3_css,style新特性 以及 css样式框架Tailwind CSS
是因为>>>和/deep/已被弃用，要用:deep()代替。+elementPlus项目时，发现会报一个警告。在父组件全局选择，子组件的div也会影响到。学习小满zs vue3第三十三章。
2023-05-30 11:48:57
578
原创 vue3_自定义指令directive
在任何以v开头的驼峰式命名的变量都可以被用作一个自定义指令// 在模板中启用 v-focus没有使用的情况下setup() {/*...*/},// 在模板中启用 v-focusfocus: {/* ... */全局注册// 使 v-focus 在所有组件中都可用/* ... */})
2023-05-26 14:39:07
1847
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人