- 博客(50)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 el-select开启filterable模式，限制输入框输入类型
遇到el-select开启filterable模式查询，下拉框内容是文字与数字组合版，导致校验不准，且没有属性能直接限制focus输入的内容，这时候可以用自定义属性来解决。script内容，思路是直接获取到它的input元素，对输入内容进行过滤。实例：（以只能输入数字为例）要上template内容。
2025-03-26 17:33:23
368
转载 Vue.mixin的使用场景和原理
Vue.mixin是Vue.js提供的一个特性，用于在多个组件之间共享可复用的逻辑。Vue.mixin允许你定义一些选项(例如，数据、方法、生命周期钩子等)，然后将它们混入到多个组件中，以便这些组件可以共享这些选项。这在以下情况下非常有用：1. 代码复用： 如果我们有一些需要在多个组件中重复使用的代码，我们可以将这些代码定义在一个mixin中，然后将mixin混入到需要的组件中，而不必在每个组件中重复编写相同的代码。
2024-10-30 09:43:09
76
原创 解决sortablejs+el-table表格内限制回撤和拖拽回撤失败问题
【代码】解决sortablejs+el-table表格内限制回撤和拖拽回撤失败问题。
2024-09-26 10:04:54
537
1
原创 可编辑/不可编辑内容复制方法大全
复制方法是开发中经常会用到的，在实现最近一个需求的时候发现了差异，常用的复制方法对不可复制内容无效，最终实现了功能，在此列出方法，记录一下。试了navigator.clipboard方法也可实现，但navigator对象不同页面包含的对象有差异，所以不是很推荐。方法一：创建一个隐藏可编辑内容实现（较为笨拙）方法二： 使用clipboard.js。
2024-06-13 14:28:40
248
原创 【优化】不影响原函数增加新功能
通过增加代码，而不是修改代码的方式，以给window.onload函数添加新的功能为例，代码如下。有没有办法在不修改代码的情况下，就能满足新需求呢。
2024-05-08 10:47:27
143
原创 函数柯里化（function currying）及部分求值
currying又称部分求值。一个currying的函数首先会接受一些参数，接受了这些参数之后，该函数并不会立即求值，而是继续返回另外一个函数，刚才传入的参数在函数形成的闭包中被保存起来。待到函数被真正需要求值的时候，之前传入的所有参数都会被一次性用于求值
2024-03-07 08:57:19
408
原创 腾讯地图javascript API实现地图模糊搜索标记，经纬度输入及点击双向定位
【代码】腾讯地图javascript API实现地图模糊搜索标记，经纬度输入及点击双向定位。
2022-09-19 10:17:24
1419
原创 腾讯地图JavaScript API GL 版标记及输入经纬度反向定位（vue.js实现）
使用vue.js+腾讯地图，实现输入框与点击地图双向标记地图位置
2022-08-08 11:38:52
1050
原创 react创建虚拟Dom的两种方法
方法一：<script type="text/babel"> const VDOM = <h1 id="test"> react </h1> //渲染虚拟dom ReactDOM.render(VDOM,document.getElementById('test'))</script>方法二<script type="text/JavaScript"> const VDOM = React.creactElement(‘h1’,{
2022-05-19 11:17:56
499
原创 nvm在install node的时候报错解决办法
#nvm在install node的时候报错最近creat react项目的时候发现node版本太低需要update，本来电脑上已经安装了nvm，只需要install一下就可以了，但是无奈报了下面这一大堆，烦人：Downloading and installing node v16.15.0…mkdir: /usr/local/opt/nvm/.cache/bin/node-v16.15.0-darwin-x64/files: Permission deniedcreating directory
2022-05-10 17:00:39
3915
3
原创 vue表情包公共组件（适用于聊天室）
组件内容<template> <div class="emoji-Bigbox"> <el-scrollbar ref="emojiScroll" class="emojiScroll"> <div class="emoji-box" v-for="(item, index) in emoji_icon" :key="index" @click="pickEmoji(index
2022-03-04 10:44:29
2636
原创 js判断页面滚动方向
开发中有很多根据滚动来判断的逻辑，这时候最重要的一个步骤就是先判断滚动方向，然后才能进行后续逻辑我把自己最近项目中用到的代码放在下面（项目用的vue），各位酌情修改 data() { return { initTop: 0 } } methodds:{ scrollEvent() { // 判断滚动方向 let scrollTop = this.$refs["room"].wrap.scrollTop; let scroll =
2022-03-04 10:33:43
3048
原创 【前端】实现多行文本“展开收起”
【前端】实现多行文本“展开收起”直接上代码<div class="wrap"> <input type="checkbox" id="exp"> <div class="text" line-clamp="3"> <label class="btn" for="exp"></label> 浮动元素是如何定位的正如我们前面提到的那样，当一个元素浮动之后，它会被移出正常的文档流，然后向左或者向右平移，一直平移直到
2022-02-28 16:06:01
1415
原创 四维数组遍历(额滴个天啊版)
需要处理的数据： const points = [ { name: '3MERPOWER', data: [[[1643072367000, 600], [1643072382000, 100]]] }, { name: '4MERPOWER', data: [[[1643072367000, 400], [1643072382000, 500]]] }, { name: '5MERPOWER', data: [[[1643072367000, 700], [16430
2022-01-26 16:15:46
922
原创 环信聊天室使用文档（详细版）
环信聊天室使用文档最近项目在做直播聊天室，第三方使用的通讯工具是环信，项目已经上线，在这里把用到的所有方法做个笔记。功能：实现文本聊天，表情包，图片发送，语音功能先附上环信的说明文档：https://docs-im.easemob.com/im/web/intro/start，说明文档和实际实现还是有点距离，期间我踩了不少坑，也打了不少补丁，下面我会把遇到的问题都标注出来的。环信的listen监听的主要是非当前登录用户的事件，当前登录用户需调用文档中的其他方法。引入环信的SDK需要注意：Web
2022-01-20 18:13:18
1806
原创 js根据number位数自适应单位
function formatNumber (id, value) {var s = value var dom = $('#'+id) var unit = '' s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + ""; var l = s.split(".")[0].split(""), r = s.split(".")[1]; if(l.length>= 5 && l.length &
2021-09-15 10:28:48
273
原创 根据number自适应单位计算减法
<div class="li-left-bottom">今日股票趋势：<span id="saled"></span><span class="li-left-center-now"><span id="saledBox"></span><span></span></span></div>//方法function calculate (todayNum,preNum,id)
2021-09-15 10:24:49
194
原创 splice匹配小数点前后数字
//s 要处理的数子// n 要插入金额占位符的位数function formatNumber ( s, n) { n = n >= 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + ""; var l = s.split(".")[0].split(""), r = s.split(".")[1]; l.splice(l.length-4,0,'
2021-09-13 11:16:55
114
原创 v-show和v-if的区别
v-show是改变元素css属性display，只是简单的css切换，无论条件真与否，都会被编译。v-if是真正的条件渲染，他会根据表达式适当的销毁或重建元素及绑定事件或子组件。只有当条件第一次改变为真时才开始编译。...
2021-01-22 17:05:39
152
原创 vue中使用methods和使用computed都可以对数据进行计算，使用computed的优势在哪？
vue中使用methods和使用computed都可以对数据进行计算，使用computed的优势在哪？computed计算属性可以基于他的依赖缓存。一个计算属性所依赖的数据发生变化时，它才会重新取值，所以只要数据不改变，计算属性不更新。因此，使用计算属性还是methods取决于你是否需要缓存。当遍历大数组和做大量计算时，应当使用计算属性，不需要缓存的用mathods...
2021-01-19 17:48:28
613
原创 正则表达式笔记
\b: 单词边界eg：\bis\b 匹配is这个单词至少有一个^表开头、$表结尾g：global全文搜索，不添加，搜索到第一个匹配停止i:igonre case忽略大小写，默认大小写敏感eg:/\bis\b/gi 匹配全文is不分大小写/、//和.需要反斜杠\转义()表分组、[]表或者，中括号内加^是取反范围类：[a-z]:闭区间包含a—z[a-zA-Z]:闭区间a—zA...
2020-01-08 13:30:30
333
原创 第一次试试自己搭tz
早上被告知Vultur打折，充10$送50，于是我买了服务器，不怎么向往外面的世界的我，搭好服务器之后，开始建立连接，期间出了一些错现在记录下来：下载Xshell，运行报错，这是MongoDB的默认数据库，我们在新建库时是不允许起这些名称；db.version()，查看数据库版本命令；use admin： 进入数据库，也可以理解成为使用数据库。成功显示：switched to db admin；use db（建立数据库）：use不仅可以进入一个数据库，如果你敲入的库不存在，它还可...
2019-09-03 18:07:53
223
原创 Koa2笔记，更新中。。。
Koa 应用程序是一个包含一组中间件函数的对象，它是按照类似堆栈的方式组织和执行的，**一个关键的设计点是在其低级中间件层中提供高级“语法糖”。 这提高了互操作性，稳健性，并使书写中间件更加愉快。**这包括诸如内容协商，缓存清理，代理支持和重定向等常见任务的方法必备：安装Node(edition>7.6)一、创建项目：npm init -y ...
2019-09-03 14:38:41
178
原创 es6极简笔记
一、搭建环境npm init -ynpm install -g babel-cli //全局安装Babel-clinpm install --save-dev babel-preset-es2015 babel-cli //本地安装babel-preset-es2015 和 babel-cli** 新建.babelrc **{ "presets":[ "es20...
2019-08-13 15:17:39
181
原创 js匹配括号内字符串
function getParenthesesStr(text) {//截取括号中的字符串 var result = '' if ($.trim(text)!=""){ var regex = /\((.+?)\)/g; var options = text.match(regex); if ($.trim(options)!="") { ...
2019-06-06 09:18:45
1400
原创 函数尾调用优化
“尾调用优化”的意义：即只保留内层函数的调用帧。如果所有函数都是尾调用，那么完全可以做到每次执行时，调用帧只有一项，这将大大节省内存。何为“调用帧”：函数调用会在内存形成一个“调用记录”，又称“调用帧”（call frame），保存调用位置和内部变量等信息。注意：只有不再用到外层函数的内部变量，内层函数的调用帧才会取代外层函数的调用帧，否则就无法进行“尾调用优化”。...
2019-02-25 09:49:35
202
翻译 Js对象类型的判断
一、非整数的 Number 类型无法用 （= 也不行）来比较console.log( 0.1 + 0.2 == 0.3)这里输出的结果是 false，说明两边不相等的，这是浮点运算的特点。浮点数运算的精度问题导致等式左右的结果并不是严格相等，而是相等，而是相差了个微小的值。这里错误的并不是计算结果，而是比较的方法，正确的比较方法是使用js提供的最小精度值：console.log( Math...
2019-02-14 17:56:05
276
空空如也
vue-cli全局安装成功后，vue不被识别是什么情况？
2018-11-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人