- 博客(55)
- 收藏
- 关注
RSS订阅原创 最详尽的 JS 原型与原型链终极详解（三）
七. 函数对象 （复习一下前面的知识点）所有函数对象的proto都指向Function.prototype，它是一个空函数（Empty function）Number.__proto__ === Function.prototype // trueNumber.constructor == Function //trueBoolean.__proto__ === Function.prototype // trueBoolean.constructor == Function //tru
2020-08-28 17:00:57
401
原创 最详尽的 JS 原型与原型链终极详解（二）
四. __proto__JS 在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做__proto__的内置属性，用于指向创建它的构造函数的原型对象。对象 person1 有一个__proto__属性，创建它的构造函数是 Person，构造函数的原型对象是 Person.prototype ，所以：person1.__proto__ == Person.prototype请看下图：《JavaScript 高级程序设计》的图 6-1根据上面这个连接图，我们能得到：P...
2020-08-28 16:56:17
328
原创 最详尽的 JS 原型与原型链终极详解（一）
一. 普通对象与函数对象JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明var o1 = {}; var o2 =new Object();var o3 = new f1();function f1(){}; var f2 = function(){};var f3 = new Function('str','console.log(str)');console.l...
2020-08-28 16:49:31
445
原创 一篇文章，教你学会Git
在日常工作中，经常会用到Git操作。但是对于新人来讲，刚上来对Git很陌生，操作起来也很懵逼。本篇文章主要针对刚开始接触Git的新人，理解Git的基本原理，掌握常用的一些命令。一、Git工作流程image以上包括一些简单而常用的命令，但是先不关心这些，先来了解下面这4个专有名词。Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库工作区程序员进行开发改动的地方，是你当前看到的，也是最...
2020-08-28 16:42:13
223
原创 开发效率倍增！推荐6款VS Code插件
VS Code接二连三的大动作，使得这款开发工具这两年热度迅速上升。一跃成为Python、Java、JavaScript、C/C++领域热门的开发工具。它之所以能够在如此短的时间内迅速受到广大开发者的喜爱，绝对不单纯因为它出身名门，重点还是由于它自身有很多吸引人的地方。以我为例，最初因为好奇尝试了一下VS Code，后来被它强大的远程开发惊艳。最后，索性Java、C++、Python、js开发都迁移到了VS Code。总结一下，VS Code主要有如下优点：丰富而强大的插件 实用而新...
2020-08-14 20:08:45
318
原创 转行学习web前端开发，需要哪些工具和需要学习什么？
刚开始学习的话开发工具建议是下载VScode，当然主要的还是看自己比较喜欢和习惯用那个下面是一些常用的开发工具，在学习前端之前，先把工具准备好，没有金刚钻怎么揽瓷器活？所以准备了如下的一些开发工具，这里推荐使用VSCode。1. WebStorm2. Dreamweaver3. HbuilderX4. Sublime Text5. Vim（高手使用较多）6. VSCode思维导图前端开发工具二、HTML+CSS 部分HTML掌握 HTML 是网页的核心，...
2020-08-14 20:01:26
2965
原创 12个前端必会 H5 问题及解决方法
前言作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。问题下面列举了我遇到的一些常规问题，如有遇到其他问题请在评论区补充，之后我也会实践后加以补充，感谢！（经常更新该文）移动端 H5 相关问题汇总：1px 问题 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟
2020-08-14 19:50:07
1022
1
原创 【知识点】JS中的内存管理
【知识点】JS中的内存管理前言像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()用于分配内存和释放内存。 而对于JavaScript来说，会在创建变量（对象，字符串等）时分配内存，并且在不再使用它们时“自动”释放内存，这个自动释放内存的过程称为垃圾回收。 因为自动垃圾回收机制的存在，让大多Javascript开发者感觉他们可以不关心内存管理，所以会在一些情况下导致内存泄漏。目录内存生命周期 垃圾回收 内存泄漏内存生命周期JS 环境..
2020-08-12 16:58:24
204
原创 【Demo】项目练习之纯css模拟下雪效果
【Demo】项目练习之纯css模拟下雪效果效果如其名，想必都见过下雪，但下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果。目录：前言 原理 构造雪形状 构造下雪动画 随机性1.前言由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点：动画自由度：canvas胜； 复杂度：canvas胜； 兼容性：canvas胜； 性能...
2020-08-12 16:53:47
284
原创 【知识点】你知道CSS 与 JS 是否会阻塞 DOM 解析和渲染吗？
【知识点】你知道CSS 与 JS 是否会阻塞 DOM 解析和渲染吗？CSS篇关于CSS，大家肯定都知道的是<link>标签放在头部性能会高一点，少一点人知道如果<script>与<link>同时在头部的话，<script>在上可能会更好。这是为什么呢？下面我们一起来看一下CSS对DOM的影响是什么。CSS不会阻塞DOM的解析注意哦！这里说的是DOM解析，证明的例子如下，首先在头部插入<script defer src="/j...
2020-08-12 16:46:39
1788
1
原创 零基础的前端开发初学者应如何系统地学习？
零基础的前端开发初学者应如何系统地学习？在正文开始前，我还是先说一下我个人对于前端职业发展前景的看法。希望对那些站在前端学习起点，或者已经在路上，但犹豫不决的同学有所启发。总的来说，到了2020年，初级前端在市场上是供大于求的，而高级前端依然是供小于求。这个判断主要是通过这些年面试的情况来看，没有全面的数据支撑，仅代表我个人观点。初级前端供大于求。在培训机构和互联网公司的共同推动下，市场的初级前端很多。相比我2011年回答这个问题时，互联网公司在前端工程师的招聘要求高了很多。我毕业那年只是在学校
2020-08-11 14:44:14
311
原创 2020-08-11
零基础的前端开发初学者应如何系统地学习？在正文开始前，我还是先说一下我个人对于前端职业发展前景的看法。希望对那些站在前端学习起点，或者已经在路上，但犹豫不决的同学有所启发。总的来说，到了2020年，初级前端在市场上是供大于求的，而高级前端依然是供小于求。这个判断主要是通过这些年面试的情况来看，没有全面的数据支撑，仅代表我个人观点。初级前端供大于求。在培训机构和互联网公司的共同推动下，市场的初级前端很多。相比我2011年回答这个问题时，互联网公司在前端工程师的招聘要求高了很多。我毕业那年只是.
2020-08-11 14:43:07
223
原创 HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？
HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？如果你有耐心坚持个一年以上的话, 我会推荐HTML, css ,js, apache ,php, mysql后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置,WampServer, the web development platform on Windows直接包括了apache, php, mysql三个软件, 省的自己一个一个装（该软件的安装地址貌似被墙了，大家也可以直接装mac下面推送的XA...
2020-08-11 14:37:10
595
原创 程序员们平时都喜欢逛什么论坛呢？
程序员们平时都喜欢逛什么论坛呢？看到有人问程序员都喜欢逛哪些论坛，那我就来总结一下。0. GitHub — 开发者最最最重要的网站：https://github.com这个不用多说了吧，代码托管网站，上面有很多资源，想要什么轮子，上去搜就好了。并且呢，上面有很多优秀的程序员，你可以在这里交到很多好朋友喔。1. Stack Overflow — 解决 bug 的社区：https://stackoverflow.com/开发过程中遇到什么 bug，上去搜一下，只要搜索的方式对，百分之 99
2020-08-11 14:35:15
252
原创 DIV+CSS学习笔记总结篇
DIV+CSS学习笔记总结篇第一部分 HTML第一章 职业规划和前景 职业方向规划定位： web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望： 未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做老板 随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标： 第一、梳理知识架构 负责内容的HTML 负责外观的css（层叠样式表） 负责行为
2020-07-29 23:03:13
1006
原创 给所有开发者的React Native详细入门指南
给所有开发者的React Native详细入门指南建议先下载好资料后，再阅读本文。demo代码和资料下载目录一、前言 二、回答一些问题 1. 为什么写此教程 2.本文适合哪些人看 3.如何使用本教程 4.需要先学习JavaScript、HTML、CSS么 5.如何编写demo 6.保不保证学习效果 三、章节内容（预计用时：9.5~14.5天） 1.内容简介 2.环境搭建（预计用时：1~2天） 3.Hello World（预计用时：0.5天） .
2020-07-29 23:00:32
532
原创 30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）
30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）前言本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 Vue 掌握程度有一定的认识，对缺漏之处进行弥补，对 Vue 有更好的掌握。 文章最后一题，欢迎同学们积极回答，分享各自的经验 ~~~.
2020-07-22 22:34:51
414
原创 一篇文章带你详解 HTTP 协议
一篇文章带你详解 HTTP 协议本篇文章篇幅比较长，先来个思维导图预览一下。一张图带你看完本篇文章一、概述1.计算机网络体系结构分层计算机网络体系结构分层2.TCP/IP 通信传输流利用 TCP/IP 协议族进行网络通信时，会通过分层顺序与对方进行通信。发送端从应用层往下走，接收端则从链路层往上走。如下：TCP/IP 通信传输流首先作为发送端的客户端在应用层（HTTP 协议）发出一个想看某个 Web 页面的 HTTP 请求。 接着，为了传输方便，在.
2020-07-22 22:32:36
908
原创 HTML 入门笔记 － 初识HTML
HTML 入门笔记 － 初识HTML基础框架<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>标题标签</title></head><body> <h1>了不起的盖茨比</h1> <p&.
2020-07-22 22:30:26
878
原创 微信小程序实战（仿小米商城）
微信小程序，让你一见倾心前言小程序发布以来，凭借无需安装、用完即走、触手可及、无需注册、无需登录、以及社交裂变等多个优势，一路高歌，变得愈来愈火爆，它革命性的降低了移动应用的开发成本，也正好迎合了用户的使用应用的习惯。小程序魅力如此之大，作为一枚程序猿，我想怎么不自己做一个呢？话不多说，咱撸起袖子就是干准备工作前端开发利器：VSCode 调试：微信开发者工具 自己Mock的一些数据 微信开发文档项目目录结构├── assets 用到.
2020-07-21 15:25:28
2224
2
原创 免费高清！N个无/少版权限制的大图特供网站
免费高清！N个无/少版权限制的大图特供网站http://jaymantri.com/http://nos.twnsnd.co/http://www.freeimages.co.uk/http://www.superfamous.com/https://www.flickr.com/explore/http://500px.com/http://www.gratisography.com/http://picjumbo.com/http://www.lifeofpix.co
2020-07-21 15:14:11
313488
28
原创 史上最全的web前端面试题汇总及答案
史上最全的web前端面试题汇总及答案很早之前就在看web前端面试题，一直想总结一个比较全面又详细的面试题库，现在总结了一些，分享给大家，以后还会持续更新，有些题目有多种答案，本文只给出其中一种，哪里有问题的欢迎指出。Html&CSS1、谈谈你对web标准的理解web标准的理解2、列举html中至少三个实体&、  、<、>、®、©详细请看w3schoolHTML实体符号参考手册w.
2020-07-20 22:40:57
1345
原创 Vue真是太好了 壹万多字的Vue知识点 超详细!
Vue真是太好了 壹万多字的Vue知识点 超详细!️1⃣️、Vue和其他两大框架的区别Angular 学习成本太高 React 代码可读性差 Vue 学习成本较低 很容易上手传送门https://cn.vuejs.org/v2/guide/comparison.html️2⃣️、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端框架" 让程序员脱离自己操作DOM 专注于写逻辑和操作数据 Vue的核心库只关注视图层 易上手 便于与第三方库或既有的项目整合 当与现代..
2020-07-20 22:35:47
378
原创 前端chrome浏览器调试总结
前端chrome浏览器调试总结引言“工欲善其事，必先利其器” 恩，这句话我觉得说的特别有道理，举个例子来说吧，厉害的化妆师都有一套非常专业的刷子，散粉刷负责定妆，眼影刷负责打眼影，各司其职，有了专业的工具才能干专业的事，这个灵感要来源于之前我想买化妆品时，店里的海报标语，由此联想到，如果你想在某个事情上做好，并且做的专业，那么你一定要把你的工具用好，这样才能事半功倍，我见过很多师兄师姐，他们写了很多代码，他们能够很快的完成工作，能够处理很多复杂的业务逻辑，但是对于浏览器的调试掌握的并不全面和熟.
2020-07-17 21:53:59
212
原创 听说你要找前端工作，写一个酷炫的动画的简历呀
听说你要找前端工作，写一个酷炫的动画的简历呀 演示 源码 gihub 求star 求forkDEMO 预加载需要改一下，因为我放在服务器上的 所以是http请求 但是 在本地 就成了 file 请求 所以 各位自己改一下如果你刚刚学完前端的DOM,BOM 或者是看完《javascriptDOM编程艺术》这本js里比较优秀的入门书籍 或者你是应届毕业生想找一份前端的工作，并且。。。你又恰好喜欢做动画。。。O__O "… （算了---哪有那么多或者。。。。）...
2020-07-17 21:51:36
670
原创 web开发快速提高工作效率的一些资源
web开发快速提高工作效率的一些资源前端学习资源实在是又多又广，在这样的一个知识的海洋里，我们像一块海绵一样吸收，想要快速提高效率，平时的总结不可缺少，以下总结了一些，排版自我感觉良好，推送出来，后续持续跟新中......开发工具 HBuilder下载地址：http://www.dcloud.io/ Sublime Text：https://www.sublimetext.com/ WebStorm：http://www.jetbrains.com/webstorm/ ...
2020-07-17 21:46:15
134
原创 作为程序员的我，常用的工具软件有这些
作为程序员的我，常用的工具软件有这些不同岗位的程序员也有千差万别，前端、算法、架构设计、测试......不同的岗位日常使用的工具截然不同。这些天我总结了一下我在开发中常用的软件/网站/插件/命令行工具，很多精品，分享给大家。往后看，你会发现“惊喜”不断。下面主要从4个方面介绍，PC端软件 网页工具 浏览器插件 命令行工具PC端软件1. vscode第一名当然归属于神器vscode，这些年的开发中，IDE是接触最多的工具，无论前端JS，做服务开发时用Java，还是做算法时.
2020-07-16 13:16:02
872
原创 前端网站资源精编！！
前端网站资源精编！！目录:1-------- 走进前端2-------- jQuery3-------- CSS4-------- Angularjs5-------- ES66-------- React7-------- 移动端API8-------- avalon9-------- Requriejs10-------- vue11-------- Seajs12-------- Less,sass13-------- Markdown14-------- D3
2020-07-16 13:13:41
9433
原创 Web前端好书推荐
Web前端好书推荐最近小丸子在看一些前端方面的书籍，推荐一些给大家，大家一起学习，一起进步，有很多网站可以下载到这些书籍，大家可以自行下载，或者简信我，我分享给大家，因为可能涉及到出版社版权问题，所以不便公开，谢谢理解。1、HTML&CSS《HTML5秘籍》《Head First HTML与CSS、XHTML（中文版）》《CSS权威指南（第三版）》《精通CSS（第2版）》《CSS实战手册》《CSS那些事儿》《CSS设计彻底研究》【中文PDF+源码】]《CSS禅意花园》《C
2020-07-16 13:09:20
411
原创 什么是 JWT -- JSON WEB TOKEN
什么是JWTJson web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准（(RFC 7519).该token被设计为紧凑且安全的，特别适用于分布式站点的单点登录（SSO）场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的其它业务逻辑所必须的声明信息，该token也可直接被用于认证，也可被加密。起源说起JWT，我们应该来谈一谈基于token的认证和传统的session认
2020-07-15 22:25:22
100
原创 史上最全的架构师图谱
史上最全的架构师图谱本文是笔者多年来积累和收集的知识技能图谱，有的是笔者原创总结的最佳实践，有的是小伙伴们的分享，其中每个秘籍图谱里面的内容都是互联网高并发架构师应该了解和掌握的知识，笔者索性把这些图谱收集在一起，并且归类便于查找和学习，希望能够帮助到每一位想成为架构师或者已经是架构师的小伙伴，这里我们的标题“史上最全的架构师图谱”是本文的目标，作者计划把这篇文章作为一个开放性的文章，如果读者发现更多的图谱，请联系作者本人，我们把更多的图谱、思维导图汇集在其一起，最终一定能成为互联网上“史上最.
2020-07-15 22:24:03
436
原创 八大排序算法总结
排序算法总结排序算法 平均时间复杂度 冒泡排序 O(n2) 选择排序 O(n2) 插入排序 O(n2) 希尔排序 O(n1.5) 快速排序 O(N*logN) 归并排序 O(N*logN) 堆排序 O(N*logN) 基数排序 O(d(n+r)) 一. 冒泡排序(BubbleSort) 基本思想：两个数比较大小，较大的数下沉，较小的数冒起来。 过程： 比较相邻的两个数据，如果第二个数小.
2020-07-15 22:22:43
394
原创 十五分钟用JavaScript基础写一个图片轮播效果
十五分钟用JavaScript基础写一个图片轮播效果前言这次也是一个适合JavaScript初学者的小练手，用JavaScript的基本知识去写一个轮播图，其实轮播图有很多方法去实现，像用一些框架，Bootstrap之类的，或者CSS3都可以轻松做出漂亮的轮播图，这次去用JavaScript实现，主要是为了锻炼自己使用Js的能力，代码非常简单，我会先放出HTML和CSS部分，最后详细讲解Js部分，还是那句话，重要的是思路，希望Js的初学者可以跟着我动手敲一敲，绝对对自己的能力有提升！完整代码也放在G
2020-07-14 21:18:22
521
原创 前端面试题总结（js、html、小程序、React、ES6、Vue、全栈）
前端面试题总结（js、html、小程序、React、ES6、Vue、全栈）文档描述本文是关注微信小程序的开发和面试问题，由基础到困难循序渐进，适合面试和开发小程序。并有热点框架（vue react node.js 全栈）前端资源以及后端视频资源和源码并基于前端进阶和面试的需求 总结了常用插件和js算法以及html/css 和js热点面试题Vue面试题生命周期函数面试题1.什么是 vue 生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子
2020-07-14 21:16:44
687
原创 “用了就停不下来”的代码插件
“用了就停不下来”的代码插件今天无意中扫到, 旁边的人写代码时, 屏幕非常炫酷, 就多看了几秒, 于是发现了一个很有意思的插件activate-power-mode, 它的主要作用就是, 即使你只会写helloWorld, 也能让你体会一把, 狂拽酷炫的感觉!插件github地址:https://github.com/JoelBesada/activate-power-mode这个插件能玩出"炫舞"的感觉开始打字, 插件会计算积分, 打字越多, 积分越多 当到达一定积分后, 等...
2020-07-14 21:14:55
157
原创 JavaScript实现Fly Bird小游戏
JavaScript实现Fly Bird小游戏1.分析页面结构，理清需求和功能游戏有三个界面，分别是开始界面，游戏界面和游戏结束界面。1.1 开始界面游戏的大背景 上下移动的游戏标题和翅膀摆动的小鸟 start 按钮，点击进入游戏界面 一直移动的地面1.2 游戏界面显示越过障碍数量的计分器 移动的障碍物，分别是上管道和下管道 点击游戏界面，小鸟向上飞起，然后在重力作用下下坠， 当小鸟和管道碰撞后，结束界面弹出，同时小鸟落到地面1.3 结束界面...
2020-07-13 22:49:46
687
1
原创 前端基础进阶（十一）：详解面向对象、构造函数、原型与原型链
前端基础进阶（十一）：详解面向对象、构造函数、原型与原型链.如果要我总结一下学习前端以来我遇到了哪些瓶颈，那么面向对象一定是第一个会想到的。尽管现在对于面向对象有了一些的了解，但是当初那种似懂非懂的痛苦，依然历历在目。为了帮助大家能够更加直观的学习和了解面向对象，我会用尽量简单易懂的描述来展示面向对象的相关知识。并且也准备了一些实用的例子帮助大家更加快速的掌握面向对象的真谛。jQuery的面向对象实现 封装拖拽 简易版运动框架封装这可能会花一点时间，但是却值得期待。..
2020-07-13 22:47:04
170
原创 web开发快速提高工作效率的网址及工具
web开发快速提高工作效率的网址及工具工欲善其事必先利其器，在技术快速更新的时代，我们不要闭门造车，要借助的现有的资源提高我们的效率，以下是我整理出来比较实用的网址，会持续更新......学习的网站纳米学习[http://1nami.com/]工具网址GTmetrix，输入任何你想测评的网址，就可以得到优化建议了。[https://gtmetrix.com/] 图片压缩[https://tinypng.com/] 加私有前缀[https://autoprefixer.git...
2020-07-13 22:45:05
772
原创 进阶攻略|前端最全的框架总结
进阶攻略|前端最全的框架总结前端的技术日渐更新，最近得空，花了一上午的时间，将前端常见的UI框架总结了一下，在开发的过程之中，有了这些，不断能够提高自己的工作效率，还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址：http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。，从核心代码到API的每一.
2020-07-12 22:42:49
479
原创 这样配置，让你的VS Code好用到飞起！
这样配置，让你的VS Code好用到飞起！VS Code是一个开源的跨平台开发工具，是我目前用的最顺手的编辑器。本文介绍了一些常用的插件和快捷键，帮你大大提高软件开发的效率，让你有更多的时间去撸铁和泡妹子。初识VS Code先放上它的官网：https://code.visualstudio.com/VSCode全称是Visual Studio Code，光从名字上来看，一开始可能有人会把VSCode和Visual Studio搞混，他俩都属于微软爸爸公司旗下的产品，而后.
2020-07-12 22:39:44
902
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人