- 博客(47)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 JS 常用公共方法
整理了下 平时项目自己常用的方法，整理编写了一个自己的小助手 /** * 获取指定url内所有参数obj * @param url 要处理的url */ function getRequest(url) { let theRequest = {}; if (url.indexOf('?') !== -1) { let str = url.substr(url.indexOf('?'), url.length); str = str.sub
2020-06-04 15:09:18
1111
原创 骨架屏组件
一般情况下，在首屏数据未拿到之前，为了提升用户的体验，会在页面上展示一个loading的图层，但是会有一段时间显示白屏；因此为了更进一步优化用户体验，就有了骨架屏；在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充进需要显示的数据内容。具体代码点击查看骨架屏组件代码及实例或者在微信小程序开发工具导入ID ARTPbdmF7zdlI效果图如下：加载中…加...
2019-11-28 22:27:43
2223
原创 微信小程序表单验证
由于微信小程序表单组件没有自带的验证功能，因此要针对每一项进行判断比较繁琐 因此封装了一个表单验证js, 具体验证规则根据自己所用到的进行添加,具体案例代码片段点击链接微信小程序表单验证完整代码片段const form = { /* @formData 要验证的表单数据 @rules 验证规则 required必填 ***/ validation(for...
2019-11-28 12:45:38
1416
原创 微信小程序自定义导航栏(模板化)
前段时间写过一篇关于微信小程序自定义导航栏的自定义组件，但是对于分享页有一定的bug这次优化了下分享 用模板化又搞了一遍自定义组件 优化了下Android与IOS 显示更接近微信原生的导航栏，以及分享页面显示返回首页按钮如果大家不习惯模板化的话可以 针对自己的需求拿以前封装的组件化做一些修改微信小程序自定义导航栏(组件化)CustomNavBar.wxml<template nam...
2019-11-14 14:05:20
852
原创 微信小程序自定义导航栏布局适配、判断全面屏
直接写在app.js,主要应用自定义导航栏位置问题以及自定义导航栏市场不显示问题，全面屏下底部导航栏或者底部操作按钮增加padding值优化用户体验 App({ // 系统信息 WinWidth: 0, WinHeight: 0, StatusBarHeight: 0, PixelRatio: 1, SystemFullName: '', Sy...
2019-11-14 10:24:48
2372
原创 Canvas 常用方法
/*绘制带有间距的文本 text: 要绘制的文本 x: 绘制文本的起始x坐标 y: 绘制文本的起始y坐标 space: 文本间距 ctx: canvas对象 */canvasTextSpace(text, x, y, space, ctx) { let lineWidth = x; for(let i = 0; i < text.length; i++){ if( i...
2019-09-26 17:49:07
285
原创 微信小程序自定义底部导航栏
效果图因为官网 自定义底部导航栏的api需求的基础库版本比较高 以及组建的所以底部导航栏用的模块化封装的wxml部分<template name="Tabbar"> <cover-view class="tab-bar"> <cover-view class="tab-bar-border"></cover-view>...
2019-04-20 20:34:04
557
原创 微信小程序自定义头部导航栏 胶囊按钮(组件化)
效果图支持 导航栏自定义背景颜色、背景图片 支持返回文字自定义 支持导航标题自定义首先在app.json window配置项添加 "window": { "navigationStyle": "custom" } 自定义头部导航栏代码wxml部分<view class="cu-custom" style="height:{{CustomBar}}px">...
2019-04-20 20:03:42
4777
原创 微信小程序自定义Modal弹出框
效果图支持是否显示moda框标题 支持单个input框(多个的项目没用到懒得写) 支持只显示提示文字代码wxml部分<view class="modal-con" wx:if="{{isShowModal}}"> <view class="modal-mask"> <view class="modal-box" style="wi...
2019-04-20 19:32:40
9648
2
原创 JavaScript中this指向问题
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。1.通过函数名直接调用，this指向windowfunction func(){console.log(this)}test() // this -&gt; window2.函数作为window内置函数的回调函数调用，this指向windowsetTimeout(function ...
2019-01-14 11:10:18
604
1
原创 JavaScript练习题目录
JavaScript练习题目录《JavaScript数组练习题》《JavaScript常见面试题》友情链接：点击查看所有文章目录
2019-01-14 09:59:38
722
原创 JavaScript常见面试题
1.考点:闭包var name = "window"var obj = { name: "obj", func:function(){ return function(){ return console.log(this.name) } } }obj.func()() // windowvar name = "wi...
2019-01-14 09:53:39
713
原创 JavaScript之闭包
点击查看所有文章目录点击查看 JavaScript作用域、闭包、this指向系列文章目录闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。要理解闭包，首先必须理解JS作用域[点击查看]闭包的概念在百度百科上是这么解释闭包的：其实这个说法是很笼统的。准确来说，闭包是基于正常的垃圾回收处理机制下的。也就是说，一般情况一个函数（函数作用...
2019-01-13 14:29:38
316
2
原创 JavaScript异步目录
JavaScript异步目录《谈一谈JavaScript异步》《JavaScript异步之回调》《JavaScript异步与Promise基本用法(resolve与reject)》《JavaScript异步Promise.then()与Promise.catch()》《JavaScript异步Promise.all()、Promise.race()以及Promise.finally()...
2019-01-12 18:31:01
1014
2
原创 JavaScript原型与原型链目录
JavaScript原型与原型链目录《JavaScript原型初学者指南》《Object.hasOwnProperty方法》《JavaScript的原型和原型链（一）》《JavaScript的原型和原型链（二）》《JavaScript的原型和原型链（三）》《JavaScript的原型和原型链（终）（Object与Function的关系）》...
2019-01-12 18:04:32
576
原创 JavaScript面向对象目录
JavaScript面向对象目录《谈一谈JavaScript面向对象》《JavaScript面向对象与原型》《JavaScript面向对象 (call()方法) 》《JavaScript面向对象之继承（上）》《JavaScript面向对象之继承（下）》《JavaScript面向对象之ES6中的类和继承》《JavaScript面向对象之多态》...
2019-01-12 17:35:33
832
原创 JavaScript作用域
es5中的作用域一、全局变量全局变量有 全局作用域: 网页中所有脚本和函数均可使用 如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量**1.最外层函数和在最外层函数外面定义的变量为全局变量，拥有全局作用域:**var boyName = &amp;amp;amp;amp;amp;amp;quot;刘家军&amp;amp;amp;amp;amp;amp;quot;function person(){ var girlName = &
2019-01-12 09:33:42
313
原创 JavaScript异步实战
JavaScript异步系列的篇章到今天为止已经完结了,从回调函数 =&amp;amp;amp;amp;gt; Promise =&amp;amp;amp;amp;gt; Genenrrator =&amp;amp;amp;amp;gt; async,现在呢我们再用同一个例子，分别用这几种异步方法来实现，自己比较下异步技术哪家强准备工作我们先准备好四个接口,四个接口的返回的数据分别为 ：刘家军起床了!刘家军上班了!刘家军下班了!刘家军睡觉了!
2019-01-11 09:16:29
415
原创 JavaScript异步之async
前面我们已经讲过Promise、Gnerrator，今天呢我们讲一下async，async与前面所讲的有很大的关联async函数async作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行，我们看一下例子：async function testAsync() {return &amp;amp;quot;Hello World&amp;amp;quot;...
2019-01-10 10:36:19
1207
原创 JavaScript异步之generator函数
接触过Ajax请求的会遇到过异步调用的问题，为了保证调用顺序的正确性，一般我们会在回调函数中调用，也有用到一些新的解决方案如Promise相关的技术。在异步编程中，还有一种常用的解决方案，它就是Generator生成器函数。顾名思义，它是一个生成器，它也是一个状态机，内部拥有值及相关的状态，生成器返回一个迭代器Iterator对象，我们可以通过这个迭代器，手动地遍历相关的值、状态，保证正确的执行...
2019-01-09 11:04:11
443
原创 JavaScript异步Promise.all()、Promise.race()以及Promise.finally()
今天我们讲一下es6对Promise的扩展,我们使用axios进行ajax请求来演示一下，首先我先准备了3个接口：Promise.all()&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;am
2019-01-08 09:20:22
1925
2
原创 JavaSccript异步Promise.then()与Promise.catch()
我们先打印Promise原型下都带有哪些方法console.log(Promise.prototype)输出：Promise.then()语法p.then(onFulfilled,onRejected)p.then(function(value) { // fulfillment }, function(reason) { // rejection});参数...
2019-01-07 09:19:22
3302
3
转载 学编程有哪些好点的网站呢？
零基础学习C语言、Java语言 ： http://www.fenby.com零基础学习linux语言： linuxcast提高学习PHP学习：php100零基础学习各种闲散知识：网易公开课以上是简单的几个基本网站的描述，下面再详细的介绍安利几个实用站点。01国内（1）萌码1、在线开发环境在萌码学习，用户无需配置编程环境，所有学习和操作在网页中均能实现。2、互动式学习“互动式...
2019-01-07 09:18:21
739
5
转载 史上最污技术解读，60 个 IT 术语你能懂多少.
假设你是个妹子......假设你是个妹子，你有一位男朋友，于此同时你和另外一位男生暧昧不清，比朋友好，又不是恋人。你随时可以甩了现任男友，另外一位马上就能补上。这是冷备份。假设你是个妹子，同时和两位男性在交往，两位都是你男朋友。并且他们还互不干涉，独立运行。这就是双机热备份。假设你是个妹子，不安于男朋友给你的安全感。在遥远的男友未知的地方，和一位男生保持着联系，你告诉他你没有男朋友，你现在处...
2019-01-05 12:16:33
24899
5
原创 JavaScript异步与Promise基本用法(resolve与reject)
Promise解决的问题相信每个前端都遇到过这样一个问题，当一个异步任务的执行需要依赖另一个异步任务的结果时，我们一般会将两个异步任务嵌套起来，这种情况发生一两次还可以忍，但是发生很多次之后，就形成了所谓的回调地狱，代码层层嵌套，环环相扣，很明显，逻辑稍微复杂一些，这样的程序就会变得难以维护。就比如我们昨天的那个回调地狱的例子：function funA(callback) { consol...
2019-01-05 09:58:08
25720
6
原创 JavaScript异步之回调
回调函数JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数，而这个过程就叫做回调举一个常用的例子：约会结束了，你送女朋友回家,你说：“到家了别忘了给我发条信息。”然后女朋友回家以后给你发了条信息。其实这就是一个回调的过程。你留了个参数函数（让女朋友给你发条信息）给女朋友，然后女朋友回家，回...
2019-01-04 11:56:46
606
原创 JavaScript面向对象之多态
今天我们研究一下javascript面向对象中的多态javascript 多态在《JavaScript设计模式与开发实践》中有这么一个故事:主人家里养了两只动物，分别是一只鸭和一只鸡，当主人向它们发出“叫”的命令时，鸭会“嘎嘎嘎”地叫，而鸡会“咯咯咯”地叫。这两只动物都会以自己的方式来发出叫声。它们同样“都是动物，并且可以发出叫声”，但根据主人的指令，它们会各自发出不同的叫声。其实，其中就...
2019-01-04 10:09:26
276
原创 谈一谈JavaScript异步
什么是js异步？我们常常听到单线程、多线程、同步、异步这些概念，那么这些东西到底是什么呢？1.单线程就是只有一个主线的线程，代码从上往下顺序运行，主线程负责执行程序的所有代码（UI展现以及刷新，网络请求，本地存储等等）例如:一个项目从产品逻辑 =&amp;amp;amp;amp;gt; 设计原型图 =&amp;amp;amp;amp;gt; 前端+后台 =&amp;amp;amp;amp;gt; 测试 =&amp;amp;amp;amp
2019-01-03 16:49:19
514
原创 JavaScript面向对象之ES6中的类和继承
先回忆下前两天我们写的继承方法function Person(name, hobby) { this.name = name this.hobby = hobby } Person.prototype.doSth = function () { console.log(`${this.name}正在陪小仙女`); } Perso...
2019-01-03 09:19:45
400
原创 JavaScript面向对象之继承（下）
原型式继承这种继承方式没有使用严格意义上的构造函数，借助原型还可以基于已有的对象创建新对象，同时还不必因此创建自定义类型function object(o) { function Fun() {} Fun.prototype = o; return new Fun();}在object函数内部，先创建一个临时性的构造函数Fun，然后将传入的对象作为这个构造函数的原...
2019-01-02 17:52:03
216
原创 JavaScript面向对象之继承 (上)
原型链继承我们再通过前几篇的例子再了解下原型链继承//创建自定义构造函数function Person() { this.name = &amp;quot;姓名&amp;quot;;}//在当前构造函数的原型链上添加属性hobbyPerson.prototype.hobby = &amp;quot;旅游&amp;quot;//通过自定义构造函数Person实例化一个对象LJJconst LJJ = new Person
2019-01-01 15:37:24
297
原创 JavaScript面向对象 (call()方法)
call()的基本用法语法fun.call(thisArg, arg1, arg2, …)参数thisArg在fun函数运行时指定的this值。需要注意的是，指定的this值并不一定是该函数执行时真正的this值，如果这个函数处于non-strict mode，则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象)，同时值为原始值(数字，字符串...
2018-12-31 23:11:09
669
原创 JavaScript原型和原型链 （终）(Object与Function的关系)
Object与Function的关系1.JavaScript中，“函数”（方法）也是对象。2.一切对象都有一个根源。它是Object.prototype。3.根源之上再没有其他根源。Object.getPrototypeOf(Object.prototype)是null。js中除字面量以外的一切引用对象都来自这个“根源”对象。4.表达式Object.getPrototypeOf(Funct...
2018-12-31 16:13:30
647
1
原创 JavaScript原型和原型链(三)
原型链原型对象prototype构造函数constructor隐式原型__proto__通过三者之间的联系，形成了原型链继续看一下我门昨天讨论过的代码console.log('刘家军'.__proto__ === String.prototype) // trueconsole.log(String.prototype.__proto__ === Object.prototype) ...
2018-12-30 14:42:31
182
原创 JavaScript面向对象与原型
构造函数虽然不错，但有的时候我们需要对属性和方法进行修改，做过vue项目的应该都遇到过这种情况，我们需要声明一些全局变量，我们一般这么做import axios from 'axios'; // 引入axios// 配置 请求头axios.defaults.headers.get['Content-Type'] = 'application/x-www-form-urlencoded';...
2018-12-29 11:29:32
290
原创 JavaScript的原型和原型链 （二）
constructor构造函数我们昨天说创建对象的三种方式，第二种是通过new创建对象let obj = new Object()//创建一个空对象等同于 var obj = {}console.log(obj.constructor === Object)//trueObject就是一个构造函数，是js内置的构造函数,上面的例子中Object就是obj的构造函数，这个例子似乎不太明显...
2018-12-29 09:10:57
221
1
自定义车牌键盘(vue版)
2021-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人