自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

誓言不轻信,谎言不枉听

不为其他,只为可以更好的学习

  • 博客(43)
  • 资源 (3)
  • 收藏
  • 关注

原创 微信小程序生成二维码的 方式

具体里面的有生成规则,不懂得可以看生成规则。a:小程序需要携带的参数,不传可以不写。appid:小程序的appid。3.选择生成小程序码。path: 小程序的路径。二:在微信开发文档内生成。步骤1.登录微信公众平台。一:生成普通的二维码。

2023-03-07 15:50:16 6341 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 268

原创 微信小程序隐藏显示底部的tabbar

1. 隐藏wx.hideTabBar()2.显示wx.showTabBar()

2021-11-04 10:51:33 3237

原创 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 173

转载 百度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 287

原创 几款适合前端开发的chrome扩展程序

1.IE Tab将浏览器的内核设置为ie的内核显示,方便调试ie的兼容性2.Resolution Test页面在不同屏幕分辨率下的显示3.Vue.js devtoolsvue项目的调试工具4.Web Developer用户可以查看和编辑CSS、显示图片文件的大小和清除会话cookie...

2020-06-22 11:48:50 364

转载 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 580

转载 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 1800

原创 vue的element文档

https://element.eleme.cn/#/zh-CN/component/installation

2019-12-20 16:05:37 276

原创 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 12018

转载 手机默认字体大小改变后页面布局错乱的处理方法

(function(doc, win) {// 用原生方法获取用户设置的浏览器的字体大小(兼容ie) if(doc.documentElement.currentStyle) { var user_webset_font=doc.documentElement.currentStyle['fontSize']; ...

2019-03-29 17:12:46 2875 2

转载 40条常见的移动端Web页面问题解决方案

1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也...

2019-03-28 17:26:43 166

原创 基于 Vue.js 的移动端组件库的Mint UI

官方文档地址:http://mint-ui.github.io/#!/zh-cn

2019-02-22 10:44:22 147

转载 js 控制超出字数显示省略号

//多余显示省略号function wordlimit(cname, wordlength) { var cname = document.getElementsByClassName(cname); for (var i = 0; i &lt; cname.length; i++) {       var nowLength = cname[i].innerH...

2019-02-19 11:15:47 609

转载 html5 ios中忽略将数字变为电话号码

html5 ios中忽略将数字变为电话号码name 属性的 format-detection 值(忽略页面中的数字识别为电话号码)&lt;meta name="format-detection" content="telephone=no" /&gt; 说明:使设备浏览网页时对数字不启用电话功能(不同设备解释不同,iTouch 点击数字为存入联系人,iPhone 为拨打电话)...

2019-02-18 15:13:50 125

转载 你可能不知道的14个JavaScript调试技巧

1. ‘debugger;’除了 console.log , debugger; 是我们最喜欢、快速且肮脏的调试工具。一旦执行到这行代码,Chrome 会在执行时自动停止。 你甚至可以使用条件语句加上判断,这样可以只在你需要的时候运行。愚人码头注:本人实在觉得这种调试方面很不好,因为后续的调试步骤和断点调试没什么区别。而且调试完成后,还要记住删掉这行代码。确实有点肮脏。JavaScrip...

2019-02-15 17:03:01 133

原创 Echarts数据可视化全解注释

Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解6大公共组件详解(点击进入): title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解5大坐标系详解(点击进入): 地理坐标系geo详解、grid直角坐标系(xAxis、yAxis)详解、parallel平行坐标系详解、polar极坐标系...

2019-02-15 17:02:16 201

原创 js实现延迟加载

1.通过循环消耗cpu,造成延迟加载;function sleep(n){        var start = new Date().getTime();        while(true)  if(new Date().getTime()-start &gt; n) break;    }n:设置循环时间; ...

2019-02-15 16:00:47 275

原创 window cmd命令大全

ASSOC          显示或修改文件扩展名关联。ATTRIB         显示或更改文件属性。BREAK          设置或清除扩展式 CTRL+C 检查。BCDEDIT        设置启动数据库中的属性以控制启CACLS          显示或修改文件的访问控制列表(ACALL           从另一个批处理程序调用这一个。CD             显...

2018-11-28 16:27:37 157

原创 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 373

转载 你不知道的Event Loop

setTimeout(function() { console.log(111);}, 0); // 这里定时器时间设置为0ms后执行console.log(222);相信这道题很多人都看过,结果是先输出222,再输出111可能新手会犯错,认为定时器设置0毫秒就等于立即就执行,所以先输出111。但其实内部涉及一个很重要的JS运行机制,也就是我们今天的主角——事件轮询(Even...

2018-11-02 14:24:42 118

转载 前端的优化方法

 移动前端开发由于是在手机上使用,需要考虑到网络信号较差和为用户的流量着想,性能和加载速度就是前端开发人员需要认真考虑的,PC的优化手段同样使用在移动端上,下面一起看看腾讯ISUX这篇文章是如何从CSS、JavaScript、http请求和硬件渲染方面做出优化的。·概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首...

2018-10-31 16:04:26 162

原创 vue有关的知识

1.vue开发时使用mounted获取后台数据还是使用created;这个没有明确的答案。一般写在created()里面就可以了,如果涉及到dom操作的话就需要放在mounted();created():组件实例完成,dom还没有渲染是触发;mounted():页面渲染完成之后,加载mounted()里面的函数;2.Vue中methods(方法)、computed(计算属性)、wa...

2018-09-11 10:41:09 176

原创 使用swiper出现样式错乱的问题,解决方法

正确的布局;打开页面是这样的;那么解决的办法是:在swiper初始化内添加这两个属性就可以了; observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper ...

2018-09-06 17:42:26 11625 6

转载 Ueditor富编辑器做弹出或是某些情况第二次打开的时候会渲染失败

今天在做个弹出页面中需要富文本编辑,整个系统架构的富文本都是用Ueditor;所以这里也是使用UE.getEditor("container"); 但第一次弹出渲染正常,当第二次就不能正常渲染了,通过百度找到几种方法一一尝试最终找到:UE.delEditor("container");//可能是缓存问题导致的,因此先删除缓存中已有的富文本,UE.getEditor("conta...

2018-08-22 15:12:13 436

转载 通过jquery.cookie.js实现记住用户名、密码登录功能

&lt;!doctype html&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;无标题文档

2018-08-13 11:42:46 106

转载 最全的微信小程序项目实例

wx-gesture-lock  微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义star 微信小程序开发之五星评分swit...

2018-08-09 10:40:13 415

转载 vue之组件之间的传值

一、父组件像子组件传值//parent.vue&lt;template&gt; &lt;div&gt; &lt;child :send-msg-to-child="toChildMsg"&gt;&lt;/child&gt; &lt;/div&gt;&lt;/template&gt;&lt;script&gt;import chil

2018-08-09 10:30:40 103

转载 IScroll5 参数说明和调用方法

IScroll的DOM结构:&lt;div id="wrapper"&gt; &lt;ul&gt; &lt;li&gt;...&lt;/li&gt; &lt;li&gt;...&lt;/li&gt; ... &lt;/ul&gt; &lt;/div&gt;初始化Iscroll var myScroll = new ISc

2018-07-27 15:51:29 1216

原创 小程序页面之间进行数据传递

一、用全局变量进行数据的传递每个小程序默认的都会有aap.js文件,在这个文件可以定义全局变量,定义之后可以在每个都可以访问。小程序还提供了getApp()方法,然后即可使用app.js里的全局变量了。二、wx.setStorage()可以将数据存储到本地缓存中key:存储的变量名 ; value:存储的内容wx.setStorage({ key:"key", dat...

2018-07-25 17:33:01 793

原创 小程序开发需要掌握的基础知识

一、事件是否为冒泡事件1.冒泡事件:当一个组件的事件被触发后,事件会向父节点传递2.非冒泡事件:当一个组件的事件被触发之后,该事件不会向父节点传递bind绑定事件不会阻止冒泡事件向上传递,catch绑定事件可以阻止冒泡事件向上传递二、获取元素上的属性节点currentTarget:事件绑定的当前组件target:触发事件的源组件获取data-a和data-b里的值...

2018-07-24 14:02:02 1580

转载 拯救前端开发者的工具、库和资源

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 244

原创 移动开发遇到的问题

一、关于滚动穿透的问题滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容;body.modal-open { position: fixed; width: 100%;}这种方式同样当弹出层弹出时滚动条会丢失,所以还需要使用js来保存滚动条的位置,在关闭弹出层时将滚动位置还原;var ModalHelper = (fu...

2018-07-23 15:47:02 179

转载 H5的video用法

一、基础知识1.用法 &lt;video src="./video/mv.mp4"&gt;&lt;/video&gt; 注意:audio和video元素必须同时包含开始和结束标签,不能使用2.重要HTML属性controls:ontrol:如果出现该属性,则向用户显示控件,比如播放按钮。每个浏览器中的播放控件都不太一样,但用途都一样,都可以控制开始和结束,跳到新位...

2018-07-23 15:27:53 12824

原创 小程序的动画效果

wxml:&lt;view animation="{{animationData}}" style="background:red;height:100rpx;width:100rpx"&gt;&lt;/view&gt;js:Page({ data:{ animationData:{} }, onShow:function(){ ...

2018-07-23 14:34:41 1347

原创 移动端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 502

转载 微信小程序的组件用法与传统HTML5标签的区别

小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统HTML5还是有明显的区别,主要区别在于:开发工具不同。区别于H5的开发工具+浏览器Device Mode预览的模式,小程序的开发基于自己的开发者工具,可以实现同步本地文件+开发调试...

2018-07-05 15:58:35 457

转载 javascript对象

最简单的概述:在JavaScript中对象仅仅是属性的容器。每个对象都可以有零个或多个属性值, 这些属性持有一个基本类型的值,也可以是持有一个对象引用。1234JavaScript中创建对象的常见方法JavaScript中常见的常见对象的方式有三种: . 使用对象字面量 var obj = {} . 使用new运算符 var obj = new Object()...

2018-06-28 18:03:25 83

转载 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 94

原创 iscroll的应用

一、iscroll的注意事项1、iscroll4和iscroll5的共同点:最少实现三层嵌套,父级元素加定位;2、iscroll4在new 申明时iScroll中i要小些,只能使用id命名;3、iscroll5在new申明时IScroll中的I要大写,可以使用class和id,咋申明时要用“.class”或“#id”引入的文件: &lt;link rel="styleshe...

2018-06-22 10:25:40 109

简易砸金蛋

利用前端动画等知识,实现了简易的砸金蛋的效果,欢迎各位使用!

2018-11-27

Echarts的demo

对echarts做的一个demo,样式简单,结构明确,善于理解

2018-07-27

iscroll上拉加载,下拉刷新

用iscroll实现的上拉刷新,下拉加载。标注明确,结构清晰。

2018-07-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除