随笔分类 -  Web开发

Vue3 Composition API响应式原理
摘要：响应式基本概念 响应式是指当数据发生变化时，相关联的元素（如视图）会自动更新。类似于Excel的公式计算，当单元格数据更新，依赖该数据的公式结果也会自动更新。在Vue中，响应式系统确保当响应式数据变化时，使用该数据的组件视图会自动刷新。 Vue3响应式技术实现 Vue3的响应式系统基于两个关键的Ja 阅读全文
posted @ 2025-07-17 17:29 johnjackson 阅读(59) 评论(0) 推荐(0)
vue3新增API
摘要：Vue 3 引入了许多新的 API 和特性，以下是一些主要的新增 API 列表： 组合式 API setup：组合式 API 的入口函数。 ref：创建一个响应式的引用对象。 reactive：将一个普通对象转换为响应式对象。 computed：用于定义计算属性。 watch 和 watchEffe 阅读全文
posted @ 2025-01-21 11:16 johnjackson 阅读(143) 评论(0) 推荐(0)
执行jest单元测试报错：ReferenceError: [BABEL] unknown: Unknown option
摘要：执行jest单元测试报错: ReferenceError: [BABEL] unknown: Unknown option: /....../node_modules/@vue/cli-plugin-babel/preset.js.overrides. 基本意思是 babel无法识别babel.co 阅读全文
posted @ 2023-02-16 17:32 johnjackson 阅读(457) 评论(0) 推荐(0)
钩子函数和回调函数的区别
摘要：一般认为，钩子函数就是回调函数的一种，其实还是有差异的，差异地方就是：触发的时机不同。 先说钩子函数： 钩子（Hook）概念源于Windows的消息处理机制，通过设置钩子，应用程序对所有消息事件进行拦截，然后执行钩子函数。 上面的例子，在按钮点击时候立即执行钩子函数。而看下面的例子： 给btn绑定了 阅读全文
posted @ 2019-06-18 13:15 johnjackson 阅读(3793) 评论(0) 推荐(1)
express 允许跨域访问
摘要：//设置跨域访问 app.all('*', (req, res, next) => { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Meth... 阅读全文
posted @ 2019-06-17 17:03 johnjackson 阅读(8756) 评论(1) 推荐(1)
angular7学习笔记
摘要：安装angular的命令行工具 安装完后执行以下命令创建新项目: 然后进入项目目录 启动开发环境 快速创建组件(并自动在app.module.ts中导入) 属性绑定 [属性名]="表达式" 如果不加[] 那""里面的就会被当前字符串 如[bgColor]="'red'"等同于 bgColor="re 阅读全文
posted @ 2019-06-15 22:07 johnjackson 阅读(1420) 评论(0) 推荐(0)
create-react-app 报错 Unexpected end of JSON input while parsing near '
摘要：按照官方文档安装create-react-app后，执行npx create-react-app后报错： Unexpected end of JSON input while parsing near ...... 执行下面命令可解决 :执行后可以用以下命令检查 如果还是不行，查看一下npm版本，不 阅读全文
posted @ 2019-05-26 10:31 johnjackson 阅读(997) 评论(0) 推荐(0)
移动vue项目，启动错误：Module build failed: Error: No PostCSS Config found in:
摘要：解决办法：在根目录新建postcss.config.js 然后再次启动项目即可解决 阅读全文
posted @ 2019-04-28 11:45 johnjackson 阅读(1302) 评论(0) 推荐(0)
解决JS中取URL地址中的参数中文乱码
摘要：GET请求会将中文编码，如果取出乱码的话，应该进行解码操作， 下面的函数是获取指定参数名的参数值，参数值可是中文、英文。 注意： 需要在页面head中添加下面这个meta标签 <meta http-equiv="Content-Type" content="text/html; charset=ut 阅读全文
posted @ 2019-02-26 08:22 johnjackson 阅读(2819) 评论(0) 推荐(0)