什么是逆向思维？
摘要：什么是逆向思维？ 思维导图 任何一句语言判断都会有相反的判断。 我们说的每句话，与之对应平行的都有一个相反的陈述在那。就像人的影子，每个人都有影子，每句话都有影子。 对于别人说的话，也想他的相反说法是什么，有没有证据支持。经过独立思考，往往能发现很多问题。 一般人都要更坚强，要更强健，要有更多财富，
阅读全文
posted @ 2024-08-30 13:51
独自去流浪的博客
技术笔记
随笔分类 - 技术分享
模块化发展历程
摘要：模块化是用来抽离公共代码，隔离作用域，避免变量冲突等。 IIFE：使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突。 AMD：使用requireJS来编写模块化，特点：依赖必须提前声明好。 CMD：使用seaJS来编写模块化，特点：支持动态引入依赖文件。 Common
阅读全文
posted @ 2024-08-30 13:49
迭代协议
摘要：迭代协议 参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols 作为ECMAScript2015的一组补充规范，迭代协议并不是新的内置实现或语法，而是协议。这些协议可以被任何遵
阅读全文
posted @ 2024-08-30 13:28
技术分享：jsx语法和应用
摘要：首先问问大家对JSX了解多少，可以提几个问题，引发大家的思考和求知欲。然后开始讲 JSX是React架构里的东西，但是不局限于React，它是一种JavaScript的语法扩展，完全是JavaScript内部实现的，所以vue里面也能用。 JSX的优点： JSX执行更快，因为它在编译为JavaScr
阅读全文
posted @ 2024-08-30 13:01
分享：JS事件循环机制，宏任务和微任务
摘要：为什么会讲这个主题？ 这要从一个bug讲起，10月26号，app端，我的考勤日历面板上的信息在ios上显示不全。效果见手机视频。 当时我们几个排查了2-3天都没找到原因，review代码各种改都不行。（此时打开代码看下，src/app/myAttendance/attendance.vue line
阅读全文
posted @ 2024-08-30 13:01
ElementPlus表单校验数字number修饰符
摘要：1. el-input v-model使用number修饰符 template代码如下： <el-form :model="ruleForm" :rules="rules"> <el-form-item label="数量" prop="quantity"> <el-input v-model.nu
阅读全文
posted @ 2024-03-22 10:21
uniapp+微信小程序+vue3 实现富文本编辑器遇到的坑
摘要：问题一：富文本编辑器初始化实例出不来，有两个原因： 找的参考代码不适用微信小程序，需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c
阅读全文
posted @ 2023-06-08 17:16
什么是Proxy?
摘要：Proxy对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等） 语法 const p = new Proxy(target, handler) 参数说明 target 要使用Proxy包装的目标对象 handler 处理器对象 创建一个可撤销的Proxy对
阅读全文
posted @ 2023-04-27 19:09
Vue3中ref和reactive的对比
摘要：先说ref()和reactive() Vue3这两个API作用是相似的，只不过ref()是针对变量的响应式包装，而reactive()是针对对象的响应式包装。 ref()和reactive()对比 API 说明 目标 ref() 传入一个值，返回一个响应式的变量 变量 reactive() 返回一个
阅读全文
posted @ 2023-04-26 23:13
漂浮广告floatingAd Vue版
摘要：朋友找我帮忙写一个vue版的漂浮广告组件 原版插件博客地址：http://www.ijquery.cn/?p=1291 代码参考的是（jquery版），https://gitee.com/hongweizhiyuan/floatingAd， 插件效果演示地址：http://www.ijquery.c
阅读全文
posted @ 2022-10-22 14:51
前端收藏夹
摘要：掘金 【掘金】这些开源项目，让你轻松应对十大工作场景 文件上传 【uppu】 uppy官网文档：https://uppy.io/ uppy github: https://github.com/transloadit/uppy 【filepond】 官网文档：https://pqina.nl/fil
阅读全文
posted @ 2020-11-23 16:53
VUE JSX基本常用语法
摘要：VUE JSX基本常用语法 参考：https://github.com/vuejs/jsx Content 内容 render() { return <p>hello</p> } 动态内容 render() { return <p>hello { this.message }</p> } 自闭合标签
阅读全文
posted @ 2020-11-17 11:09
Vue3 特殊属性：key,ref,is
摘要：Vue3 特殊属性：key,ref,is 参考文档：https://v3.vuejs.org/api/special-attributes.html vue3 特殊属性： key ref is key 期望值：number | string 特殊属性key主要用于提示Vue的虚拟DOM算法在区分新节
阅读全文
posted @ 2020-10-22 18:09
webpack proxy代理配置
摘要：devServer.proxy 今天学习下项目中最常用的devServer.proxydev-server是webpack-dev-server的简写 参考：https://www.webpackjs.com/configuration/dev-server/#devserver-proxy 如果你
阅读全文
posted @ 2020-10-16 16:39
EventTarget.addEventListener()和passive
摘要：EventTarget.addEventListener() 参考：https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget/addEventListener EventTarget.addEventListener()方法将指定的监听
阅读全文
posted @ 2020-09-22 17:52
Object.freeze()冻结一个对象有什么意义？
摘要：Object.freeze()方法可以冻结一个对象 一个被冻结的对象再也不能被修改 不能添加新属性 不能删除已有属性 不能修改已有属性的可枚举性、可配置性、可写性 不能修改已有属性的值 不能修改原型 Object.freeze()的意义在哪里？ 应该就是跟const常量一样，只不过，const声明简
阅读全文
posted @ 2020-09-22 13:51
前端开发经验总结和分享
摘要：前端开发经验总结和分享 我要分享的内容有3点 代码规范 mockdata RxJS 正文 一、代码规范 1. vscode 代码格式化工具 Prettier 配置一致 1.1 vscode安装Prettier 搜索插件名称：Prettier - Code formatter 1.2 项目根目录下添加
阅读全文
posted @ 2020-09-21 12:16
一个"for await ...of"语句在Node.js中的例子
摘要：一个"for await ...of"语句在Node.js中的例子 首先，看一个Iterators的例子 class RandomNumberGenerator { [Symbol.iterator]() { return { next: () => { return { value: Math.r
阅读全文
posted @ 2020-09-18 16:51
关于微前端的一些知识
摘要：微前端“容器”——microcosmos实现 用微前端的方式搭建类单页应用
阅读全文
posted @ 2020-09-18 09:17
写React/Vue项目时为什么要在列表组件中写key，其作用是什么？
摘要：写React/Vue项目时为什么要在列表组件中写key，其作用是什么？ 参考文章：https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/1 没有绑定key的情况下，并且在遍历模板简单的情况下，会导致虚拟新旧节点对比更
阅读全文
posted @ 2020-09-05 20:34
