取消 提交

自定义博客皮肤

-+

LGD_Sunday的专栏

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

我也要用
排序:
按最后发布时间
按访问量
RSS订阅

原创 Vue 3 开发文档

本博客会长期更新(在 Vue 的中文官方文档没有发布前)。博客的边界:本博客只会带来 Vue 3 新增内容的整理文档(经过验证的)重点内容:ViteComposition API新的响应式机制计算属性和侦听器利用 vite 创建下一代的 Vue 项目两个重要的点:Vue CLI v4.5 之上的版本ViteVue CLI想要构建 Vue 3.x 项目,那么需要使用 Vue CLI v4.5 之上的版本yarn global add @vue/cli@next# or

2020-07-28 19:49:31 2285

原创 虚拟任务栈技术 - 让你的网页具备原生APP的页面切换体验

场景不提场景的解决方案都是耍流氓,那么我们先来看一下所谓 “虚拟任务栈” 的应对场景:目前移动端应用主要分为两种:第一种是:以原生开发(Android、IOS)为主的原生 APP第二种是:以前端三大框架(Angular、React、Vue)为主要开发语言的移动端网页(无论是 webAPP,webview 的混合开发 或者是 H5 应用场景)对于原生开发来说(我们以 Android 为例),存在一个独有的概念,叫做 任务栈(Task)。任务栈会以 栈 的形式管理所有的 android 页面(ac

2020-06-25 23:14:20 342

原创 前端技术体系与发展计划

为什么会想起来整理这么一套东西因为我是做前端技术培训的,这么多年下来也有了很多的学生,有的还在学习中,有的已经工作了两三年了。最近和很多已经工作了的同学聊天,发现大家都遇到了很多的问题或者说是烦恼。整理了一下,大体可以分为两个大的种类:关于前端技术体系的问题关于技术能力发展的问题从这些问题中,我抽出来几个比较具有代表性的,我们先来看一下关于前端技术体系的问题同学A:前端的技术太杂了,各种技术更新太快,感觉一个新的技术还没有学完,就已经过时了。完全学不过来同学B:学不动啦,vu

2020-06-03 15:05:53 7772 27

原创 浅谈前端八大UI库

之前在3月份的时候做过一个《浅谈前端八大UI库》的公开课,反馈还不错,当时就想着等有时间了,就把公开课讲的东西,组织成一个博客。这一等,就等了两个多月。先说一下什么样的同学适合看这个博客。如果 - 你急需一个高品质的 UI 库如果 - 你不知道如何为你的项目设计 UI如果 - 你不知道如何为你的项目选择UI库如果 - 你对于前端UI库的散乱感到无所适从如果 - 你希望在前端长期发展,并且目前处于初级的瓶颈那么这篇博客应该都可以帮助到你。但是,本博客不会讲授 UI库 的具体使用,因为如果

2020-05-25 20:05:54 10863 4

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

无需原生开发基础,也能完美呈现京东商城。《混合开发京东商城系统,提前布局大前端》课程融合vue、Android、IOS等目前流行的前端和移动端技术,混合开发经典电商APP——京东。课程将各种复杂功能与知识点完美融合,从技术原理到开发上线,让你真实感受到一个明星产品开发的全过程。功能实现之外,还有一流用户体验和优秀交互设计等你一探究竟,拓宽开发眼界。前言如果大家在平常的开发之中,遇到过在面对...

2019-08-21 09:32:13 5512 3

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

无需原生开发基础,也能完美呈现京东商城。《混合开发京东商城系统,提前布局大前端》课程融合vue、Android、IOS等目前流行的前端和移动端技术,混合开发经典电商APP——京东。课程将各种复杂功能与知识点完美融合,从技术原理到开发上线,让你真实感受到一个明星产品开发的全过程。功能实现之外,还有一流用户体验和优秀交互设计等你一探究竟,拓宽开发眼界。基本介绍如果我们希望可以在 CentOS 的...

2019-08-09 16:07:16 1572

原创 5分钟学会Vuex

Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化这是vuex的官网,对vuex的解释,乍一看挺难理解的, 什么叫 状态管理模式?, 什么又是集中式存储管理?,官网的描述不明觉厉。 首先我们就先来解释这个定义。 所有的开源库都是为了解决我们在实际开发的过程之中遇...

2019-08-06 13:56:52 17342 10

原创 升级node.js和npm

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

2019-08-06 13:50:36 1995

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

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

2019-02-22 14:57:44 756 6

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

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

2019-02-22 14:57:27 410

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

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

2019-02-22 14:57:13 416

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

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

2019-02-22 14:56:57 381

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

什么是适配器模式将一个接口转换成客户希望的另一个接口,适配器模式使接口不兼容的那些类可以一起工作,其别名为包装器(Wrapper)适配器的定义还是比较简单,相信大家看上面的定义也可以看得懂,简单来说,适配器就是把一个类的使用转化为客户所期望的使用方式,适配使得因接口不兼容而不能在一起工作的类能在一起工作。举例说明适配器模式在我们的应用中的使用非常广泛,如果大家没有注意过,那么我在这里为...

2019-02-22 14:56:43 395

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

什么是单例模式单例模式,也叫单子模式,是一种常用的软件设计模式。在应用这个模式时,单例对象的类必须保证只有一个实例存在。单例模式的定义比较好理解,就是在应用程序中单例对象的类只有一个实例存在。举例说明对于单例模式的事例,使用java这种强类型的语言是最容易去展示的。因为对于一个类而言,我们知道每new一下,它就会有一个新的实例,如果要完美的保证他只有一个实例的话,那么最好的解决方案就是...

2019-02-22 14:56:30 461

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

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

2019-02-22 14:56:15 446

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

什么是UML类图UML全称为:Unified Modeling Language,中文为:统一建模语言,它是非专利的第三代建模和规约语言。UML是一种开放的方法,用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。UML展现了一系列最佳工程实践,这些最佳实践在对大规模,复杂系统进行建模方面,特别是在软件架构层次已经被验证有效。上面是UML的定义,UML本...

2019-02-22 14:55:52 1030

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

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

2019-01-28 09:20:06 676

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

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

2018-12-19 09:27:40 12484

转载 Vue.js 3.0 新特性预览

Evan You(尤雨溪)今天(2018年11月16日)早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。总结起来,Vue 3 以下方面值得我们期待 :更快更小更易于维护更多的原生支持更易于开发使用完整的PPT:...

2018-11-19 13:29:21 569

转载 Nginx与前端开发

转载自:https://juejin.im/post/5bacbd395188255c8d0fd4b2#commentNginx与Node.js“Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。”作为前端开发,即使没用过Nginx,但一定听说过上面这句话。这句经典的话,基本构成了所有人对Ngi...

2018-10-11 14:28:24 320

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

原文:Plans for the Next Iteration of Vue.js作者:Evan You(尤雨溪) 发表时间:Sep 30, 2018转载请写明出处计划下一次迭代Vue.js上周在Vue.js伦敦,我简要介绍了Vue的下一个主要版本即将发布的内容。这篇文章提供了对计划的深入概述。为什么要更新主版本?Vue 2.0 恰好在两年前发布了(时间过得真快!)。在此期间,核...

2018-10-10 11:24:45 851

原创 前端的程序人生

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

2018-09-17 17:50:18 395

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

欢迎大家访问我的个人网站 - Sunday俱乐部在前面的章节中我们已经学习了Vue.js的基础内容并且了解了Vue.js的源码实现,包括:Vue的生命周期、Vue的数据响应、Vue的渲染流程等等,在这一章节我们会和大家一起去实现一个响应式的框架 – MVue,MVue 会遵循Vue的代码逻辑和实现思路,我们希望能够借助MVue来让大家更好的理解整个Vue的核心思想:响应式数据渲染。在开...

2018-08-30 09:19:43 2086

原创 Vue的状态管理器:Vuex

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

2018-08-30 09:16:08 2066

原创 深入浅出学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 2093

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

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

2018-08-03 10:48:18 1796

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

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

2018-08-03 10:44:46 848

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

我们希望能够尽我们所能,来让这个世界变的更简单,如果你想了解我们,请点击这里最近在使用vue+vue-router+webpack去构建了一套前端系统,把系统在本地调试完成之后,发布到阿里云服务器上,使用nginx去做反向代理的时候,遇到了3个问题。这里把这些问题整理一下,希望能够帮助到遇到了同样问题的人。1、域名后面多了 /#/ 标志在访问网站的时候还是比较正常的,但是在域名...

2018-06-12 15:14:34 6706 3

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

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

2018-04-25 15:02:03 5996

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

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

2018-04-11 15:55:08 6804

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

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

2018-04-11 11:29:25 6788

原创 JS对图片进行黑白化

HTML5推出了<canvas>元素,使我们可以通过js动态的在 <canvas> 这个区域之中进行图像的绘制。而我们这次对图像的黑白化就是使用js操作<canvas>元素 来实现的。先看一下效果图左侧为 img标签 , 右侧为 canvas 元素标签,结构如下<img src=&

2018-04-09 10:29:31 8583

原创 Android 卡片、证件识别

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

2018-03-30 15:12:20 8361 2

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

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

2018-01-19 14:27:18 10553

转载 面向开发者的 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(刘朋) 经过一年多的开发和测试,开发人员和早期采用者(谢谢!),我们现在准备正式推出android 8.0 Ore

2017-08-28 10:54:09 6749

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

一、控制反转和依赖注入之间的关系控制反转(Inversion Of Control, IOC)是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度。其中最常见的方式叫做依赖注入(Dependency Injection, DI), 还有一种叫"依赖查找"(Dependency Lookup)。通过控制反转,对象在被创建的时候,由一个调控系统内所有对象的外界实体,将其所依赖的对象的引用传

2017-07-31 15:41:42 6922

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

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

2017-06-01 17:13:08 6891

原创 AngularJS-Directive详解 - 01

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

2017-02-06 18:17:45 7208

原创 AngularJS Component详解

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

2017-02-06 15:11:09 30788 3

原创 UI-Router详解

我们了解 angular.js 是一种富客户端单页面应用,所以要在一个页面呈现不同的视图,路由起到了至关重要的作用.angular.js :为我们封装好了一个路由工具 ngRoute ,它是一种靠url改变去驱动视图.angularUI :也为我们封装了一个独立的路由模块 ui-router ,它是一种靠状态 state 来驱动视图.后者有什么优势:一个页面可以嵌套多个视图,多个视图去控制某一个视图

2017-02-04 11:16:16 11929

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