自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

LGD_Sunday的专栏

站在巨人的肩膀上,我们才能看得更远!

原创 怎么理清自己的编程思路

无需原生开发基础,也能完美呈现京东商城。《混合开发京东商城系统,提前布局大前端》课程融合vue、Android、IOS等目前流行的前端和移动端技术,混合开发经典电商APP——京东。课程将各种复杂功能与知识点完美融合,从技术原理到开发上线,让你真实感受到一个明星产品开发的全过程。功能实现之外,还有一...

2019-08-21 09:32:13

阅读数 3491

评论数 3

原创 CentOS(7.6)基本操作与Nginx配置

无需原生开发基础,也能完美呈现京东商城。《混合开发京东商城系统,提前布局大前端》课程融合vue、Android、IOS等目前流行的前端和移动端技术,混合开发经典电商APP——京东。课程将各种复杂功能与知识点完美融合,从技术原理到开发上线,让你真实感受到一个明星产品开发的全过程。功能实现之外,还有一...

2019-08-09 16:07:16

阅读数 409

评论数 0

原创 5分钟学会Vuex

Vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态, 并以相应的规则保证状态以一种可预测的方式发生变化 这是vuex的官网,对vuex的解释,乍一看挺难理解的, 什么叫 状态管理模式?, 什么又是集中式存储管理?,官...

2019-08-06 13:56:52

阅读数 15568

评论数 10

原创 升级node.js和npm

欢迎大家访问我的个人网站 - Sunday俱乐部 升级node.js npm中有一个模块叫做“n”,专门用来管理node.js版本。 更新到最新的稳定版只需要在命令行中打下如下代码: npm install -g n n stable 如需最新版本则用n latest。 升级npm...

2019-08-06 13:50:36

阅读数 1041

评论数 0

原创 JavaScript设计模式详解:09、观察者模式

这一节我们来看 观察者模式 , 观察者模式 在面向前端的设计模式中是非常重要的一种设计模式,它在jQuery、Vue、React 包括原生JavaScript 语法中都有大量的应用。首先我们先来看 观察者模式 的定义。 观察者模式(发布订阅模式)就是:使用一个目标对象来管理所有依赖于它的观察者(...

2019-02-22 14:57:44

阅读数 328

评论数 6

原创 JavaScript设计模式详解:08、外观模式

什么是外观模式 这里是引用

2019-02-22 14:57:27

阅读数 158

评论数 0

原创 JavaScript设计模式详解:07、代理模式

什么是代理模式 代理模式是:使用代理对象完成用户请求,屏蔽用户对真实对象的访问。 代理模式很好理解,“有事别找我,找我的代理去”这就是代理模式。我们在这里打个比方,现在有三个类,目标类、代理类、用户类,这代理模式中,用户类没办法直接与目标类进行沟通,如果用户想要联系目标类那怎么办呢? 好办,找...

2019-02-22 14:57:13

阅读数 156

评论数 0

原创 JavaScript设计模式详解:06、装饰器模式

什么是装饰器模式 装饰器模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。 装饰器模式的定义就比较直白啦,就是对我们现有的一个类去添加了一个新的功能,但是呢,新的功能并不会改变这个类原先的结构。那怎么做呢?所以我们就需要去添加一个新的类,通过这个新...

2019-02-22 14:56:57

阅读数 137

评论数 0

原创 JavaScript设计模式详解:05、适配器模式

什么是适配器模式 将一个接口转换成客户希望的另一个接口,适配器模式使接口不兼容的那些类可以一起工作,其别名为包装器(Wrapper) 适配器的定义还是比较简单,相信大家看上面的定义也可以看得懂,简单来说,适配器就是把一个类的使用转化为客户所期望的使用方式,适配使得因接口不兼容而不能在一起工作的...

2019-02-22 14:56:43

阅读数 139

评论数 0

原创 JavaScript设计模式详解:04、单例模式

什么是单例模式 单例模式,也叫单子模式,是一种常用的软件设计模式。在应用这个模式时,单例对象的类必须保证只有一个实例存在。 单例模式的定义比较好理解,就是在应用程序中单例对象的类只有一个实例存在。 举例说明 对于单例模式的事例,使用java这种强类型的语言是最容易去展示的。因为对于一个类而言,...

2019-02-22 14:56:30

阅读数 146

评论数 0

原创 JavaScript设计模式详解:03、工厂模式

什么是工厂模式 **工厂方法模式(英语:Factory method pattern)**是一种实现了“工厂”概念的面向对象设计模式。就像其他创建型模式一样,它也是处理在不指定对象具体类型的情况下创建对象的问题。工厂方法模式的实质是“定义一个创建对象的接口,但让实现这个接口的类来决定实例化哪个类...

2019-02-22 14:56:15

阅读数 167

评论数 0

原创 JavaScript设计模式详解:02、UML类图

什么是UML类图 UML全称为:Unified Modeling Language,中文为:统一建模语言 ,它是非专利的第三代建模和规约语言。UML是一种开放的方法,用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。UML展现了一系列最佳工程实践,这些最佳实践...

2019-02-22 14:55:52

阅读数 328

评论数 0

原创 Android Studio Read Time Out 与 Connection refused (Connection refused) 的问题

如标题所示,本文章用以处理 Android Studio 出现 Read Time Out 或者 Connection refused (Connection refused) 。 Android studio 出现这个问题的原因主要就是下面三点: 1、设置里gradle offline模式被打...

2019-01-28 09:20:06

阅读数 384

评论数 0

原创 JavaScript设计模式详解:01、导学

学习设计模式的重要性 无论你是前端程序猿、后端程序猿还是客户端程序猿,掌握设计模式都是你所必须要学会的一项技能。如果说你只会在那里呼呼呼的写代码,不懂得设计模式那么你永远也没有办法成为一个合格的高级工程师,更别说是架构师了。 大家想一下你们心中的大牛,你有见过他们整天坐在这里撸代码吗?没有吧,他们...

2018-12-19 09:27:40

阅读数 12001

评论数 0

转载 Vue.js 3.0 新特性预览

Evan You(尤雨溪)今天(2018年11月16日)早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。 总结起来,Vue...

2018-11-19 13:29:21

阅读数 170

评论数 0

转载 Nginx与前端开发

转载自:https://juejin.im/post/5bacbd395188255c8d0fd4b2#comment Nginx与Node.js “Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。”...

2018-10-11 14:28:24

阅读数 120

评论数 0

翻译 [译] 尤雨溪:Vue 3.0 计划

原文:Plans for the Next Iteration of Vue.js 作者:Evan You(尤雨溪) 发表时间:Sep 30, 2018 转载请写明出处 计划下一次迭代Vue.js 上周在Vue.js伦敦,我简要介绍了Vue的下一个主要版本即将发布的内容。这篇文章提供了对计划的深...

2018-10-10 11:24:45

阅读数 545

评论数 0

原创 前端的程序人生

前端的程序人生 程序人生,我们选择了这个行业,自然希望能够在这里走的更远。我相信没有任何一个人会甘于平庸,大家都希望能够在自己所处的行业,自己所处的领域中有所建树,希望可以实现自己的价值,获取社会的认可。而如果要实现这个目标的话,我们将要投入更多的时间和更多的精力,才能博的更多的机会。 在成长...

2018-09-17 17:50:18

阅读数 192

评论数 0

原创 深入Vue实现原理,实现一个响应式框架

欢迎大家访问我的个人网站 - Sunday俱乐部 在前面的章节中我们已经学习了Vue.js的基础内容并且了解了Vue.js的源码实现,包括:Vue的生命周期、Vue的数据响应、Vue的渲染流程等等,在这一章节我们会和大家一起去实现一个响应式的框架 – MVue,MVue 会遵循Vue的代码逻...

2018-08-30 09:19:43

阅读数 1383

评论数 0

原创 Vue的状态管理器:Vuex

欢迎大家访问我的个人网站 - Sunday俱乐部 这一章我们来学习Vuex,如果要学习好Vuex那么最最重要的就是要知道Vuex是干嘛的,我们为什么需要Vuex。因为对于Vuex来说,它的使用方式非常简单,知识点也不多。Vuex唯一的难点就是很多人无法理解它。所以在本章我们会着重的讲解Vue...

2018-08-30 09:16:08

阅读数 1392

评论数 0

原创 深入浅出学Vue开发:第四章、Vue的生命周期及源码实现

通过上面两章的学习,我们已经学会了Vue的所有基础语法,包括: 1、{{Mustache}} 语法 2、v-if、v-else、v-else-if、v-show 3、v-for 4、v-bind 5、v-model 6、v-on 如果大家已经对这些语法...

2018-08-03 10:51:16

阅读数 1608

评论数 0

原创 深入浅出学Vue开发:第一章、初探Vue

在正式开始学习Vue的知识之前,我们需要先对Vue的整体有一个大致的了解。为了达到这个目的,我们需要先了解以下内容。 1、Vue对移动端和浏览器版本的支持 2、如何初始化一个Vue的项目 3、Vue的代码结构 Vue对移动端和浏览器版本的支持 因为Vue本身使用了EC...

2018-08-03 10:48:18

阅读数 1473

评论数 0

原创 深入浅出学Vue开发:导读

如果你看了这一篇文章,那么相信你对这次的课程是有兴趣的,同时作为撰写者的我,也感到非常的荣幸。 程序人生 程序人生,我们选择了这个行业,自然希望能够在这里走的更远。我相信没有任何一个人会甘于平庸,大家都希望能够在自己所处的行业,自己所处的领域中有所建树,希望可以实现自己的价值,获取社会的认可。...

2018-08-03 10:44:46

阅读数 224

评论数 0

原创 nginx配置单页应用之路由匹配以及404页面

我们希望能够尽我们所能,来让这个世界变的更简单,如果你想了解我们,请点击这里 最近在使用vue+vue-router+webpack去构建了一套前端系统,把系统在本地调试完成之后,发布到阿里云服务器上,使用nginx去做反向代理的时候,遇到了3个问题。这里把这些问题整理一下,希望能够帮助到遇...

2018-06-12 15:14:34

阅读数 4586

评论数 3

原创 摇树优化之webpack(4.6.0) tree shaking

1、为什么要进行tree shaking 在我们平时的开发之中,经常会引入一些工具类库, 比如说 bootstrap, f7 等等UI样式库 或者像 jQuery、lodash等一些js类库,或者自己编写一些utils类作为工具方法,但是引入的这些方法和类库我们基本不会把他们所有的功能或者说所...

2018-04-25 15:02:03

阅读数 5589

评论数 0

原创 apply()与call()方法详解

在JS的每个函数之中,都包含两个非集成而来的方法apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,等于设置函数体内this对象的值 两个方法唯一的区别是接受的参数不同appay()方法接受运行函数的作用域和数组,call()方法接受运行函数的作用域和直接调用函数的参数 ...

2018-04-11 15:55:08

阅读数 6553

评论数 0

原创 基于HTTP的Web端推送技术--Comet

有前端开发经验(包括客户端和手机端)的同学都应该知道,所有的与服务器通讯,或者说数据请求(HTTP协议下)都分为两种, 1:前端主动请求服务器,前端发送header和body,服务器根据自身逻辑和接收到的前端发送的信息返回数据,链接关闭(AJax)。 2:前端主动请求服务器,但链接并不立即关闭...

2018-04-11 11:29:25

阅读数 6417

评论数 0

原创 JS对图片进行黑白化

HTML5推出了<canvas>元素,使我们可以通过js动态的在 <canvas> 这个区域之中进行图像的绘制。而我们这次对图像的黑白化就是使用js操作&...

2018-04-09 10:29:31

阅读数 7586

评论数 0

原创 Android 卡片、证件识别

CardScanning 提供作为识别身份证、银行卡等卡片或驾驶证等证件的功能模块(具体对接需对接OCR识别接口) CameraSurfaceView: 继承 SurfaceView ,作为摄像头预览画面承载控件 CameraHelper: 调用系统摄像头辅助类,提供摄像头初始化,图片校...

2018-03-30 15:12:20

阅读数 7855

评论数 2

原创 AS下解决Gradle dependencies compile jar包冲突、重复问题

一、情景复现: 在使用 dependencies { compile … } 添加 libs时,经常遇到同一个lib 出现了两个不同的版本,导致不同的问题。 例如:工程 A 添加了 rxandroid:2.0.1 和adapter-rxjava 两个libs. 而adapter-rx...

2018-01-19 14:27:18

阅读数 10212

评论数 0

转载 面向开发者的 Android 8.0 Oreo 详细介绍

原文地址:http://blog.csdn.net/lpjishu/article/details/77627227面向开发者的 Android 8.0 Oreo 引言Posted By: Dave Burke, VP of Engineering翻译 by fengsehng(刘朋) 经过...

2017-08-28 10:54:09

阅读数 6553

评论数 0

原创 全面理解控制反转和依赖注入

一、控制反转和依赖注入之间的关系控制反转(Inversion Of Control, IOC)是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度。其中最常见的方式叫做依赖注入(Dependency Injection, DI), 还有一种叫"依赖查找&qu...

2017-07-31 15:41:42

阅读数 6696

评论数 0

原创 Android Web开发调试之Chrome远程调试

移动端的混合开发其实是依靠于webview控件与网页进行交互,那么在开发的过程中难免需要做一些调试的工作,那么webview上显示的网页如果去调试那?我使用的方式是:Chrome DevTools调试移动设备Brower Page Tabs/WebViews。1、手机与电脑通过USB链接,打开手机...

2017-06-01 17:13:08

阅读数 6666

评论数 0

原创 AngularJS-Directive详解 - 01

directive顾名思义,是angular中的一个指令。那么什么是指令那?指令是DOM元素(例如属性,元素名称,注释或CSS类)的标记,它们告诉AngularJS的HTML编译器($ compile)将指定的行为附加到该DOM元素(例如通过事件监听器) ,甚至可以转换DOM元素及其子元素。Ang...

2017-02-06 18:17:45

阅读数 7021

评论数 0

原创 AngularJS Component详解

现在比较火的前段JS框架像 VUE,REACK,ANGULAR,这三种框架都有共同的特点那就是,双向数据绑定,组件化开发。而在angular1.5的版本之前,都是以directive作为组件化的形式,而directive并不能很好的承担这一个职责,所以google在angular1.5的版本中推...

2017-02-06 15:11:09

阅读数 29056

评论数 3

原创 UI-Router详解

我们了解 angular.js 是一种富客户端单页面应用,所以要在一个页面呈现不同的视图,路由起到了至关重要的作用.angular.js :为我们封装好了一个路由工具 ngRoute ,它是一种靠url改变去驱动视图.angularUI :也为我们封装了一个独立的路由模块 ui-router ,它...

2017-02-04 11:16:16

阅读数 11498

评论数 0

原创 ReactNative 中 ListView实现GridView效果

在RN中ListVIew拥有ScrollView的所有属性,所以可以吧ListView当成是ScrollView的一种延伸,在RN中虽然不存在父子类,不过我觉的可以把 ListView当成ScrollView的子类来看。 所以改变ListView的排列方式其实就是改变lIstView的主轴的方向...

2016-10-20 18:42:26

阅读数 10610

评论数 0

原创 ReactNative中ListView的实现效果

ReactNative 中的 简单的ListView 实现/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from ...

2016-10-20 18:34:20

阅读数 7304

评论数 0

原创 ReactNative实现ListView分组,悬浮效果

实现效果 其实在ReactNative中实现ListView的分组效果的方式与Android中的ExpandableListview非常相似,只是在表现形式上更趋近于IOS中的UITableView而已。 在ReactNative中ListView分组效果的数据结构为var dataBlob ...

2016-10-20 18:29:33

阅读数 17482

评论数 2

原创 ReactNative 广告轮播页的实现

基于ReactNative的广告页面组件,可直接引入使用。引入方式var AdvertisingView = require('./AdvertisingView'); render() { return ( <View> ...

2016-10-17 18:00:14

阅读数 7788

评论数 3

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