技术博客
梦一场江南烟雨
听闻远方有你,动身跋涉千里,我吹过你吹过的风,这算不算相拥
zhoukai.blog.csdn.net
展开
-
失败重试之延时调用
关于某项任务执行失败后重新延时调用的代码。原创 2022-11-02 18:02:00 · 151 阅读 · 0 评论 -
用js实现判断触摸滑动方向
用js实现判断触摸滑动方向原创 2022-06-16 10:13:10 · 865 阅读 · 0 评论 -
封装一个获取url中的参数的比较好的函数
此次封装,我们实现了以下几点要求(1) 指定参数名称,返回该参数的值 或者 空字符串(2) 不指定参数名称,返回全部的参数对象 或者 {}(3) 如果存在多个同名参数,则返回数组(4) 不支持URLSearchParams方法function getUrlParam(url, key) { let result = {} url.replace(/\??(\w+)=(\w+)&?/g, (str, keyname, val) => { if (result[keyna原创 2022-02-23 16:33:36 · 241 阅读 · 0 评论 -
关于uni-app中上传图片如何使用form-data
在使用uni-app进行开发的过程中难免会遇到上传有关的功能方法有很多,uni-app中选择图片后拿到的是图片的文件路径如果由后端进行上传的话我们可以将图片路径转base64后传递给后端,也可以使用form-data的格式传递给后端,最好由前端进行上传到阿里云或者七牛云等这里主要介绍使用form-data的格式进行上传,直接上代码: uni.chooseImage({ count: 1, sizeType: ['original', 'compressed'], su原创 2021-11-21 11:39:03 · 5625 阅读 · 8 评论 -
关于vue中render函数的使用
可能大家都知道vue有个render函数,但是至于怎么去使用,很多人可能都还不会,所以很多项目里面几乎都没有用过render函数render函数跟template有什么区别?他们都是类编译器render函数就是template的下一步,当编好template后,vue就会通过render函数去调用createElement,createElement会根据模板来创建一个真实的dom接下来我就叫大家怎么使用render函数:例如:建立一个子组件button.vue:<script>原创 2021-11-04 12:18:40 · 804 阅读 · 0 评论 -
用JS实现图片格式的转换
html代码: <div class="wrap"> <div class="wrap_info"> <div class="btn select_img"> 选择图片<input type="file" id="inputimg" /> </div> <div class="image_name"></原创 2021-11-04 11:50:20 · 3428 阅读 · 4 评论 -
开发自己的npm模块包并进行发布、使用
首先你得注册一个npm的账号至于怎么注册npm账号就不用我多说了吧点击这里到npm进行注册:https://www.npmjs.com/signup创建项目例如创建一个格式化数组的项目:formatarray在formatarray文件夹下打开命令行窗口,然后执行以下命令:npm init输入npm init后按回车键,然后根据提示一步一步操作package name输入你想要定义的包名,例如我的包名就叫formatarray,如果不输入它会默认以你的文件夹名字为包名到descripti原创 2021-10-27 18:01:59 · 732 阅读 · 0 评论 -
vscode代码相关自动格式化配置
vscode:setting.json{ "editor.renderIndentGuides": false, "editor.codeActionsOnSave": { "source.fixAll": true }, "git.confirmSync": false, "launch": { "configurations": [], "compounds": [], "search.exclude": { "system/": tru原创 2021-07-09 17:04:16 · 1344 阅读 · 2 评论 -
如何使用命令行删除安装的所有node_modules
首先要全局安装一个工具npm install rimraf -g其次是在项目里运行以下命令rimraf node_modules搞定原创 2021-05-31 17:34:11 · 1021 阅读 · 0 评论 -
mpvue搭建项目,小程序
1、安装脚手架npm install --global vue-cli2、创建项目vue init mpvue/mpvue-quickstart YourProjectName3、cd 到项目里面安装依赖cd YourProjectName4、安装依赖cnpm install5、安装lesscnpm install less less-loader --save然后在...原创 2019-10-11 14:43:33 · 140 阅读 · 0 评论 -
前端滚动插件:better-scroll
better-scroll 是什么better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。better-scroll 是基于原生 JS 实现的,不依赖任何框架。它编译后的代码大小是 63kb,压缩后...原创 2019-09-22 16:24:59 · 1026 阅读 · 1 评论 -
截取屏幕作为图片Html2Canvas
这是一个关于截取屏幕作为图片的插件原创 2019-09-22 16:13:56 · 209 阅读 · 0 评论 -
前端js获取当月的天数
// 获取当月有多少天封装一个获取改月有多少天的方法,如下:function getDaysInMonth(year,month){ //parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话,默认是10进制。 nowmonth = parseInt(nowmonth,10) var temp = new Date(nowyear,nowmon...原创 2019-08-26 18:53:46 · 1027 阅读 · 0 评论 -
用vue的UI组件库搭建项目
1.使用vant(一款vue的UI组件库)npm install vant -S然后在main.js(入口文件)里面引入所有组件(我习惯引入所有组件,也可以按需引入)import Vue from 'vue';import Vant from 'vant';import 'vant/lib/index.css';1.1或者试用vux(一款vue的UI组件库)npm install...原创 2019-08-21 14:30:02 · 305 阅读 · 0 评论 -
获取用户手机类型
用户设备类型获取 if (/android/i.test(navigator.userAgent)){ // 安卓手机 localStorage.setItem('userAgent', 'anzhuo') }else if (/ipad|iphone|mac/i.test(navigator.userAgent)){ // 苹果...原创 2019-08-21 14:14:36 · 336 阅读 · 0 评论 -
vue如何实现父子组件间通信
组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,那么不同组件之间的数据就无法相互引用。组件间如何通信,就成为了vue中重点了。这篇文章将会通过props、$ref和 $emit 这几个知识点,来讲解如何实现父子组件间通信在说如何实现通信之前,我们先建两个组件father.vue和child.vue作为示例的基础。父、子组件<template> <d...原创 2019-03-31 23:59:06 · 491 阅读 · 0 评论 -
Vue中阻止table父元素冒泡的一些事件
在@click的后面加上.stop,即@click.stop=“doSomething”,可阻止单击事件冒泡(1)阻止单击事件冒泡<button @click.stop="doSomething"></button>( 2 ) 让form提交事件不再重新加载页面<form @submit.prevent="onSubmit"></form>...原创 2019-04-01 12:42:37 · 1116 阅读 · 0 评论 -
Vue项目设置背景图片,IOS图片显示不出
在Vue项目开发中,有时候我们要向页面中添加一些背景图片,可是当我们在样式中添加了背景图片,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,列如下面的CSS样式就会出现报错:background:url("../../assets/image/laosiji.jpg");在node中有一种解决这个问题的方式,如下:(1)在template中我们先这样写上:&...原创 2019-04-01 12:53:44 · 5748 阅读 · 3 评论 -
js怎么删除json中指定的元素
删除json下指定的元素var obj = {'id':1, 'name':'小明'}; delete obj.id; delete obj[id]; console.log(obj); // {'name':2}删除数组中指定元素var objArray = ['1','2','3','4']; objArray.remove('1'); console.log(objArra...原创 2019-04-01 14:39:46 · 8455 阅读 · 0 评论 -
修改后端返回数据中的键名
这个问题是我在用Vue的ElementUI中做项目(级联选择器)时遇到的。假如我们想要得到如下结构的返回数据:options: [ {value: '11', label: '小明'}, {value: '22', label: '小红'}, {value: '33', label: '小嘿'}, {value: '44', label: '小绿'}, {value: '55', l...原创 2019-04-01 14:53:03 · 1141 阅读 · 0 评论 -
前端实现js获取数组最后一个元素
我就介绍两种我常用的js获取数组最后一个元素(1)index取值Arr[Arr.length - 1](2)pop方法Arr.pop()原创 2019-04-01 14:56:11 · 7640 阅读 · 1 评论 -
Vue中携带请求头(token)的上传与下载
(1)先说上传的,我这里是上传的xlsx文件:Html代码:<inputtype="file"accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"@change="uploads">Js代码:uploads(e) { ...原创 2019-04-01 15:07:52 · 12521 阅读 · 2 评论 -
文章内容关键字替换、高亮
// 高亮关键词highLightKeywords(article) { // article是传入的参数文章内容 // keyWordsArr 是需要高亮的关键词数组 const keyWordsArr = [‘哈哈哈’,’呵呵’,’啊啊’,’嘀嘀嘀’] keyWordsArr.map((item, index) => { article = a...原创 2019-04-01 15:27:27 · 381 阅读 · 0 评论 -
Vue项目中链接websocket,做一个全局通知信息
首先在index.html中加上下面一段代码 <script> var websocket = null var localHref = window.location.host === 'localhost:9528' ? '线上服务器地址' : window.location.host localStorage.setItem('isOk', '0')...原创 2019-04-02 11:28:54 · 5405 阅读 · 2 评论 -
Vue项目兼容IE/360方法
Vue在低版本的一些浏览器中是不兼容页面显示不出来的vue支持所有兼容ES5的浏览器,因IE8不支持ES5特性,故IE8及其以下浏览器均不支持vue如果浏览器版本高,但是你的Vue项目的页面在浏览器上却显示不出来,比如IE和360,这下怎么办呢看我的:360浏览器中包含了两个浏览器一个是IE(Trident内核),即兼容模式,在使用网银时需要切换为兼容模式一个是Chrome(Chrom...原创 2019-04-02 11:44:13 · 3555 阅读 · 2 评论 -
Vue项目打包成.exe文件放在桌面的快捷打开方式,用electron实现
首先到electron官网或者GitHub上下载一个模板electron-quick-start复制下面地址就可clone了Git地址:git clone https://github.com/electron/electron-quick-start进入到electron-quick-start文件中cd electron-quick-start (或者直接打开文件)安装依赖npm...原创 2019-04-02 11:58:46 · 2820 阅读 · 0 评论 -
vue项目嵌套iframe,发送、接收数据
<template> <div class="home"> <iframe src="http://127.0.0.1:8888/index.html" class="mapFrame" ref="mapFrame"></iframe> </div></template> <scri...原创 2019-05-18 17:15:27 · 6056 阅读 · 0 评论 -
微信小程序局部刷新
#小程序局部刷新Demo第一次发微博就发个跟小程序相关的吧。记得我自学小程序的时候是2017年,当时公司要求开发一个家政类型的小程序,可我双眼一抹黑啊,对小程序啥都不懂,于是就去翻微信官方文档,亏得我天赋异禀、智慧超凡(哈哈哈~~你们都懂的我就是吹一吹),我带着有趣的眼神以及深厚的兴趣边学边做,怎料到,才一个星期我就把公司要求的小程序给做出来了。唉。。。造化弄人呐,当然我的第一个小程序很简单。行...原创 2018-10-19 18:14:01 · 4158 阅读 · 1 评论