- 博客(42)
- 问答 (1)
- 收藏
- 关注
原创 函数柯里化(function currying)及部分求值
currying又称部分求值。一个currying的函数首先会接受一些参数,接受了这些参数之后,该函数并不会立即求值,而是继续返回另外一个函数,刚才传入的参数在函数形成的闭包中被保存起来。待到函数被真正需要求值的时候,之前传入的所有参数都会被一次性用于求值
2024-03-07 08:57:19 332
原创 腾讯地图javascript API实现地图模糊搜索标记,经纬度输入及点击双向定位
【代码】腾讯地图javascript API实现地图模糊搜索标记,经纬度输入及点击双向定位。
2022-09-19 10:17:24 1246
原创 腾讯地图JavaScript API GL 版标记及输入经纬度反向定位(vue.js实现)
使用vue.js+腾讯地图,实现输入框与点击地图双向标记地图位置
2022-08-08 11:38:52 880
原创 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 391
原创 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 3308 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 2293
原创 js判断页面滚动方向
开发中有很多根据滚动来判断的逻辑,这时候最重要的一个步骤就是先判断滚动方向,然后才能进行后续逻辑我把自己最近项目中用到的代码放在下面(项目用的vue),各位酌情修改 data() { return { initTop: 0 } } methodds:{ scrollEvent() { // 判断滚动方向 let scrollTop = this.$refs["room"].wrap.scrollTop; let scroll =
2022-03-04 10:33:43 2730
原创 【前端】实现多行文本“展开收起”
【前端】实现多行文本“展开收起”直接上代码<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 1253
原创 四维数组遍历(额滴个天啊版)
需要处理的数据: 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 867
原创 环信聊天室使用文档(详细版)
环信聊天室使用文档最近项目在做直播聊天室,第三方使用的通讯工具是环信,项目已经上线,在这里把用到的所有方法做个笔记。功能:实现文本聊天,表情包,图片发送,语音功能先附上环信的说明文档:https://docs-im.easemob.com/im/web/intro/start,说明文档和实际实现还是有点距离,期间我踩了不少坑,也打了不少补丁,下面我会把遇到的问题都标注出来的。环信的listen监听的主要是非当前登录用户的事件,当前登录用户需调用文档中的其他方法。引入环信的SDK需要注意:Web
2022-01-20 18:13:18 1583
原创 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 188
原创 根据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 150
原创 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 73
原创 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 528
原创 正则表达式笔记
\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 288
原创 第一次试试自己搭tz
早上被告知Vultur打折,充10$送50,于是我买了服务器,不怎么向往外面的世界的我,搭好服务器之后,开始建立连接,期间出了一些错现在记录下来:下载Xshell,运行报错![在这里插入图片描述](https://img-blog.csdnimg.cn/20191114171616864.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGV...
2019-11-14 17:41:14 599
原创 mongoDB命令集合,更新中。。。
show dbs,查看存在数据库命令,默认有local、admin(config),这是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 142
原创 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 99
原创 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 1336
原创 函数尾调用优化
“尾调用优化”的意义:即只保留内层函数的调用帧。如果所有函数都是尾调用,那么完全可以做到每次执行时,调用帧只有一项,这将大大节省内存。何为“调用帧”:函数调用会在内存形成一个“调用记录”,又称“调用帧”(call frame),保存调用位置和内部变量等信息。注意:只有不再用到外层函数的内部变量,内层函数的调用帧才会取代外层函数的调用帧,否则就无法进行“尾调用优化”。...
2019-02-25 09:49:35 159
翻译 Js对象类型的判断
一、非整数的 Number 类型无法用 (= 也不行)来比较console.log( 0.1 + 0.2 == 0.3)这里输出的结果是 false,说明两边不相等的,这是浮点运算的特点。浮点数运算的精度问题导致等式左右的结果并不是严格相等,而是相等,而是相差了个微小的值。这里错误的并不是计算结果,而是比较的方法,正确的比较方法是使用js提供的最小精度值:console.log( Math...
2019-02-14 17:56:05 222
原创 vue优雅按需引入UI库实例
Vue项目如何避免引入冗余的UI库,借鉴react中的方法一、运行` npm i babel-plugin-import -D`命令,安装`+ babel-plugin-import@1.11.0`(版本以实际安装为准);二、以vant UI为例:这样就可以了,上图我只引入了button...
2018-11-30 21:56:30 657
原创 '无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称' 或 'vue不是内部或外部命令'(亲测有效)
最近一直没有用vue开发,有点out了,打算拾起来自己练练手,做做项目,结果在搭建项目的过程中出现了一个令人郁闷的问题,在全局安装了vue-cli之后,运行vue init webpack Yproject的时候,出现了报错//“vue”不是为cmdlet、函数、脚本文件或可运行程序的名称' 或 'vue不是内部或外部命令'为了解决这个问题我重装了node.js,重新配置了环境变量,依然报...
2018-11-29 17:42:37 21601 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 1250
原创 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 543
原创 python自动表单填充工具(内含rar)
多表单在开发的自我校验时非常浪费时间,需要手动填写多个内容;这个自动填充工具可帮助你2s完成从登陆账号到填充表单的操作;必备: Chrom浏览器68以上版本; python环境;步骤: 1.安装python环境;(需要修改环境变量); 2.将chromedriver.exe文件复制到python安装目录下; 3.自己编写一个text.py,文件,内容如下:4.打开cmd,切换进...
2018-10-31 11:32:01 3602
原创 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 1282
原创 表单校验常用正则表达式校验(持续完善版)
一、校验是否为汉字**`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 508
原创 JavaScript调用 函数的四种方法(实例详解)
JavaScript 函数有 4 种调用方式。每种方式的不同在于 this 的初始化。一般而言,在Javascript中,this指向函数执行时的当前对象。 一、作为全局对象调用; demoFunction() 和 window.demoFunction() 是一样的。 ![在这里插入图片描述](https://img-blog.csdn.net/20181023172001179...
2018-10-23 17:20:46 741
空空如也
vue-cli全局安装成功后,vue不被识别是什么情况?
2018-11-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人