- 博客(122)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 关于文档中心的英文快捷替换方案
1、利用百度翻译 API 的接口去做底层翻译处理，https://api.fanyi.baidu.com/需要在该平台上注册账号，个人高级版免费，每个月有百万字符容量；2、利用 Node.js 模块遍历相应的目录的文件，对每一行中文进行翻译，然后替换原内容；3、将替换好的内容写入到新的 en 目录下的文件里，如果无该目录，且自动创建该目录；4、修改配置 config.js 添加语言切换的入口，将不同的文件内容放到语言下面；背景：文档中心需要接入国际化，想节省时间做统一英文方案处理；
2024-04-27 10:49:20
70
原创 el-table-column 表格列自适应宽度的组件封装说明
针对组件业务上的需求，需要给 el-table-column 加上限制，需保证表头在一行展示，部分列的内容要一行展示，自适应单项列的宽度；
2024-04-27 10:26:13
174
转载 el-input 只能输入整数（包括正数、负数、0）或者只能输入整数（包括正数、负数、0）和小数
转载 https://blog.csdn.net/weixin_43923808/article/details/130388282。
2024-03-30 15:42:08
64
原创 开发小技巧
全局安装local-ssl-proxy，然后启动代理服务。比如我需要将next默认的3000端口代理到8080端口下。这样就成功了，访问https://localhost:8080，成功启动了一个https服务。就知道不同文件的格式代码重复率是多少。
2023-10-25 11:39:05
148
原创 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
400
原创 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
699
原创 基于百度地图与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
270
原创 一些面向H5画布Canvas的js库
一个简化HTML5 Canvas开发的Javascript库，Fabric.js提供了HTML5 Canvas本身缺失的对象模型、交互层、SVG解析器以及其他一整套工具。一个 2D webGL 渲染器，提供无缝 Canvas 回退，支持主流浏览器，包括桌面和移动。一个强大的JavaScript 3D库，可以创建复杂的三维场景和动画。中文名称为“三维库”。一个基于Canvas的矢量图形库，可以创建复杂的矢量图形和动画。中文名称为“矢量图形库”。
2023-08-17 13:21:16
337
原创 推荐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
1201
原创 css的世界-张鑫旭老师
内联元素又叫行内元素，指只占据它对应标签的边框所包含的空间的元素，这些元素如果父元素宽度足够则并排在一行显示的，如span、a、em、i、img、td等。“流体布局”是html默认的布局机制，如你写的html不用css，默认自上而下（块级元素如div）从左到右（内联元素如span）堆砌的布局方式。块级元素是指独占一行的元素，如div、ul、li、table、p、h1等元素。层叠上下文好像是一个结界，层叠上下文内的元素如果跟层叠上下文外的元素发生层叠，则比较该层叠上下文和外部元素的层叠上下文的层叠水平高低。
2023-06-26 16:48:52
834
转载 Vue3.2+setup+js下结合mapState、mapActions、mapGetters、mapMutations使用
【代码】Vue3.2+setup+js下结合mapState、mapActions、mapGetters、mapMutations使用。
2023-06-12 16:37:56
490
原创 关于如何封装微信小程序-日期时间选择器组件picker(集成uni-app开发)
【代码】关于如何封装微信小程序-日期时间选择器组件picker(集成uni-app开发)
2023-05-29 10:04:32
612
2
原创 微信小程序请求后端传回 long 类型 id 值，js 读取精度丢失的解决方法
【代码】微信小程序请求后端传回 long 类型 id 值，js 读取精度丢失的解决方法。
2023-05-29 09:38:22
597
转载 微信小程序input高度问题及placeholder与input的高度冲突问题
微信小程序input高度问题及placeholder与input的高度冲突问题
2023-01-10 09:13:06
1419
原创 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
1184
原创 安装依赖出现【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
10047
原创 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
1801
原创 前端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
1077
原创 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
1319
原创 当使用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
1151
原创 实现base64转换为Blob再上传
实现base64转换为Blob再上传直接上代码/** * 根据base64 内容 取得 bolb * * @param dataURI * @returns Blob */getBlobBydataURI(dataURI, type) { var binary = atob(dataURI.split(',')[1]); var array = []; for (var i = 0; i < binary.length; i++) { array
2022-03-04 21:41:20
1040
原创 基于webpack或者Nodejs打包与压缩
基于webpack来进行目录下的压缩const FileManagerWebpackPlugin = require("filemanager-webpack-plugin"); // 新的模块需要额外安装const title = "*****";plugins: [ new FileManagerWebpackPlugin({ events: { onEnd: { delete: [ `./zips/${title}-${process
2022-01-13 16:16:54
435
原创 img标签动态加载图片失败加兜底图
<div class="img_box operateImg"> <img :src="item.operateImg" :onerror="defaultImg" class="banner-img"></div>export default { name: 'Home', components: {}, data() { return { defaultImg: `this.remove()` } }}.im
2021-11-24 17:24:05
988
原创 vue3+vue cli的使用
创建项目npm install -g @vue/cli 或 yarn global add @vue/clivue create shop-mall-h5选择配置，看个人项目需求注意，空格键是选中与取消，A键是全选，上下键移动TypeScript 支持使用 TypeScript 书写源码Progressive Web App (PWA) Support PWA 支持。Router 支持 vue-router 。Vuex 支持 vuex 。CSS Pre-processors 支持 C
2021-11-19 12:46:31
887
jquery版本1.10.0
2018-07-03
require.js最新版2.3.5
2018-07-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人