- 博客(42)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 函数柯里化（function currying）及部分求值
currying又称部分求值。一个currying的函数首先会接受一些参数，接受了这些参数之后，该函数并不会立即求值，而是继续返回另外一个函数，刚才传入的参数在函数形成的闭包中被保存起来。待到函数被真正需要求值的时候，之前传入的所有参数都会被一次性用于求值
2024-03-07 08:57:19
341
原创 腾讯地图javascript API实现地图模糊搜索标记，经纬度输入及点击双向定位
【代码】腾讯地图javascript API实现地图模糊搜索标记，经纬度输入及点击双向定位。
2022-09-19 10:17:24
1254
原创 腾讯地图JavaScript API GL 版标记及输入经纬度反向定位（vue.js实现）
使用vue.js+腾讯地图，实现输入框与点击地图双向标记地图位置
2022-08-08 11:38:52
891
原创 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
393
原创 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
3346
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
2323
原创 js判断页面滚动方向
开发中有很多根据滚动来判断的逻辑，这时候最重要的一个步骤就是先判断滚动方向，然后才能进行后续逻辑我把自己最近项目中用到的代码放在下面（项目用的vue），各位酌情修改 data() { return { initTop: 0 } } methodds:{ scrollEvent() { // 判断滚动方向 let scrollTop = this.$refs["room"].wrap.scrollTop; let scroll =
2022-03-04 10:33:43
2746
原创 【前端】实现多行文本“展开收起”
【前端】实现多行文本“展开收起”直接上代码<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
1266
原创 四维数组遍历(额滴个天啊版)
需要处理的数据： 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
873
原创 环信聊天室使用文档（详细版）
环信聊天室使用文档最近项目在做直播聊天室，第三方使用的通讯工具是环信，项目已经上线，在这里把用到的所有方法做个笔记。功能：实现文本聊天，表情包，图片发送，语音功能先附上环信的说明文档：https://docs-im.easemob.com/im/web/intro/start，说明文档和实际实现还是有点距离，期间我踩了不少坑，也打了不少补丁，下面我会把遇到的问题都标注出来的。环信的listen监听的主要是非当前登录用户的事件，当前登录用户需调用文档中的其他方法。引入环信的SDK需要注意：Web
2022-01-20 18:13:18
1589
原创 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
193
原创 根据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
152
原创 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
79
原创 v-show和v-if的区别
v-show是改变元素css属性display，只是简单的css切换，无论条件真与否，都会被编译。v-if是真正的条件渲染，他会根据表达式适当的销毁或重建元素及绑定事件或子组件。只有当条件第一次改变为真时才开始编译。...
2021-01-22 17:05:39
97
原创 vue中使用methods和使用computed都可以对数据进行计算，使用computed的优势在哪？
vue中使用methods和使用computed都可以对数据进行计算，使用computed的优势在哪？computed计算属性可以基于他的依赖缓存。一个计算属性所依赖的数据发生变化时，它才会重新取值，所以只要数据不改变，计算属性不更新。因此，使用计算属性还是methods取决于你是否需要缓存。当遍历大数组和做大量计算时，应当使用计算属性，不需要缓存的用mathods...
2021-01-19 17:48:28
530
原创 正则表达式笔记
\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
290
原创 第一次试试自己搭tz
早上被告知Vultur打折，充10$送50，于是我买了服务器，不怎么向往外面的世界的我，搭好服务器之后，开始建立连接，期间出了一些错现在记录下来：下载Xshell，运行报错，这是MongoDB的默认数据库，我们在新建库时是不允许起这些名称；db.version()，查看数据库版本命令；use admin： 进入数据库，也可以理解成为使用数据库。成功显示：switched to db admin；use db（建立数据库）：use不仅可以进入一个数据库，如果你敲入的库不存在，它还可...
2019-09-03 18:07:53
182
原创 Koa2笔记，更新中。。。
Koa 应用程序是一个包含一组中间件函数的对象，它是按照类似堆栈的方式组织和执行的，**一个关键的设计点是在其低级中间件层中提供高级“语法糖”。 这提高了互操作性，稳健性，并使书写中间件更加愉快。**这包括诸如内容协商，缓存清理，代理支持和重定向等常见任务的方法必备：安装Node(edition>7.6)一、创建项目：npm init -y ...
2019-09-03 14:38:41
143
原创 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
101
原创 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
1338
原创 函数尾调用优化
“尾调用优化”的意义：即只保留内层函数的调用帧。如果所有函数都是尾调用，那么完全可以做到每次执行时，调用帧只有一项，这将大大节省内存。何为“调用帧”：函数调用会在内存形成一个“调用记录”，又称“调用帧”（call frame），保存调用位置和内部变量等信息。注意：只有不再用到外层函数的内部变量，内层函数的调用帧才会取代外层函数的调用帧，否则就无法进行“尾调用优化”。...
2019-02-25 09:49:35
161
翻译 Js对象类型的判断
一、非整数的 Number 类型无法用 （= 也不行）来比较console.log( 0.1 + 0.2 == 0.3)这里输出的结果是 false，说明两边不相等的，这是浮点运算的特点。浮点数运算的精度问题导致等式左右的结果并不是严格相等，而是相等，而是相差了个微小的值。这里错误的并不是计算结果，而是比较的方法，正确的比较方法是使用js提供的最小精度值：console.log( Math...
2019-02-14 17:56:05
224
原创 vue优雅按需引入UI库实例
Vue项目如何避免引入冗余的UI库，借鉴react中的方法一、运行` npm i babel-plugin-import -D`命令，安装`+ [email protected]`（版本以实际安装为准）；二、以vant UI为例：这样就可以了，上图我只引入了button...
2018-11-30 21:56:30
659
原创 '无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称' 或 'vue不是内部或外部命令'（亲测有效）
最近一直没有用vue开发，有点out了，打算拾起来自己练练手，做做项目，结果在搭建项目的过程中出现了一个令人郁闷的问题，在全局安装了vue-cli之后，运行vue init webpack Yproject的时候，出现了报错//“vue”不是为cmdlet、函数、脚本文件或可运行程序的名称' 或 'vue不是内部或外部命令'为了解决这个问题我重装了node.js,重新配置了环境变量，依然报...
2018-11-29 17:42:37
21775
3
原创 input内容的格式化
$(’.newMargin_top’)是公共存在的className$('.newMargin_top').on('input', function () { // 不允许用户第一位为负号或者0 $(this).val($(this).val().replace(/^(-|0)/, '')) $(this).val($(this).val().repla...
2018-11-19 19:44:50
1263
原创 Jsp页面标签禁止默认填充黄色背景（亲测有效）
一、jsp的&lt;h:tex&gt;标签只能使用值这个方法去掉input在Chrome浏览器上的黄色背景：（普通html也可以用）input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !import...
2018-11-07 17:39:55
545
原创 python自动表单填充工具（内含rar）
多表单在开发的自我校验时非常浪费时间，需要手动填写多个内容；这个自动填充工具可帮助你2s完成从登陆账号到填充表单的操作；必备： Chrom浏览器68以上版本； python环境；步骤： 1.安装python环境；（需要修改环境变量）； 2.将chromedriver.exe文件复制到python安装目录下； 3.自己编写一个text.py,文件，内容如下：4.打开cmd，切换进...
2018-10-31 11:32:01
3784
原创 Jsp页面多表单js验证（实践验证版）
后端使用jsp开发，前端不可避免的要做一些工作，在做页面提交，表单验证的时候单个获取页面元素验证非空及格式时，非常麻烦，影响效率。&amp;amp;amp;amp;lt;h:text &amp;amp;amp;amp;gt;标签不像正常标签元素可以自行添加属性，它的属性是有限制的；由于同一页面会有多个表格出现，所以没有使用form表单验证。为了实现快速验证多个表单，我自己写了一个方法校验，可作为参考。jsp页面结构&amp;amp;amp;amp;lt
2018-10-31 10:42:09
1288
原创 表单校验常用正则表达式校验（持续完善版）
一、校验是否为汉字**`var han = /^[\u4e00-\u9fa5]+$/;`** // 方法： function matchText(title){ var han = /^[\u4e00-\u9fa5]+$/; if (!han.test(title)) { return false; }else{ return true; ...
2018-10-30 17:54:25
512
原创 JavaScript调用 函数的四种方法(实例详解)
JavaScript 函数有 4 种调用方式。每种方式的不同在于 this 的初始化。一般而言，在Javascript中，this指向函数执行时的当前对象。 一、作为全局对象调用； demoFunction() 和 window.demoFunction() 是一样的。 
空空如也
vue-cli全局安装成功后，vue不被识别是什么情况？
2018-11-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人