- 博客(45)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vs Code个人使用插件整理
微信小程序插件集合小程序助手wxapp-helperminapp(代码自动补全)代码补全合集A-super-comprehensive主题Atom One Dark Theme(还行)One Dark Pro(个人非常喜欢的一个)为Python、TypeScript/JavaScript和Java开发人员提供了ai辅助开发特性Visual Studio IntelliCodeVuevue-beautify(美化Vue)设置图标vscode-icons扩展vscode,以查看浏览
2020-09-14 14:10:26
742
原创 npm常用命令操作
npm常用命令操作简介版本号~ 、 ^ 和 *基本命令修改NPM源简介比较常用的包管理工具新版的node.js自带了npm,无需额外安装版本号npm的版本号分三个部分:主版本号.次版本号.补丁版本号主版本号: 当API发生改变,并与之前的版本不兼容的时候次版本号: 当增加了功能,但是向后兼容的时候补丁版本号: 当做了向后兼容的缺陷修复的时候~ 、 ^ 和 *会匹配最近的小版本依赖包,比如1.2.3会匹配所有1.2.x版本,但是不包括1.3.0会匹配最新的大版本依赖包,比如1.2.3会匹
2022-04-27 10:55:29
293
原创 移动端车牌号键盘组件
记录下小组件,方便日后用到template<template> <view class='main'> <view class="title"> <view class="nav" @click="cancel">取消</view> {{BrandNumber}} <view class="nav" @click="confirm">确认</view> </view> <
2022-03-24 22:50:38
720
原创 js 直接复制文本内容
const target = document.createElement('input') // 创建input节点 target.value = text // 给input的value赋值 document.body.appendChild(target) // 向页面插入input节点 target.select() // 选中input try { document.execCommand('Copy') // 执行浏览器复制命令 this.$message({ ..
2021-10-03 22:27:22
171
原创 vue element uI日期选择器时间选择范围限制
<el-date-picker v-model="time" type="month" value-format="yyyy-MM" range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份" :picker-options="pickerOptions" />大于当前日期不可选 time: [], pickerOptions: { disable
2021-03-10 13:51:53
3746
原创 数组使用map去重
const column = [ { name: '张三' }, { name: '张三' }, { name: '李四' }]// 去重const map = new Map()for (const item of column) { if (!map.has(item.name)) { map.set(item.name, item) }}console.log([...map.values()])...
2021-03-02 18:27:11
1308
原创 vue + element ui 上传文件转为Base64格式
使用组件,然后设置http-request,覆盖默认的上传行为,可以自定义上传的实现<el-upload action="#" :show-file-list="false" :http-request="httpRequest"> <el-button type="primary">选取文件</el-button></el-upload>methods方法写法如下,fileResult得到的即为Base64格式,主要用到的是FileReader
2021-03-02 18:18:28
1614
原创 Vue 分别引入Highcharts和ECharts图表
Highcharts安装npm install highcharts --save 如果cnpm装不上,采用cnpm本码农用npm就是装不上,可能是网络原因,最后才用的cnpm安装成功的cnpm install highcharts --save 页面<template> <div> <div id="highcharts" /> </div></template> <script>import
2021-01-29 10:07:47
762
1
原创 vue 监听滚动条
一、事件绑定到页面1.在 mounted 生命周期函数注册滚动条事件mounted() { window.addEventListener('scroll', this.windowScroll)}2.在 methods 方法里使用methods: { windowScroll() { // 滚动条距离页面顶部的距离 let scrollTop = window.pageYOffset || document.documentElement.scrollTop ||
2020-12-29 17:04:36
907
原创 JS 通过URL上传文件
//url转blob转File上传文件 let xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.responseType = 'blob'; xhr.onload = () => { let content = xhr.response; let blob = new Blob([content]); let file = new File([blob], 'test.png', {type: 'image/png'});
2020-11-03 16:45:58
1466
原创 js时分秒倒计时
js时分秒倒计时 var myTime = setInterval(() => { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date("2020/09/12 00:00:00"); var end = endDate.getTime(); //时间差 var dif
2020-09-11 14:46:40
389
原创 数组排序
arr.sort(function (a, b) { if (a.level) { return 1 } else { return -1 } })
2020-07-15 17:40:32
121
原创 vue 根据详细地址获取经纬度
前言业务需求:根据用户输入详细地址,获取地址的经纬度传给后台,但是不要地图。准备内容1.安装josnp,解决跨域,不安转会报跨域问题执行命令:npm install vue-jsonp --save入口文件main.js添加:import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)基本使用方法:this.$jsonp(地址, 传参参数对象{} ).then(json => { // 返回的内容 conso
2020-05-12 17:14:48
3484
3
原创 vue + element-ui table的数据多选,多页选择数据回显
业务需求:勾选当前页数据,切换到下一页面,在切回上一页面,之前勾选的数据应该是勾选状态参考文档:https://element.faas.ele.me/#/zh-CN/component/table1.绑定事件和列表属性:要绑定如下: 1-1.row-key:行数据的 Key,用来优化 Table 的渲染 1-2.selection-change:当选择项发生变化时...
2020-04-24 17:08:49
1439
原创 vue Element ui 多复选框取值赋值
前言:业务需求同时需要传给后台id和name,虽说不理解,但是需求提了就要做。思路:先想到的就是拼接字符串方式,以逗号隔开绑定到label上取值:在向后台接口发送数据时,拆分成各字段所需要的值给接口赋值:接收后台数据,将各自值拼接回字符串给新数组,组合成新的数组,绑定到data内具体代码如下:html:<el-checkbox-group v-model="data...
2020-04-01 23:03:52
6807
原创 vue 使用mqtt即使通讯协议
MQTTBox测试工具使用文档:https://www.hangge.com/blog/cache/detail_2350.htmlMQTT安装npm install mqtt项目使用export const MQTT_MQTTIP = 'ws://127.0.0.1:8080'export const MQTT_USERNAME = 'admin'export ...
2020-03-04 19:20:21
3489
原创 vue项目引入阿里图标
第一步:去阿里图标矢量图标库将图标添加入库https://www.iconfont.cn第二步:点击右上角购物车小图标,点击添加至项目,添加你所要引入的项目内:第三步:再到我的项目中,有两种方式可以引入,如下:1.本地引入:选择Font class,然后点击下载至本地引入方式,在main.js中全局引入iconfont.css:2.在线引入:选择Font c...
2019-12-01 16:24:05
1579
原创 npm WARN tar zlib error: unexpected end of file
在安装vue项目时报错,提示如下:npm WARN tar zlib error: unexpected end of filenpm ERR! cb() never called!解决方法:npm install --no-package-lock参数 --no-package-lock 将阻止 npm 创建 package-lock.json 文件,这个错误估计与这个文件...
2019-12-01 14:43:27
833
转载 NPM install -save 和 -save-dev 傻傻分不清
本文原文地址:https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html回顾 npm install 命令最近在写Node程序的时候,突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的,各种查资料和实践后对它们之间的异同点略有理解。...
2019-11-22 15:09:49
133
原创 Vue 项目安装教程
需要的东西:node.js环境(npm包管理器) cnpm npm的淘宝镜像 vue-cli 脚手架构建工具安装node.js从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以。安装完成之后,打开命令行工具,输入node -v,如图,出现版本号,则说明安装成功。npm包管理器是集成在Node.js中,在安装Node.js的时候就已经自带了...
2019-11-21 16:45:49
278
1
转载 前端代码规范(强烈推荐 | 转载非原创)
这里 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表...
2019-09-06 10:51:16
658
原创 Vue计算属性、方法、侦听器区别
计算属性:html:<div>{{result}}</div>js:computed:{ result() { return this.a + ' ' + this.b }}计算属性是有缓存机制的,如果a和b已计算过一次,那么当a和b的值不再发生改变,则不会再计算,可减少页面调用次数方法html:<div...
2019-09-01 16:54:05
365
原创 Vue 生命周期钩子
生命周期函数就是vue实例在某一个时间点自动执行的函数:服务器端渲染期间生命周期被调用总共有8个函数:1.初始化事件和生命周期:beforeCreate: function() { console.log("beforeCreate")}2.初始化注入和反应性:created: function() { console.log("created")}...
2019-08-30 15:33:11
93
原创 Vue 父子组件通信 兄弟组件通信
父组件是通过props属性给子组件通信的来看下代码:父组件:<template> <child :child="content"></child></template>data(){ return { content:'父组件内容' };}子组件通过props来接收父组件传过来的数据:(共...
2019-08-30 11:22:52
149
原创 js-WebSpeech语音播报
很简单,直接上代码WebSpeech.server = 'http://120.24.87.124/cgi-bin/ekho2.pl';WebSpeech.setVoice('en');WebSpeech.speak('你好欢迎光临');
2019-08-12 16:36:37
967
原创 IE浏览器下使用AJAX登陆接口请求缓存的问题解决
问题: 在IE浏览器下面,请求数据会出现加载不出来最新的数据。分析: 怀疑是IE浏览器在AJAX请求的时候,并不是每次都请求接口,而是在缓存中获取上次的信息。解决:1、在调用接口上加上不定参数,使每次发出请求不一致URL + '?T='+Math.random()2、从异步与非异步的方式来解决把 async 设置为 false 则可以使 $.ajax 请求变为 非异步...
2019-08-06 10:51:02
714
原创 JavaScript第二章学习小总结
持续更新,不足之处欢迎指点:1.script的属性: 1.1:async异步下载 1.2:charset设置语言类型 1.3:defer延迟执行 1.4:language语言(已废弃) 1.5:src引入外部文件地址(唯一使用的,其他都可以不写) 1.6:type类型(有的浏览器会自动打出来出来)2.js运行原理:从上至下,按照代码块进行预处理和执行...
2019-07-26 11:01:14
215
原创 js 数组内元素移动
思路就是将移动的元素用js splice()方法的删除,也就是取到要移动的元素,然后将删除掉的元素在回填道删除后的数组内,得到移动后的新数组var arr = new Array(3)arr[0] = "1"arr[1] = "2"arr[2] = "3"console.log(arr)//未移动的数组...
2019-07-19 11:01:39
7213
原创 微信小程序实现canvas添加图文(水印效果)
由于项目需要,图片裁剪加个水印效果,很简单,写个简单的小例子,详情查看微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.createCanvasContext.html效果展示:图片拼接: 水印:html:<canvas class='canva...
2019-06-24 14:32:58
7172
转载 微信小程序上传图片裁剪工具image-cropper使用
image-cropper一款高性能的小程序图片裁剪插件,支持旋转、设置尺寸1.性能超高超流畅,大图毫无卡顿感。2.可以设置导出图片尺寸。3.组件化,使用非常简单。4.自由模式和限制可随意切换。5.点击中间窗口实时查看裁剪结果。原文档下载地址组件放到项目中即可https://github.com/wx-plugin/image-cropper初始准备1.js...
2019-06-22 20:02:32
10637
11
原创 uniapp 微信授权登陆
与微信小程序授权方式一样,使用 button 组件,并将 open-type 指定为 getUserInfo 类型,获取用户基本信息。示例代码如下:html:<button open-type="getUserInfo" @getuserinfo="bindgetuserinfo" class="btn1">授权微信登陆</button>js:uni.l...
2019-06-17 16:31:59
16017
4
原创 JS弹出新窗口被拦截的解决方法
在Web编程中,使用JS在新窗口打开页面的时候,会遇到被浏览器拦截的情况,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?一、问题一一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体1、解决方法把window.open()函数改为由用户主动点击时触发,在超链接里加入...
2019-05-16 10:37:03
1508
原创 js 去掉浏览器打印默认的页头页尾和打印背景图片
<!DOCTYPE html><html><head><title>print</title><meta charset="utf-8"><style media="print">@page {size: auto;...
2019-05-16 10:36:26
2239
原创 获取URL字符串
function UrlString(name){ name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.sea...
2019-05-16 10:35:47
285
原创 关于tinymce富文本编辑器获取文本内容和设置文本内容
1、一个编辑器:获取内容:tinymce.activeEditor.getContent()设置内容:tinymce.activeEditor.setContent(“需要设置的编辑器内容”)2、多个编辑器(下面的“[0]”表示第一个编辑器,以此类推):获取内容:tinymce.editors[0].getContent()设置内容:tinymce.editors[0].set...
2019-05-16 10:34:14
8034
17
原创 关于tinymce富文本编辑器插件图片的自定义上传
简介:1.tinymce图片拖动到编辑框或者使用图片上传插件插入到编辑框时,需要指定上传方法;2.需要先调用后台接口,讲前台上传的图片保存到服务器,之后后台返回的图片的路径,返回到前台做图片链接。3.toolbar属性中需要配置‘|image media pageembed |’,才会在工具栏中显示上传图片的按钮(由于用的不熟,自己找了好久,这里特意写一下)tinymce中有两种...
2019-05-16 10:16:23
6060
13
原创 Vue 点击添加一行和删除一行
我用的是:vue + element ui 直接代码。html:<template> <el-main> <el-col :span="24" class="warp-main" v-loading=""> <el-form :inline="true" class="demo-form-inline" v-for="(i...
2019-05-08 16:34:17
17740
原创 js判断当前页面是否被iframe引用的方法
判断页面是否被iframe引用例子:if(top.location != location){ top.location.href= location.href; }代码说明:如果没有被iframe引用的话,则location与top.location是一样的!...
2018-11-26 10:31:38
1827
原创 JQ 时间戳的转换
var time = new Date();var DateTime=Date.parse(new Date(time));//输出下console.log(DateTime)
2018-11-13 17:56:30
4352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人