js
关注
分享
扫一扫
缘飞梦
这个作者很懒，什么都没留下…
展开
-
vue 中使用htmlcanvas生成多张图片，并转成压缩包，并下载到本地
htmlcanvas生成多张图片压缩并下载到本地原创 2021-11-30 17:05:05 · 2178 阅读 · 2 评论 -
JavaScript 字段脱敏处理
/** * 字段脱敏处理 * @param {String} field 未脱敏字段 * @param {Int} before 开头未脱敏字符数 * @param {Int} after 结尾未脱敏字符数 * @return {String} 已脱敏字段 */ function sensitiveField(field, before = 3, after = 4) { if (!field) { return ''; } ...转载 2020-06-10 13:58:39 · 1214 阅读 · 0 评论 -
微信小程序实现上传多张图片，删除图片
最近在做微信小程序，遇到上传多张图片到服务器，计算上传图片的张数，并且可以手动删除图片，下面是效果图效果图：本来用的是小程序提供的mp-uploader 上传图片的组件，无奈次组件删除效果不是我想要的，只能用wx.chooseImage进行上传图片，在使用uplaodFile将图片发送给后台服务器。下面直接展示代码：wxml: <view class="con_titles"> <view class="con_left"> <...原创 2020-06-09 15:11:30 · 2760 阅读 · 4 评论 -
stripe支付
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>测试stripe支付demo</titl...原创 2020-03-25 18:59:44 · 1151 阅读 · 1 评论 -
ES6经典面试题
一、问：ES6是什么，为什么要学习它，不学习ES6会怎么样?答： ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。不学习ES6也可以写代码打鬼子，但是最多只能当个游击队长。二、问：ES5、ES6和ES2015有什么区别?答： ES20...转载 2020-03-25 18:14:05 · 5669 阅读 · 0 评论 -
vue父子组件之间传值，动态改变搜索框标题
子组件：<template> <div id="child" > <div> <span>{{childName}}</span><br /> <div class="divWidth"> ...原创 2019-04-28 17:13:34 · 1003 阅读 · 0 评论 -
vue 中请求接口的两种方法
vue 项目安装axios：cnpm install axios --saveimport axios from 'axios' 哪个文件需要用到就在哪个文件中引入安装qs：npm install --save axios vue-axios qs import qs from 'qs' qs 用来解决vue中post请求以 a=a&b=b 的格式ma...原创 2019-04-28 17:19:03 · 32636 阅读 · 0 评论 -
vue中轮播图的使用
下载：npm install swiper --save-dev网址：swiper4.0使用入口：http://www.swiper.com.cn/usage/index.html<template> <div class="MoveImg"> <div class="swiper-container"> <div...原创 2019-04-28 17:23:21 · 970 阅读 · 0 评论 -
js去掉数组中重复的json对象
需求：去除数组对象中重复的json对象js代码：var arr=[{ service_cname: "黑花生（100g*15袋/盒）", type:1 },{ service_cname: "苹果", type:3 }, { service_cname: "苹果", type:3 }, { service_cname:...原创 2019-04-30 15:33:19 · 2277 阅读 · 0 评论 -
js模拟百度搜索
总体思路：用户在文本框里输入的是什么，就来数组中遍历每个元素，找输入的内容是否在遍历到的元素里面，如果在，就把这个元素做成li标签加到ul里，如果不在就不操作 怎么判断在不在字符串里？ xxx.indexOf(内容) != -1 onkeyup事件： 键盘弹起时会触发的事件效果图：...原创 2019-04-30 15:48:15 · 763 阅读 · 0 评论 -
Vue自定义指令实现拖动滑块验证功能
<template> <div> <div class="movebox"> <div class="movego"></div> <div class="txt" id="txt">拖动滑块验证</div> <div class="move moveBe...原创 2019-05-31 16:56:57 · 429 阅读 · 0 评论 -
Vue非父子组件之间的通信
// 注册一个空的js,作为中转站bus.jsimport Vue from 'vue'export default new Vue()A组件：非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。$emit发送事件<template> <div @click="eleValue...原创 2019-05-31 17:07:12 · 346 阅读 · 0 评论 -
微信小程序动态切换class类名
之前用jquery时我们可以使用：$(".classify").eq(0).addClass("addStyleMi").siblings().removeClass("addStyleMi");动态的为元素切换类名，添加css样式。但是微信小程序中不提供操作Dom的方法，但我们也可以实现为元素动态切换类名。效果图： ...原创 2019-03-27 11:15:15 · 30015 阅读 · 5 评论 -
js实现商城秒杀倒计时功能（动态设置秒杀时间）
效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...原创 2019-03-14 15:32:51 · 8406 阅读 · 0 评论 -
js部分面试题
<!doctype html><html><head><meta charset="utf-8" /><title></title><style type="text/css"></style></head原创 2018-10-18 10:56:11 · 365 阅读 · 0 评论 -
JavaScript中清空数组的三种方式
方式1，splicevar ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了定义和用法splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注释：该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1...原创 2018-10-18 11:04:23 · 3228 阅读 · 0 评论 -
layui文本框实现选择起始时间和结束时间
首先要调用layui时间插件必须下载layui.js文件，这个可以在官网去下载的(https://www.layui.com/)，我这个功能是可以选择当前时间的前一天，或者后一小时的时间，这个根据具体需求可以修改的：如下图所示：html代码： <!DOCTYPE html><html> <head> <meta charset=...原创 2018-09-29 16:51:02 · 4840 阅读 · 0 评论 -
详解swiper轮播图的各种坑以及调用ajax实现轮播效果
Swiper常用于移动端网站的内容触摸滑动，对于前端开发人员来说使用swiper可以提高工作效率，不再需要写太多的代码，轻轻松松的实现想要的效果，工作中最常用的就是轮播图了，下面我来说说如何写一个简单的轮播图：1、首先需要下载一个swiper.css文件和一个swiper.js文件，到时候直接在页面中引入就行了（https://www.swiper.com.cn/ 在swiper官网去下载）。...原创 2018-09-30 11:06:32 · 8800 阅读 · 3 评论 -
ECMAScript中var、let、const的区别
1.let和var的区别 (1)var会存在变量提升的现象，let所声明的变量一定要在声明后使用，否则报错。 (2)let声明的变量只在它所在的代码块有效。var可以在代码块外进行调用。代码如下：{ var c = 1; let g = 2; console.log(g);//返回2} console.log(c);//返回1 console.log(b);...原创 2018-10-10 16:19:31 · 399 阅读 · 0 评论 -
js调用ajax根据后台返回的总数前端设置每页的条数实现分页功能
有时候前端需要实现分页功能，但是后台只给我们返回来总数，每页显示多少条数据需要我们前端来设置，貌似这个有点欺负人，哈哈哈。。话不多说直接上代码： (这里需要用到layui插件，js文件自己去官网下载哦)var pageNumber=1;//第几页var sumCount=0; //总共多少条数var pageSize=3; //每页显示3条//连接终端function connT...原创 2018-10-17 17:41:51 · 6074 阅读 · 2 评论 -
javascript for in 循环遍历对象，对后台返回的对象进行操作取值
最近在写一个商城，商品详情页出现选择商品规格属性的功能，我们的后台就给我返回来object（对象），我又能怎么办。。。这个时候想到了JavaScript中使用for in可以循环遍历对象，可以轻松的取到后台返回来的一堆值，哈哈。。。话不多说给大家看看我们的需求：以上就是前端取到值展示的数据，以及后台接口中返回的对象 。下面我先给说一下什么是for... in：1、for...in ...原创 2018-10-24 15:14:18 · 10931 阅读 · 0 评论 -
echarts折线图展示最近七天的数据
关于echarts的基础配置建议大家去官网学习：http://echarts.baidu.com/下面给大家展示下效果图： 附上代码供大家参考：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &原创 2019-01-04 15:32:32 · 9925 阅读 · 2 评论 -
调用ajax动态获取select框的值，默认不选中
从后台动态获取的数据 红色标记的是动态向数组开头追加的对象 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取select框值</title> <meta name="viewport&q原创 2019-01-10 14:48:24 · 3279 阅读 · 0 评论 -
使用jquery中$.each()方法循环显示购物车中店铺名称及店铺下所对应的商品列表
效果图如下： 代码如下：（重点：两层循环）//获取购物车中的商品信息 $.ajax({ type: "post", //请求方式 dataType: 'json', //数据格式 url: //请求地址 data: { "ss": getCookie('openid') //请求参数 openid }, success: funct...原创 2019-01-10 14:57:53 · 1498 阅读 · 1 评论 -
canvas实现整个页面画成一张图片并进行分享，解决获取线上图片报错问题
最近项目中遇到将整个页面都分享给朋友的需求，我们都知道如果长按页面的话只能发送其中的一个图片。所以最终选择用canvas来画一张图片。 这个是需求图使用canvas画图不难，网上有很多案例，我这里要说的是canvas的一个坑：canvas有同源策略的问题，这个之前还真的不知道，在这个需求中我需要获取个人的微信头像，但是当我在本地测试的时候会报错：也就是说c...原创 2019-03-06 13:20:04 · 2905 阅读 · 0 评论 -
a标签添加onclick事件的几种方式
我们常用的在a标签中有点击事件：1. a href="javascript:js_method();"这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句2. a hre...转载 2018-11-13 17:21:04 · 1119 阅读 · 0 评论