- 博客(126)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 Vite + Vue3 使用 cdn 引入依赖，并且把外部 css、js 文件内联引入
CDN 引入只有在 build 打包出来的才是 CDN 引入，本地开发走的还是 NPM 本地包引入， 所以先使用 NPM 方式引入。注意事项：element-plus 不能在 vite.config.js 中使用按需加载，需要在 main.js 中全局引入；，依赖变为 CDN 引入，外部的 js 文件和 css 文件集成到 index.html 中。
2024-10-09 10:55:24
816
转载 在 el-input 中添加 onkeyup 使用中文输入法导致验证失效
之前只是将 el-input 中的值替换为空，在中文输入法的情况下替换后，里面的值变为了一个新的变量，表单校验监听不到这个新的变量，所以会不通过校验，更改后将替换后的变量赋给 el-input 绑定的变量，再把它回调给 el-input 的 value，这样就能监听到这个替换后的变量。当输入为非数字时会被""替换掉，但是使用中文输入法时，虽然也能过滤非数字，但是过滤之后表单的非空验证不通过。由于需求需要对 el-input 添加输入校验，只允许用户输入数字，其他内容输不上去，我采用了在中添加。
2024-06-11 13:57:25
295
原创 关于文档中心的英文快捷替换方案
1、利用百度翻译 API 的接口去做底层翻译处理，https://api.fanyi.baidu.com/需要在该平台上注册账号，个人高级版免费，每个月有百万字符容量；2、利用 Node.js 模块遍历相应的目录的文件，对每一行中文进行翻译，然后替换原内容；3、将替换好的内容写入到新的 en 目录下的文件里，如果无该目录，且自动创建该目录；4、修改配置 config.js 添加语言切换的入口，将不同的文件内容放到语言下面；背景：文档中心需要接入国际化，想节省时间做统一英文方案处理；
2024-04-27 10:49:20
197
3
原创 el-table-column 表格列自适应宽度的组件封装说明
针对组件业务上的需求，需要给 el-table-column 加上限制，需保证表头在一行展示，部分列的内容要一行展示，自适应单项列的宽度；
2024-04-27 10:26:13
1238
2
转载 el-input 只能输入整数（包括正数、负数、0）或者只能输入整数（包括正数、负数、0）和小数
转载 https://blog.csdn.net/weixin_43923808/article/details/130388282。
2024-03-30 15:42:08
223
原创 开发小技巧
全局安装local-ssl-proxy，然后启动代理服务。比如我需要将next默认的3000端口代理到8080端口下。这样就成功了，访问https://localhost:8080，成功启动了一个https服务。就知道不同文件的格式代码重复率是多少。
2023-10-25 11:39:05
169
原创 vue2+konva9.2.0的结合使用
在线文档使用<div id="flow-container"></div><div v-show="popoverStatus" class="popover-container" :style="{ top: popoverTop + 'px', left: popoverLeft + 'px' }"> <div class="items" v-if="!popoverShowInverter"> <div cla
2023-09-20 14:55:46
577
原创 vue3的全局自定义指令
例如在 v-my-directive.foo.bar 中，修饰符对象为 {foo: true，bar: true}。■ arg：传递给指令的参数(如果有的话)。例如在 v-my-directive:foo 中，arg 为 “foo”。■ oldValue：先前的值，仅在 beforeUpdate 和 updated 中可用。■ value：传递给指令的值。例如，在 v-my-directive=“1 + 1” 中，该值为 2。■ dir：一个对象，在注册指令时作为参数传递。第二个 binding。
2023-09-20 13:33:57
1037
原创 基于百度地图与echarts的飞线数据图
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>飞线</title> <style type="text/css"> body { margin: 0; bor
2023-08-18 10:11:55
367
原创 一些面向H5画布Canvas的js库
一个简化HTML5 Canvas开发的Javascript库，Fabric.js提供了HTML5 Canvas本身缺失的对象模型、交互层、SVG解析器以及其他一整套工具。一个 2D webGL 渲染器，提供无缝 Canvas 回退，支持主流浏览器，包括桌面和移动。一个强大的JavaScript 3D库，可以创建复杂的三维场景和动画。中文名称为“三维库”。一个基于Canvas的矢量图形库，可以创建复杂的矢量图形和动画。中文名称为“矢量图形库”。
2023-08-17 13:21:16
474
原创 推荐22个很棒的 JS 库，提高效率，解放生产力
一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。原生js，不依赖jquery，zepto，支持vue，一套代码多端运行, 支持uni-app，完美运行于android, iOS, 手机各浏览器，兼容PC端主流浏览器。一个完整的JavaScript框架，用于构建HTML5，WebGL，WebVR和Web Audio的3D游戏和体验. 除了游戏用来在页面实现一些3D场景也是没问题的。一个简单的,轻量级的处理cookies的js API，用来处理cookie相关的插件。
2023-08-17 08:50:31
3145
原创 css的世界-张鑫旭老师
内联元素又叫行内元素，指只占据它对应标签的边框所包含的空间的元素，这些元素如果父元素宽度足够则并排在一行显示的，如span、a、em、i、img、td等。“流体布局”是html默认的布局机制，如你写的html不用css，默认自上而下（块级元素如div）从左到右（内联元素如span）堆砌的布局方式。块级元素是指独占一行的元素，如div、ul、li、table、p、h1等元素。层叠上下文好像是一个结界，层叠上下文内的元素如果跟层叠上下文外的元素发生层叠，则比较该层叠上下文和外部元素的层叠上下文的层叠水平高低。
2023-06-26 16:48:52
1115
转载 Vue3.2+setup+js下结合mapState、mapActions、mapGetters、mapMutations使用
【代码】Vue3.2+setup+js下结合mapState、mapActions、mapGetters、mapMutations使用。
2023-06-12 16:37:56
705
原创 关于如何封装微信小程序-日期时间选择器组件picker(集成uni-app开发)
【代码】关于如何封装微信小程序-日期时间选择器组件picker(集成uni-app开发)
2023-05-29 10:04:32
749
2
原创 微信小程序请求后端传回 long 类型 id 值，js 读取精度丢失的解决方法
【代码】微信小程序请求后端传回 long 类型 id 值，js 读取精度丢失的解决方法。
2023-05-29 09:38:22
820
转载 微信小程序input高度问题及placeholder与input的高度冲突问题
微信小程序input高度问题及placeholder与input的高度冲突问题
2023-01-10 09:13:06
1725
原创 TypeError: Cannot read properties of undefined (reading ‘javascript‘)
TypeError: Cannot read properties of undefined (reading ‘javascript’)D:\candela_computing_tool\node_modules\terser-webpack-plugin\dist\index.js:763const hooks = compiler.webpack.javascript.JavascriptModulesPlugin.getCompilationHooks(compilation);解决问题：由于
2022-05-31 17:30:18
1272
原创 安装依赖出现【npm错误】- npm ERR code ERESOLVE 和 npm ERR ERESOLVE could not resolve 问题
安装依赖出现【npm错误】- npm ERR code ERESOLVE 和 npm ERR ERESOLVE could not resolve 问题解决方法：在命令后面加上--legacy-peer-deps例如npm i -D xxxx --legacy-peer-deps
2022-05-31 17:29:10
10124
原创 vue3-如何解决vue3项目打包发布到服务器后访问页面显示空白问题
原创 https://blog.csdn.net/yyxy_gis/article/details/1236266301、处理vue.config.js文件中的publicPath，处理如下：....publicPath: process.env.NODE_ENV === 'production' ? './' : '/'....2、处理router文件夹中的index.js文件，处理如下：采用修改后的部分import { createRouter, createWebHistory, c.
2022-05-30 15:26:54
1954
原创 前端vue axios根据服务端返回的文件名和文件流生成文件下载
前端vue axios获取服务端返回的文件名并根据文件流生成文件下载const fileExport = (data) => { // 创建当前时间字符串，生成文件名称时使用 // const time = +new Date() let dis = response.headers['content-disposition'] let fileName = fileName = decodeURIComponent(dis.split('attachment;filename=')
2022-05-24 13:35:15
1126
原创 js计算一年有多少周（星期一为第一天）
function getWeeks(year = 2022) { // 一年第一天是周几 var first = new Date(year, 0, 1).getDay() if (first == 1) { first = 0 } else if (first == 0) { first = 1 } else { first = 8 - first } // 计算一年有多少天 if ((year % 4 == 0 && year %
2022-04-04 10:57:51
1394
原创 当使用flex弹性布局时，设置属性justify-content:space-around，但需要元素左对齐
用一行显示的最多个数减1的空标签补位<!-- 补最大的位数-1 --><div class="li" for="(item,index) in [1,1,1]"></div>.li { width: 25%; height: 0;}
2022-03-24 17:18:36
1209
jquery版本1.10.0
2018-07-03
require.js最新版2.3.5
2018-07-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人