- 博客(119)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 新一代CSS选择器
使用属性选择器的通配符匹配可以更灵活地选择元素。选择器可以将多个选择器分组，大幅减少重复代码。更智能的焦点状态管理，减少不必要的轮廓样式。使用公式选择特定元素，实现复杂的选择模式。使用容器查询，实现更精确的响应式设计。，但特异性为0，让样式更容易被覆盖。让我们终于可以基于子元素选择父元素。支持多个选择器，大大增强了排除能力。优雅处理空元素，无需额外的类名标记。组合多个选择器条件，实现精确匹配。管理样式优先级，减少特异性战争。选择器，处理元素间关系。
2025-02-08 10:25:42
206
原创 @vueup/vue-quill使用quill-better-table报moduleClass is not a constructor
问题：moduleClass is not a constructor，说明vueup/vue-quill没找到quill-better-table依赖，原因是虽然你的quill是2.0.0以上，但是vueup/vue-quill版本还是在2.0.0一下。，这导致了版本冲突。Quill 的多个版本会引起模块注册和使用时的各种问题，例如模块找不到或无法正确初始化。1.检查你的vueup/vue-quill版本（查看 Quill 版本）要解决这个问题，你需要确保整个项目只使用一个版本的 Quill。
2024-09-06 09:58:37
1591
1
原创 vue3——用canvas展示图片做出直播效果
需求：后台会通过WebSocket每10毫秒返回一张base64的图片，如果直接使用el-image的话，图片切换的时候会出现不停的闪烁和卡顿问题，所以用canvas来解决这个问题废话不多说，直接上例子组件。
2024-07-04 00:07:08
472
原创 vue3通过模板导出员工入职登记表
之前项目中导出价格表是由后端实现，前端只需要调用接口下载word即可，后来业务改变比较大，word模版需要一直改动，后端改起来相对麻烦，后来直接前端自己定义模版，实现下载word文档。注意点：1.模板文件使用vue-cli3的时候，放在public目录下。2.文件须以docx结尾。如果是doc结尾的话会报3.如果是doc结尾的模板不能直接改docx，要新建一个docx模板复制过去，不然也会报。
2024-06-27 23:53:10
509
1
原创 使用原生的 WebSocket API 在 Vue 3 中集成 WebSocket。
【代码】使用原生的 WebSocket API 在 Vue 3 中集成 WebSocket。
2024-04-16 15:31:58
4036
1
原创 react使用useState更新数组失败
基本类型发生了改变，react会监听到，但是引用类型，如数组内部数据发生改变，react并不会监听到。
2023-12-27 10:23:54
1231
原创 react的 Objects are not valid as a React child (found: object with keys {name, content, time}).问题
问题原因：无法直接赋值数组到html里，需要用map等方法进行渲染。
2023-12-19 11:45:46
131
原创 react点击事件
thisClick('参数')}>点击事件</button>//方法console.log('这里是点击结果',vm) //这里是点击结果 参数注意：不能直接写函数调用，这里事件绑定需要一个函数引用//按钮<button onClick={(e)=>thisClick(e,'参数')}>点击事件
2023-12-18 17:37:40
439
原创 nodejs的 Cannot set headers after they are sent to the client
【代码】nodejs的 Cannot set headers after they are sent to the client。
2023-12-06 17:05:13
218
原创 JWT 认证机制
为了保证JWT 字符串的安全性，防止JWT 字符串在网络传输过程中被别人破解，我们需要专门定义一个用于加密和解密的 secret 密钥:1)当生成JWT 字符串的时候，需要使用 secret 密钥对用户的信息进行加密，最终得到加密好的JWT 字符串2)当把JWT 字符串解析还原成JSON 对象的时候，需要使用 secret 密钥进行解密// secret 密钥的本质: 就是一个字符串(自定义)
2023-12-04 16:54:03
220
原创 session(登录注销)
在 Express 项目中，只需要安装 express-session 中间件，即可在项目中使用 Session 认证。调用 req.session.destroy( )函数，即可清空服务器保存的 session 信息。
2023-12-01 17:21:59
106
原创 接口的跨域问题（JSONP）
浏览器端通过<script>标签的src属性，请求服务器上的数据，同时，服务器返回一个函数的调用。这种请求数据的方式叫做JSONP。1)JSONP不属于真正的Ajax 请求，因为它没有使用XMLHttpRequest 这个对象。4)把上一步拼接得到的字符串，响应给客户端的<script>标签进行解析执行。否则JSONP接口会被处理成开启了CORS的接口。防止冲突，必须在配置CORS中间件之前声明JSONP的接口。3)根据前两步得到的数据，拼接出一个函数调用的字符串。要通过JSONP形式。
2023-11-29 16:30:59
103
原创 接口的跨域问题（CORS）
CORS (Cross-Origin Resource Sharing，跨域资源共享)由一系列HTTP 响应头组成，这些HTTP 响应头决定浏览器是否阻止前端 JS 代码跨域获取资源浏览器的同源安全策略默认会阻止网页“跨域”获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头就可以解除浏览器端的跨域访问限制。
2023-11-29 16:11:31
570
原创 自定义中间件
/ 导入 express 模块// 创建 express的服务器实例// 中间件的业务逻辑})为了优化代码的结构，我们可以把自定义的中间件函数，封装为独立的模块// middleware.js模块中的代码function bodyParser(req, res, next){ /*省略其它代码*/ }module.exports = bodyParser // 向外导出解折请求体数据的中间件函数// ---------------分割线--------------
2023-11-27 17:15:48
712
1
原创 Express内置的中间件
快速托管静态资源的内置中间件，例如: HTML 文件、图片、CSS 样式等 (无兼容性)自Express 4.16.0 版本开始，Express 内置了。解析 URL-encoded 格式的请求体数据 (，仅在 4.16.0+ 版本中可用)解析JSON 格式的请求体数据(，仅在4.16.0+ 版本中可用)
2023-11-27 16:42:45
408
原创 express中间件
可以使用 app.use()连续定义多个全局中间件。客户端请求到达服务器之后，会按照中间件定义的先后顺序依次进行// 第1个全局中间件req.one = "这里是第1个全局中间件"onsole.log("调用了第1个全局中间件")next()})// 第2个全局中间件req.two = "这里是第2个全局中间件"console.log("调用了第2个全局中间件 ")next()})// 请求这个路由，会依次触发上述两个全局中间件。
2023-11-24 17:23:13
782
原创 nodemon自动重启nodejs项目
在编写调试 Node.js 项目的时候，如果修改了项目的代码，则需要频繁的手动 close 掉，然后再重新启动，非常繁琐。现在，我们可以使用 nodemon (https://www.npmjs.com/package/nodemon) 这个工具，它能够监听项目文件的变动，当代码被修改后，nodemon 会自动帮我们重启项目，极大方便了开发和调试。
2023-11-17 15:49:20
280
原创 Express
官方概念：Express 是基于 Nodejs 平台，快速、开放、极简的 Web 开发框架通俗的理解：Express的作用和 Node.is 内置的http 模块类似是专门用来创建 Web 服务器的Express的本质：就是一个npm上的第三方包，提供了快速创建Web 服务器的便捷方法Express 的中文官网: http://www.expressjs.com.cn/
2023-11-16 17:29:15
96
原创 module.exports和exports
由于 module.exports 单词写起来比较复杂，为了简化向外共享成员的代码，Node 提供了 exports 对象。默认情况下，exports 和 module.exports 指向同一个对象。在自定义模块中，可以使用 module.exports 对象，将模块内的成员共享出去，供外界使用外界用 require0方法导入自定义模块时，得到的就是module.exports 所指向的对象。ps：使用require()模块时，得到的永远是module.exports指向的对象。exports 对象。
2023-11-15 16:11:47
143
原创 SQL语句
1).AND 表示必须同时满足多个条件，相当于 JavaScript 中的 && 运算符，例如 ifa!2).OR 表示只要满足任意一个条件即可，相当于 JavaScript 中的|运算符，例如 if(a!1).从 FROM 指定的[表中]，查询出[所有的]数据。2).从 FROM 指定的[表中]，查询出指定 列名称 (字段)的数据。2).按照降序对记录进行排序，可以使用 DESC关键字。1).查询语句中的 WHERE 条件。2).更新语句中的 WHERE 条件。3).删除语句中的 WHERE 条件。
2023-11-07 16:09:24
517
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人