- 博客(43)
- 资源 (3)
- 收藏
- 关注
原创 微信小程序生成二维码的 方式
具体里面的有生成规则,不懂得可以看生成规则。a:小程序需要携带的参数,不传可以不写。appid:小程序的appid。3.选择生成小程序码。path: 小程序的路径。二:在微信开发文档内生成。步骤1.登录微信公众平台。一:生成普通的二维码。
2023-03-07 15:50:16
7447
1
原创 js日期的格式化
functionformatDate(cellValue){ // 传入毫秒数if(cellValue==null||cellValue=="")return"";vardate=newDate(cellValue)varyear=date.getFullYear()varmonth=date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+...
2022-01-12 16:54:32
325
原创 js的数据深拷贝和浅拷贝
JS的数据类型分成两种:基本数据类型和复杂数据类型基本的数据类型 : Number, String, boolean, null , undefied复杂的数据类型:function , object , Array为什么要说数据的类型那,因为只有复杂的数据类型才有深拷贝和浅拷贝的问题。浅拷贝直接进行赋值var a = {obj:1}var b = a;b.obj=2;console.log(a)//{obj: 2}console.log(b)//{obj: 2}直接赋
2021-08-24 15:13:19
210
转载 百度AI身份证识别demo,使用js提交图片数据
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title.
2021-06-15 15:20:45
379
原创 几款适合前端开发的chrome扩展程序
1.IE Tab将浏览器的内核设置为ie的内核显示,方便调试ie的兼容性2.Resolution Test页面在不同屏幕分辨率下的显示3.Vue.js devtoolsvue项目的调试工具4.Web Developer用户可以查看和编辑CSS、显示图片文件的大小和清除会话cookie...
2020-06-22 11:48:50
405
转载 vue有关的Tree树形控件
一:Vue Beautyurl:https://fe-driver.github.io/vue-beauty/#/components/tree特色:找了很多个框架,只有Vue Beauty是带连接线的,刚好项目能用上。二:iViewurl:https://www.iviewui.com/components/tree特点:有比较多的可自定义的地方,这个很好。三:E...
2020-04-26 18:51:20
658
转载 vue使用layui弹窗
vue-layer弹框插件安装npm i --save vue-layer引用import layer from 'vue-layer'Vue.prototype.$layer = layer(Vue);参数说明{ type: 0, //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) title: '信息', con...
2020-03-25 18:29:26
1952
原创 js实现移动端手势放大缩小图片
//手势事件var touchScale = function() { var startX, endX, scale, x1, x2, y1, y2, imgLeft, imgTop, imgWidth, imgHeight, one = false, $touch = $(".showDiv img"), //选择放大缩小的元素 ...
2019-05-14 18:38:36
12501
转载 手机默认字体大小改变后页面布局错乱的处理方法
(function(doc, win) {// 用原生方法获取用户设置的浏览器的字体大小(兼容ie) if(doc.documentElement.currentStyle) { var user_webset_font=doc.documentElement.currentStyle['fontSize']; ...
2019-03-29 17:12:46
2984
2
转载 40条常见的移动端Web页面问题解决方案
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也...
2019-03-28 17:26:43
202
转载 js 控制超出字数显示省略号
//多余显示省略号function wordlimit(cname, wordlength) { var cname = document.getElementsByClassName(cname); for (var i = 0; i < cname.length; i++) { var nowLength = cname[i].innerH...
2019-02-19 11:15:47
656
转载 html5 ios中忽略将数字变为电话号码
html5 ios中忽略将数字变为电话号码name 属性的 format-detection 值(忽略页面中的数字识别为电话号码)<meta name="format-detection" content="telephone=no" /> 说明:使设备浏览网页时对数字不启用电话功能(不同设备解释不同,iTouch 点击数字为存入联系人,iPhone 为拨打电话)...
2019-02-18 15:13:50
157
转载 你可能不知道的14个JavaScript调试技巧
1. ‘debugger;’除了 console.log , debugger; 是我们最喜欢、快速且肮脏的调试工具。一旦执行到这行代码,Chrome 会在执行时自动停止。 你甚至可以使用条件语句加上判断,这样可以只在你需要的时候运行。愚人码头注:本人实在觉得这种调试方面很不好,因为后续的调试步骤和断点调试没什么区别。而且调试完成后,还要记住删掉这行代码。确实有点肮脏。JavaScrip...
2019-02-15 17:03:01
167
原创 Echarts数据可视化全解注释
Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解6大公共组件详解(点击进入): title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解5大坐标系详解(点击进入): 地理坐标系geo详解、grid直角坐标系(xAxis、yAxis)详解、parallel平行坐标系详解、polar极坐标系...
2019-02-15 17:02:16
243
原创 js实现延迟加载
1.通过循环消耗cpu,造成延迟加载;function sleep(n){ var start = new Date().getTime(); while(true) if(new Date().getTime()-start > n) break; }n:设置循环时间; ...
2019-02-15 16:00:47
353
原创 window cmd命令大全
ASSOC 显示或修改文件扩展名关联。ATTRIB 显示或更改文件属性。BREAK 设置或清除扩展式 CTRL+C 检查。BCDEDIT 设置启动数据库中的属性以控制启CACLS 显示或修改文件的访问控制列表(ACALL 从另一个批处理程序调用这一个。CD 显...
2018-11-28 16:27:37
184
原创 es5和es6的区别
什么是ES5作为ECMAScript第五个版本(第四版因为过于复杂废弃了),浏览器支持情况可看第一副图,增加特性如下。1. strict模式严格模式,限制一些用法,'use strict';2. Array增加方法增加了every、some 、forEach、filter 、indexOf、lastIndexOf、isArray、map、reduce、reduceRight方法...
2018-11-28 14:59:51
452
转载 你不知道的Event Loop
setTimeout(function() { console.log(111);}, 0); // 这里定时器时间设置为0ms后执行console.log(222);相信这道题很多人都看过,结果是先输出222,再输出111可能新手会犯错,认为定时器设置0毫秒就等于立即就执行,所以先输出111。但其实内部涉及一个很重要的JS运行机制,也就是我们今天的主角——事件轮询(Even...
2018-11-02 14:24:42
147
转载 前端的优化方法
移动前端开发由于是在手机上使用,需要考虑到网络信号较差和为用户的流量着想,性能和加载速度就是前端开发人员需要认真考虑的,PC的优化手段同样使用在移动端上,下面一起看看腾讯ISUX这篇文章是如何从CSS、JavaScript、http请求和硬件渲染方面做出优化的。·概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首...
2018-10-31 16:04:26
212
原创 vue有关的知识
1.vue开发时使用mounted获取后台数据还是使用created;这个没有明确的答案。一般写在created()里面就可以了,如果涉及到dom操作的话就需要放在mounted();created():组件实例完成,dom还没有渲染是触发;mounted():页面渲染完成之后,加载mounted()里面的函数;2.Vue中methods(方法)、computed(计算属性)、wa...
2018-09-11 10:41:09
235
原创 使用swiper出现样式错乱的问题,解决方法
正确的布局;打开页面是这样的;那么解决的办法是:在swiper初始化内添加这两个属性就可以了; observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper ...
2018-09-06 17:42:26
11971
6
转载 Ueditor富编辑器做弹出或是某些情况第二次打开的时候会渲染失败
今天在做个弹出页面中需要富文本编辑,整个系统架构的富文本都是用Ueditor;所以这里也是使用UE.getEditor("container"); 但第一次弹出渲染正常,当第二次就不能正常渲染了,通过百度找到几种方法一一尝试最终找到:UE.delEditor("container");//可能是缓存问题导致的,因此先删除缓存中已有的富文本,UE.getEditor("conta...
2018-08-22 15:12:13
496
转载 通过jquery.cookie.js实现记住用户名、密码登录功能
<!doctype html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档
2018-08-13 11:42:46
133
转载 最全的微信小程序项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义star 微信小程序开发之五星评分swit...
2018-08-09 10:40:13
446
转载 vue之组件之间的传值
一、父组件像子组件传值//parent.vue<template> <div> <child :send-msg-to-child="toChildMsg"></child> </div></template><script>import chil
2018-08-09 10:30:40
129
转载 IScroll5 参数说明和调用方法
IScroll的DOM结构:<div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> </div>初始化Iscroll var myScroll = new ISc
2018-07-27 15:51:29
1254
原创 小程序页面之间进行数据传递
一、用全局变量进行数据的传递每个小程序默认的都会有aap.js文件,在这个文件可以定义全局变量,定义之后可以在每个都可以访问。小程序还提供了getApp()方法,然后即可使用app.js里的全局变量了。二、wx.setStorage()可以将数据存储到本地缓存中key:存储的变量名 ; value:存储的内容wx.setStorage({ key:"key", dat...
2018-07-25 17:33:01
847
原创 小程序开发需要掌握的基础知识
一、事件是否为冒泡事件1.冒泡事件:当一个组件的事件被触发后,事件会向父节点传递2.非冒泡事件:当一个组件的事件被触发之后,该事件不会向父节点传递bind绑定事件不会阻止冒泡事件向上传递,catch绑定事件可以阻止冒泡事件向上传递二、获取元素上的属性节点currentTarget:事件绑定的当前组件target:触发事件的源组件获取data-a和data-b里的值...
2018-07-24 14:02:02
1642
转载 拯救前端开发者的工具、库和资源
Javascript 库Particles.js 一个用来在 web 中创建炫酷的浮动粒子的库Three.js 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js 快速实现全屏滚动特性Typed.js 打字机效果Waypoints.js 滚动到某个元素位置时触发一个功能Highlight.js web 语法高亮Chart.js ...
2018-07-23 15:55:32
264
原创 移动开发遇到的问题
一、关于滚动穿透的问题滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容;body.modal-open { position: fixed; width: 100%;}这种方式同样当弹出层弹出时滚动条会丢失,所以还需要使用js来保存滚动条的位置,在关闭弹出层时将滚动位置还原;var ModalHelper = (fu...
2018-07-23 15:47:02
215
转载 H5的video用法
一、基础知识1.用法 <video src="./video/mv.mp4"></video> 注意:audio和video元素必须同时包含开始和结束标签,不能使用2.重要HTML属性controls:ontrol:如果出现该属性,则向用户显示控件,比如播放按钮。每个浏览器中的播放控件都不太一样,但用途都一样,都可以控制开始和结束,跳到新位...
2018-07-23 15:27:53
13323
原创 小程序的动画效果
wxml:<view animation="{{animationData}}" style="background:red;height:100rpx;width:100rpx"></view>js:Page({ data:{ animationData:{} }, onShow:function(){ ...
2018-07-23 14:34:41
1379
原创 移动端ios遇到的问题及解决办法
1.ios下margin失效的问题;(1)设置html,body为100%。(2)给底部div设置固定定位,top为0;(3)给上一个兄弟元素设置padding-bottom,就可以解决了。2.overflow:auto;在ios下出现卡顿的问题;(1)给滚动的元素 设置-webkit-overflow-scrolling: touch;(2)父级元素设置overflow-...
2018-07-13 15:59:49
536
转载 微信小程序的组件用法与传统HTML5标签的区别
小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统HTML5还是有明显的区别,主要区别在于:开发工具不同。区别于H5的开发工具+浏览器Device Mode预览的模式,小程序的开发基于自己的开发者工具,可以实现同步本地文件+开发调试...
2018-07-05 15:58:35
525
转载 javascript对象
最简单的概述:在JavaScript中对象仅仅是属性的容器。每个对象都可以有零个或多个属性值, 这些属性持有一个基本类型的值,也可以是持有一个对象引用。1234JavaScript中创建对象的常见方法JavaScript中常见的常见对象的方式有三种: . 使用对象字面量 var obj = {} . 使用new运算符 var obj = new Object()...
2018-06-28 18:03:25
98
转载 git 的常用命令
git checkout(切换分支)git checkout -b 创建一个新的分支,并切换到新创建的分支git checkout -B 如果分支不存在,创建一个新的分支;如果分支存在,则重置分支。12345git branch(列出(创建/删除)分支)git branch \ git branch --list 显示本地分支列表git branch -r 显...
2018-06-28 17:58:44
120
原创 iscroll的应用
一、iscroll的注意事项1、iscroll4和iscroll5的共同点:最少实现三层嵌套,父级元素加定位;2、iscroll4在new 申明时iScroll中i要小些,只能使用id命名;3、iscroll5在new申明时IScroll中的I要大写,可以使用class和id,咋申明时要用“.class”或“#id”引入的文件: <link rel="styleshe...
2018-06-22 10:25:40
142
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人