自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

转载 小程序开发-自定义组件的扩展

一个开始由于本人喜欢封装组件做到高内聚,这样的好处是,拿来就用,如果封装一个组件,需要外部耦合,那么将没法做到很好的复用,因为耦合的部分需要每次重新开发。最近遇到了一个业务场景是这样,如图:1. 页面展示主页,主页可以浏览,也可以点击去其他页面,主页有登录按钮,登录按钮点击显示登录view(注意:登录不是跳去登录页,而是在当前页做view切换)。2. 登录view中可...

2019-09-20 17:12:00 332

转载 vue中wath的源码实现

前言阅读本节,需要理解vue的数据驱动原理。看这样一段代码new Vue({ data: { msg: 'hello', say: 'hello world', }, watch: { msg(newVal) { this.say = newVal + ' wor...

2019-06-14 19:05:00 250

转载 让微信小程序页面之间的通信不在变得困难

一个开始小程序开发者总会碰到各种页面之间的通信问题,实现方式也五花八门,比如...场景还原首先这是一个电商小程序。有这样一个需求:首页某个地方要展示购物车商品数量。当我在其他页面加购了商品,首页数量刷新。实现方式方式一:onShow直接请求接口Page({ onShow() { // ...一些逻辑 ...

2019-06-03 10:36:00 174

转载 借鉴redux,实现一个react状态管理方案

react状态管理方案有很多,其中最简单的最常用的是redux。redux实现redux做状态管理,是利用reducer和action实现的state的更新。 如果想要用redux,需要几个步骤actions创建actions.js// actions.jsexport const SET_NAME = 'SET_NAME';export cons...

2019-05-29 17:28:00 141

转载 Vue的computed计算属性是如何实现的

一个开始有如下代码,full是一个计算属性,开始,他的值是'hello world',1s后,msg变成了‘I like’, full的值同步变成了'I like world';其原理解析来看一下。<div id="app"> <span :msg="msg"></span> <div> {{full}}&l...

2019-01-04 14:21:00 706

转载 读redux有感: redux原来是这样操作的。

2017.9.10日 教师节 : ~当一个事物你没有接触,但是生活中 常常用到他,你就不得不去了解他了。1. redux的基本原理redux就是对一个仓库(store)的操作,我们可以布置好多仓位(state)(如: 水果、零食、糕点)等,他们每一个仓位(state)存储着不同的物品,每一个仓位都有一个操作系统(reducer), 这个操作系统可以进行入库物品(ADD)、统计件数...

2017-09-10 12:14:00 111

转载 web前端面试题记录

记录了2017年5月下旬刚毕业时面试的经典面试题布局方面1. 响应式布局,左侧栏目固定,右侧内容随着屏幕宽度变化而变化(高频)flex布局position布局css3计算宽度float布局flex布局// html<div class="box"> <div class="left">&l...

2017-05-29 19:02:00 84

转载 前端知识理解的笔记

html语义化的作用根据内容的结构使用适当的标签,便于开发者阅读和代码的结构优雅语义化标签会让网络爬虫和机器更好的解析页面,从而暴露给爬虫更多的有效数据。有利于seo语义化标签提高用户体验,比如title和alt属性,label标签的表单控制方便其他设备解析渲染网页,屏幕阅读器便于维护和开发。react的diff算法理解react利用虚拟dom和dif...

2017-05-15 10:39:00 170

转载 vue之nextTick全面解析

vue的第一篇文章,介绍一下简单的nextTick方法的实现原理简介vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时,我们经常用到一个方法是this.$nextTick,相信你也用过。我常用的场景是在进行获取数据后,需要对新视图进行下一步操作或者其他操作时,发现获...

2017-05-14 12:15:00 743

转载 微信公众号开发笔记3-sdk接入(nodejs)

另一个2小时 access_token是需要2小时更新一次,在这里,又引入了一个2小时获取一次的字段,这个字段是:jsapi_ticket,这个字段是接入sdk的前提。与access_token类似,它也是需要2小时内重新获取,所以也需要一个类似于获取access_token的定时器来实时更新并保存sdk。获取jsapi_ticket 微信提供一个获取接口,'https...

2017-05-10 14:29:00 133

转载 微信公众号开发笔记2(nodejs)

本篇主要记录调用微信各种api和功能实现一、始于access_token无论调用微信的什么api,都需要一个查询参数,就是我们每隔1小时或者2小时获取的access_token,笔记1中已经保证了本地存储的access_token与微信服务器端一致,此时,我们就可以使用我们本地的atoken成功调用api了。我的思路是,写一个函数getAccessToken,该函数接收一个函...

2017-05-07 12:59:00 122

转载 微信公众号开发笔记1(nodejs开发)

本篇记录了微信公众号开发的一些笔记一、微信服务器与我们服务器的交流微信开发者拥有自己的服务器,在我们服务器上可以与微信服务器进行交流。既然可以交流,那就必定需要前提条件(微信认证),也就是说,只有自己的服务器与微信服务器进行认证通过后,才能与他交流。如何进行认证?1. 接口认证接口的认证是token验证,微信服务器会发送一个get请求给我们在公众号配置的接口,如http:...

2017-05-06 12:20:00 121

转载 浅谈jQuery构造函数

$()函数到底做的什么  jQuery在前端领域路人皆知,对于一向喜欢玩js的博主来说,虽然能力有限,但是还是很喜欢研究他的做为。那么一个简单的美元符号$与一对常见的()括号,jQuery底层到底做了哪些工作,如果你是前端新人,并喜欢刨根问底,你可以看一下下面的介绍。如果你是有经验的牛人,你可以指出错误,毕竟博主还是个半瓶子醋,没法完全理解。一、函数调用$(selector,...

2017-03-05 15:43:00 161

转载 一篇知乎的故事 - javascript技术贴

前言    就像文章题目所示,本文的发表源于知乎的一篇文章。文章链接如下:如果你想靠前端技术还房贷,你不能连这个都不会。这篇文章是群里水群时别人发的,像我这样的菜鸟角色才不会逛知乎~~~。这篇文章主要是讲了一个面试官面试前端的一个他自己的感触,作者生动形象(这个词中学语文哪个试卷没写过?)的描述了当下的前端开发者的水平低低低,当然不是说我们水平低,是他面试的那些人的水平。。他在文章的...

2017-02-18 14:15:00 169

转载 javascript提高篇

本章简介本章内容比较少,有三个分享的知识。你可能都看过了,因为网上也有很多提问和解答,如果没看过或者没搞懂,你可以再看看这篇文章。1. 数组去重方法的演变 -- 走向代码缩短化2. [] + {} 和 {} + []的返回结果 -- js的代码规范及隐士类型转换3. ++ [[]][+[]] 的运算 -- 还是++问题讲解部分数组去重方法的演变...

2017-01-16 13:54:00 81

转载 javascript实现 京东淘宝等商城的商品图片大图预览功能

  在京东和淘宝等购买东西的时候,我们会经常预览左侧商品展示图片,把鼠标放到原图,右侧就会有个大图显示出细节。本文将带领大家写一个这样简单的功能!一、实现原理当鼠标移入某一图片内部时,图片上部会出现一个类似于扫描的框,这个框内的图片部分,会以方大形式展示在右边,如下图:从图中可以推测出一下几点:图片img上层会有一个父元素(如‘div’),在鼠标移入时,父元素内部添加...

2017-01-15 15:07:00 576

转载 javascript基础1

  本篇适合javascript新手或者学了前端一段时间,对js概念不清晰的同学~~。学习目的本文针对javascript基础薄弱的同学,可以加深对javascript的理解。本文将讲述以下几点对于初学者开说javascript(有的是大部分语言都有的)的坑讲解内容如下:1. 连等2. i++3. 包装对象4. 引用类型5. && 与 ||讲解部分...

2017-01-10 11:29:00 102

转载 jQuery之ajax实现篇

  jQuery的ajax方法非常好用,这么好的东西,你想拥有一个属于自己的ajax么?接下来,我们来自己做一个简单的ajax吧。实现功能由于jq中的ajax方法是用了内置的deferred模块,是Promise模式的一种实现,而我们这里没有讲过,所以我们就不使用这一模式啦。我们只定义一个ajax方法,他可以简单的get,post,jsonp请求就可以啦~~var a...

2017-01-05 18:12:00 133

转载 javascript中的this与函数讲解

前言javascript中没有块级作用域(es6以前),javascript中作用域分为函数作用域和全局作用域。并且,大家可以认为全局作用域其实就是Window函数的函数作用域,我们编写的js代码,都存放在Window函数内(这是个假设),也就是说javascript中只有函数作用域(前面假设做前提下)。作用域是什么作用域是一个盒子,盒子内部的变量只能在当前盒子中使用,作用域...

2017-01-03 11:09:00 105

转载 javascript中的操作符详解1

  好久没有写点什么了,根据博主的技术,仍然写一点javascript新手入门文章,接下来我们一起来探讨javascript的操作符。一、前言javascript中有许多操作符,但是许多初学者并不理解或曲解他们的用途,本章将会带领初学者们一起来学习一下javascript的几个常用操作符:typeof、in、delete、new。二、学习目标1. 深入了解javascri...

2017-01-01 21:08:00 120

转载 javascript中的继承与深度拷贝

前言本篇适合前端新人,下面开始......对于前端新手来说(比如博主),每当对js的对象做操作时,都是一种痛苦,原因就是在于对象的赋值是引用的传递,并非值的传递,虽然看上去后者赋值给了前者,他们就各奔东西了,但是他们却紧紧相连,为了解决这一问题,我们需要从根源上来切断对象赋值时就对象与新对象之间的藕断丝连......拷贝我们寻找方法时候,找到了拷贝这个方法,就是把要赋值的...

2016-12-08 16:04:00 183

转载 javascript之Object.defineProperty的奥妙

直切主题今天遇到一个这样的功能:写一个函数,该函数传递两个参数,第一个参数为返回对象的总数据量,第二个参数为初始化对象的数据。如:var o = obj (4, {name: 'xu', age: 21}) // 返回了一个能容纳4条数据的对象,初始数据为name:'xu'和age: 21返回的该对象总会有以下属性:overLength(数据容纳...

2016-12-01 21:23:00 131

转载 javascript之活灵活现的Array

前言就如同标题一样,这篇文章将会灵活的运行Array对象的一些方法来实现看上去较复杂的应用。大家都知道Array实例有这四个方法:push、pop、shift、unshift。大家也都知道 push + pop实现栈, shift + push实现队列。在这里不讨论什么先进后出、先进先出。但一面这个题将要用到这几个方法。题目螺旋矩阵这个名词,在后台语言中可能很熟悉,他是个...

2016-11-29 13:20:00 96

转载 jquery.Callbacks的实现

前言本人是一个热爱前端的菜鸟,一直喜欢学习js原生,对于jq这种js库,比较喜欢理解他的实现,虽然自己能力有限,水平很低,但是勉勉强强也算是能够懂一点吧,对于jq源码解读系列,博客园里有很多,推荐大神 艾伦的jq系列,在这里,我仅仅是分享一下我对jq里的Callbacks模块的理解与详细介绍一下我自己仿jq实现的一个callback功能。功能介绍jq的Callbacks模块...

2016-11-28 22:22:00 109

转载 javascript:逆波兰式表示法计算表达式结果

逆波兰式表示法,是由栈做基础的表达式,举个例子:  5 1 2 + 4 * + 3 - 等价于 5 + ((1 + 2) * 4) - 3  原理:依次将5 1 2 压入栈中, 这时遇到了运算符 + , 那么,出栈两个元素 2 1,用 + 运算符计算两个数的结果(2 + 1)得到结果为3, 压入栈中,继续往下,将4压入栈中,此时栈中元素为 [5, 3, 4], 又遇到了 *...

2016-11-28 20:14:00 164

转载 js:给定两个数组,如何判断他们的相对应下标的元素类型是一样的

题目:  给Array对象原型上添加一个sameStructureAs方法,该方法接收一个任意类型的参数,要求返回当前数组与传入参数数组(假定是)相对应下标的元素类型是否一致。 假设已经写好了Array.prototype.sameStructureAs ,会有下面的结果:  [1,1].sameStructureAs([2,2])// true...

2016-11-27 20:32:00 590

转载 javascript匹配各种括号书写是否正确

今天在codewars上做了一道题,如下看上去就是验证三种括号各种嵌套是否正确书写,本来一头雾水,一种括号很容易判断, 但是三种怎么判断!本人只是个前端菜鸟,,不会什么高深的正则之类的。于是,在群里一吼,有人这样建议:js的正则虽然不支持平衡组但是可以通过一些技巧来弥补老夫只能说这么多了,天机不可泄露当然 也可以写个小算法 搞个栈玩玩楼主听上...

2016-11-23 11:18:00 237

空空如也

空空如也

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

TA关注的人

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