Archived

「 32 」

• 八月 2020

• 八月 15, 2020
  浏览器工作原理 — 之 HTTP 请求与解析

  浏览器工作原理是一块非常重要的内容，我们经常看到的 重绘 、重排 或者一些讲解 CSS 属性的时候，都会用到一些浏览器工作原理的知识来讲解。理论化学习浏览器工作原理，效果不是很大，而且很枯燥，所以这里我们从零开始用 JavaScript 来实现一个浏览器。 通过自己实现一遍简单的浏览器，我们会对浏览器的基本原理有更为深刻的理解。 浏览器基础渲染流程 首先浏览器是由 5 个步骤完成的整体渲...

• 八月 07, 2020
  一篇文章搞懂前端学习方法与构建知识体系

  在大前端的成长路上，很多的同学都非常的迷茫，看到一座座越来越高的山。慢慢在工作中也对自己的职业发展也特别迷茫。有些粉丝也私信我问过我一些职业发展的问题，还有“我应该学习什么技术？”，“学习到什么层级才是个头”。 这次我给大家带来一遍文章，给大家讲讲怎么样才是一个优秀的前端工程师，怎么做自己的职业规划，如何学习和构建知识体系。 什么是优秀的前端工程师？ 大家眼中的优秀工程师 熟练掌握 Vue...

• 七月 2020

• 七月 11, 2020
  44关学习CSS与CSS3基础「二」

  我有一段时间没有更新 FCC 前端教程了，这一周就继续写完 CSS 与 CSS3 基础的教程。最近工作和生活都比较繁忙所以文章更新也受到了一定的影响。不过技术文章写作再忙也不会放弃的。我会继续努力坚持着一周一篇文章的进度，继续为大家带来我学习到的知识。让我们一起继续终身学习吧！ 这一篇文章是上一篇《44 关学习 CSS 与 CSS3 基础「一」》的第二部分，一共闯了 44 关。废话少说，让我...

• 六月 2020

• 六月 24, 2020
  力扣实战之移动零、盛最多的水、爬楼梯

  练题法则5-10 分钟读题与思考 不要纠结没有思路就直接看题解； 不要死磕觉得自己很失败，怎么我们就想不出来； 基本上这些算法题，让我们自己想出来是不可能的； 拿跳表的来说，如果我们能从 0-1 把它想出来，那我们就可以拿到图灵奖了； 所以记住！无思路就直接看题解，无思路就直接看题解，无思路就直接看题解！ 我们只需要知道并且能运用即可！ 有思路 自己开始写代码，没有，就马上看题解！默写...

• 六月 14, 2020
  用动图解说数组、链表、跳表原理与实现

  「初」前言在学习数据结构与算法的过程中，感觉真的是一入算法深似海，但是越学越觉得有趣。不过我们会发现在终身学习的过程中，我们都是越学越多，不知的也越来越多，但是更渴望认知更多的知识，越是对知识感兴趣。 本期讲说最常见的数据结构类型分别有数组、链表、跳表。这一期我们一起来了解它们的原理与实现。 「一」数组 Array Java, C++: int a[100] Python: list = [...

• 六月 04, 2020
  阿里、力扣、政采云的15位专家分享前端面试与招聘视角

  「始」前沿有幸在 5 月 31 号参加了《第八届前端早早聊大会》主办的《前端跳槽的新起点｜前端如何搞面试》。在这次大会中从早上 9 点半一直到下午 6 点多结束，大会含金量超高，我此次受益匪浅，屁股坐到起茧都是超级值得的。本次大会一共有15 位来源于各大厂公司的高级前端工程师和技术专家，每个讲师都给我带来了精彩绝伦的知识与干货。 这次大会的内容不只给我的技术生涯中带来了冲劲，让我认知到自己还...

• 五月 2020

• 五月 30, 2020
  分析时间复杂度与空间复杂度

  本文是覃超老师的《算法训练营》的学习笔记，此笔记的内容包含了学习后的个人记录、个人总结、理解和思想。从而更好的学习算法。 前言学习任何一门知识的时候，我们需要分析清楚这门知识的核心是什么，从而在这个核心中我们可以得到什么。如果我们是盲目的吸收知识，其实很多知识我们都是在目前场景、工作、生活中无法使用的。也是因为学习之后无法运用，所以我们很快就会遗忘，或者是在学习的过程中很容易就会放弃。 ...

• 五月 23, 2020
  如何高效学习数据结构与算法

  前言 本文是个人基于覃超老师的《算法训练营》的学习笔记，此笔记的内容都是学习后的个人记录、个人总结、理解和思想。仅供参考学习。 很多同学在大学的时候会觉得数据结构与算法很枯燥，很多小伙伴都不愿意听这门课程。甚至以前还觉得能开发一个项目就能成为一个合格的程序员。但是学会算法，或者接触过数据结构与算法后，发现懂这门知识的程序员编写出来的代码相对有更高的质量。代码的性能、写法、底层逻辑和解决问题...

• 五月 17, 2020
  44关学习CSS与CSS3基础「一」

  欢迎回来三钻的FCC前端教程，上一篇文章我们通过 28 关学会了 HTML 与 HTML5 网页开发基础。这一期我们一起攻破前端第二大知识点《CSS 基础入门》。因为这一课一共有 44 关，我把文章分成两期更新。敬请期待！ 「CSS 基础知识」Cascading Style Sheet缩写为 CSS，顾名思义就是层叠样式表的意思。CSS 是 HTML 中的一个样式表，告诉浏览器网页上的文字和...

• 五月 09, 2020
  28关学会HTML与HTML5基础

  「经历」我自学前端已经有 6 年多了，自问当时学前端是没有系统化学习的。一开始边看文档，连滚带爬学 HTML 和 CSS 排版，然后深入研究 JavaScript，因为当时最火的就是 JQuery，所以用了很长一段时间的 JQ。 到了后面遇到有一个项目需要我做 APP 开发，但是不可能去学 IOS 开发和安卓开发，因为项目时间也不可能给我们这么充裕的学习时间。所以当时的我深入分析了几个混合 ...

• 五月 01, 2020
  VSCode配置同步

  在上两篇文章中，我们学到了 VSCode 是怎么使用快捷键让我们编写代码时更灵活便捷，甚至是可以基本脱离鼠标。还介绍了很多常用的插件让我们如虎添翼，就像 VSCode 穿上了传奇级别的装配一样。 还没有阅读以上说到的两篇文章《VSCode 常用快捷键大全》，《VSCode 插件大全》，可以先过去学习学习哈。 有了武功秘籍（快捷键）和高深的内功心法（插件），那 VSCode 是不是应该是无敌了...

• 四月 2020

• 四月 25, 2020
  VSCode插件大全

  上一篇文章《VSCode 常用快捷键大全》，我们了解到了 VSCode 中的常用快捷键。学会了快捷键可以让我们更高效和迅速的编写代码。但是没有 IDE 中的一些辅助功能，还是美中不足。 VSCode 没有安装插件，就等同于一把枪没有安装配件，打把的时候还是缺失精准度，开枪的时候也会有很重的后坐力。当然没有插件，也可以很好的编写代码，就是没有那么强而已。 所以这篇文章会给大家介绍 VSCode...

• 四月 19, 2020
  VSCode常用快捷键大全

  我之前也是用过很多代码编辑器，从NotePad++、SublimeText一直到PHPStorm，最后VSCode。这个过程每一个编辑器我都折腾了很多配置，插件和主题。开发者的编辑器就等同于一个刀客的随身佩刀，一个枪手的随身配枪。一个好的装备的配件可以大大提升我们的战斗力。 所以对于一个好的程序员，一个好的代码编辑器可以起到很大的作用，在开发的过程中可以给我们带来很多便利、帮助、效率和影响。...

• 四月 06, 2020
  前端必看的8个HTML+CSS技巧

  CSS 是一个很独特的语言。看起来非常简单，但是某种特殊效果看似简单，实现起来就颇有难度。这篇文章主要是给在学习前端的童鞋分享一些新的 CSS 技巧，一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们，重新燃起对前端排版和特效的热爱和热情！🔥 一、固定底部内容 这种是一个非常常见的布局方式，但是对于新手来说是比较常见的难题。 这种布局方式在后台管理系统中比...

• 三月 2020

• 三月 29, 2020
  写给想学和在学编程的你们，学习编程的7个好处

  你们有没有这种经历？亲戚或者爱人甚至是不做技术的朋友，看到我们屏幕上的小括号{}，大括号[]，还有一大堆的技术英文单词private，public，function等等，都会惊叹一句“你写的是什么呀？太可怕了，全是英文看不懂。”或者“做个程序员是不是需要英语很好的呀？太难了！” 其实当真正学习编程和做起程序员来一切并没有那么的可怕，也并不需要英语有多厉害。不信的小伙伴可以...

• 三月 22, 2020
  用“易于改编”原则, 提升编程水平, 写出更好的代码

  无论新手还是资深开发者都会经常问一个问题，“怎么写好的代码？”，要知道怎么写好代码，首先我们要知道怎么样才是好的代码。要有明确的目标，才能知道如何达成目标。在《程序员修炼之道》中提到的“ETC Principle” -- 易于改编原则。这个原则看似简单，但是我们越是深入思考越是觉得“简约而不简单”。 这篇文章里会详细解刨在实际产品研发中“易于改编”的原因和怎么做到“易于改编”， 从而让我们编...

• 三月 17, 2020
  5大法则助你 成为更出色的开发者

  在现在这个技术高速发展的时代，无论你是在校学生，还是技术职场中的精英，都会面临需要持续提升。但是如果只知道提升技术能力，忽略了一些技巧和技术素养的培养和习惯。你会发现你再有能力，也变得无用武之地。因为真正的强者是不会只依赖 TA 的装备。更多的是技巧，经验，应变能力还有思想。 这篇文章会教 5 大法则助我们成为更出色的开发者，在众多开发者中脱颖而出的诀窍，也会在我们的技术职业生涯中给我们很多...

• 三月 08, 2020
  带你体验Vue2和Vue3开发组件有什么区别

  我们一直都有关注和阅读很多关于 Vue3 的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。还有一些童鞋已经开始又慌又抓狂了 – “又要开始学新的写法了 (ノ ToT )ノ ~┻┻”。 所以这里我使用 Vue2 和 Vue3 开发一个简单的表格组件来展示一下 Vue2 和 Vue3 开发组件的区别。看完这片文章后，你将会有一个概念 Vue2 和 Vue3...

• 十一月 2019

• 十一月 02, 2019
  JavaScript中更简便的数组处理函数.map()，.reduce()，.filter()

  如果你刚接触 JavaScript 可能你还没有听说过.map()，.reduce()，.filter()。或者听说过，看过别人用过但是自己在实际项目中没有用过。在国内很多开发项目都是需要考虑 IE8 的兼容，为了兼容很多 JavaScript 好用的方法和技巧都被埋没了。但是我发现近几年开始，很多开发项目已经完全抛弃了 IE 这个魔鬼了。如果你不需要兼容古老的 IE 浏览器了，那就要开始熟...

• 十一月 01, 2019
  如何高效学习编程

  编程确实不是一件容易的事情，除了要有较强的逻辑思维，还需要花大量的时间和集中力来提升和维持一定的高度。 与其他的领域不一样的是，技术每日都在变，所以对于编程初学者是很难一直与时并进的。就算是技术大神和老司机们也是追赶的比较吃力的。在技术领域打滚的这些年里，通过经历和经验总结出一些高效的学习方式和方法，在这篇文章里与大家分享。让我们现在就在技术领域的学习之路上奔跑吧！ 锁定目标，风雨兼程在刚刚...

• 十月 2019

• 十月 19, 2019
  真正的`服务层`是怎么写的?

  其实很多系统架构里面都有服务层，但是服务对很多开发人员来说都有很多不同的定义和写法。甚至在我待过的公司里都有不同的写法和编写模式。每个人每个团队每个项目都有对服务不同的理解。那到底什么是服务，怎么理解才是对的呢？ 你们有没有过无数个夜晚里严重怀疑人生，琢磨着到底哪一种服务才是对的？哪一种才是最好的写法，哪一种才能达到服务的真正意义？因为这种执着，我开始在国外的各种网站，大神们写过的开源大项目...

• 十月 11, 2019
  使用Console技巧提高JS调试技能

  其实 JavaScript 给到我们很多调试工具来调试代码，那问问你自己，你又知道多少呢？用到多少呢？ 大部分前端开发在 JavaScript 调试代码的常规用法都是直接console.log，直接输出某一个变量或者返回数据里面的对象数据。当然毋庸置疑这样输出来调试是没有问题的。但是不是最优雅的方式来调试代码，其实还有更好的办法。作为一个有追求的技术人才，有更好的调试方式为什么不去使用呢？ ...

• 九月 2019

• 九月 10, 2019
  GitLab Webhook 自动部署

  创建与填写部署公钥创建部署公钥sudo -Hu www ssh-keygen -t rsa 如果创建失败首先需要创建/home/www/.ssh 这个文件夹 查看公钥cat /home/www/.ssh/id_rsa.pub ```·· ### 添加 Hook 在阿里云 code.aliyun.com 上的 profile>ssh_key 里面添加公钥 ## 初始化 git 项目...

• 一月 2019

• 一月 10, 2019
  Lumen 使用 laravel passport

  Lumen是laravel的简洁版, 把laravel里面深重的依赖都去掉了, 所以直接安装laravel的passport是无法正常使用的.所以如果要在lumen上使用laravel的passport就需要安装另外一个插件. 安装要求 PHP >= 5.6.3 Lumen >= 5.3 Composer安装lumen-passport插件首先安装 Lumen Passport...

• 一月 10, 2019
  Lumen passport实现多个用户体系下的oauth验证

  这个教程是基于, lumen里面已经安装好了lumen-passport的插件, 如果还没有的话可以先到lumen使用laravel passport教程先安装. 改写Laravel Passport里面的UserRepository 文件路径 vendor\laravel\passport\src\Bridge\UserRepository.php 首先需要改写userRepositr...

• 四月 2017

• 四月 24, 2017
  IONIC 2 实现首页双击退出APP

  添加绑定值 首先在app/app.html下加入#myNav, 这个是用于绑定当前页面的导航标签 <ion-nav #myNav [root]="rootPage"></ion-nav> 代码实现 然后在app.component.ts做相对的改动 import { Component, ViewChild } from '@angular/core';...

• 四月 20, 2017
  IONIC 3 使用sliders轮播时拖动后autoplay失效解决方法

  我们先了解一下Ionic的Sliders 首先Ionic里面的sliders是用Swiper.js的第三方插件实现的, Ionic官方Sliders的文档里面只描述了可以直接写入html标签内的属性, 有很多高级属性是没有写在文档里面的. 要怎么改变sliders的其他属性呢? 那如果我们要用到Swiper的其他属性怎么办呢? Ionic 2.x 的时候我们是可以在options里面传入...

• 四月 11, 2017
  修复 Ionic 3.0.1 在IOS点击Tabs多次出现黑屏问题方法

  Ionic 3.0.1 在IOS存在的一个严重的BUG，在IOS下多次重复点击TAB的时候页面会出现黑屏问题。 好消息是目前有一个暂时的修复方法。但是这个方法涉及修改Ionic核心代码，所以如果你们正在使用Ionic3发布APP，可以暂时使用以下办法修复问题。 在node_modules/ionic-angular/components/tabs/tabs.js找到一下代码 (46...

• 四月 10, 2017
  IONIC 2 升级 3 教程

  升级步骤 这一次的升级Ionic 3 换成了使用最新的Angular 4.0, 最新的TypeScript, 添加了懒加载和修复了一些组件的bug. 首先更新package.json, 按照以下的代码相应替换你package.json里面的代码, 并且把你项目根目录下的node_modules文件夹删除掉, 然后运行npm install (如果你是用淘宝镜像可以运行 cnpm inst...

• 三月 2017

• 三月 19, 2017
  IONIC 2 - 确认密码

  开发过程中一般在注册或者修改密码都要写一个密码确认的表格, 这篇文章就是记录怎么在Ionic2里面使用FormBuilder和Validators判断密码是否一致. 首先这篇文章是默认您已经了解怎么使用Angualr2的FormBuilder和Validator, 如果你还没了解这两个类的用法可以前去看Ionic2的文档 实例一个FormGroup 第一步首先我们需要实例了FormBuild...

• 二月 2017

• 二月 26, 2017
  Laravel 5.4 开发笔记

  Laravel最近出的Laravel5.4新加了挺多功能的, 比起我用了1年的5.1完善多了. 比较吸引我使用最新的5.4的有几点: 5.4 添加了谷歌内核的浏览器模拟操作 自带API认证类”PASSPORT” 路由自动分类, 现有有了Route自己的文件夹然后里面分类好了WEB和API的路由这一篇记录会分享一些我在尝试Laravel 5.4的过程中遇到的问题和经验 开发记录移植(Mig...

• 二月 25, 2017
  IONIC 2 开发笔记

  因为IONIC2才刚刚开始进入正式版, 中文文档基本都是不全的, 我现在开发都是在看英文文档在开发的过程中遇到了很多文档没有描述的问题, 而且开发的过程中遇到一些框架本身没有完善的功能和存在的BUG 我会在这个日记里面记录一些文档没有写的, 和我开发过程中遇到的一些坑和经验, 希望可以帮助那些刚刚接触IONIC2的程序猿们! APP配置域名配置因为跨域问题，在开发时如果要用到本地环境进行开发...