- 博客(22)
- 收藏
- 关注
原创 面向对象的 JavaScript:封装、继承与多态
本文作者:家园工作室研发组成员 @维尔希宁 本文出处:面向对象的 JavaScript:封装、继承与多态blog.lenconda.top本文遵循署名-非商业性使用-禁止演绎3.0 未本地化版本(CC BY-NC-ND 3.0)协议发布,使用本文时请遵守该协议。在现代编程语言中,我们经常提及面向对象编程(Object-Oriented Programming,OOP)。所谓的面向对象,其实是一种具有对象概念的程序编程典范,同时也是一种程序开发的抽象方针。与函数式编程(Functional Programm
2021-03-08 00:10:11
437
1
原创 开发用到的js封装方法(20种)
1、判断是否是一个数组function isArray(arr){return Object.prototype.toString.call(arr) ==='[object Array]';} isArray([1,2,3]) //true2、判断是否是一个函数(三种)function isFunction(fn) {return Object.prototype.toString.call(fn) ==='[object Function]';return fn.constructo
2021-03-07 23:35:53
381
转载 D3.js从入门到“放弃”指南
前言 近期略有点诸事不顺,趁略有闲余之时,玩起D3.js。之前实际项目中主要是用各种chart如hightchart、echarts等,这些图形库玩起来貌都是完美的,一切皆可配置,但几年前接触了D3之后,觉得前面那chart类库局限的地方在于,基本不可定制;而D3呢,你说了算,你想画出什么样的图,你说了算,自由度很大,当时就有点膜拜和仰慕,小打小闹的玩了几下,没有沉下心来专心去玩,当时觉得真的很难。不理解,也看不进去...
2021-03-07 21:39:58
368
原创 跟着9张思维导图学习Javascript
学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将 po 出我收集的 9 张 javascript 相关的思维导图(非原创)。思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想象之间平衡发展,从而开启人类大脑的无限潜
2021-03-07 21:12:33
115
原创 玩转图片Base64编码
引言图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大,不过只是希望通过一些浅显的论述,让你知道什么是图片的 base64 编码,为什么我们要用它,我们如何使用并且方便的使用它,并让你懂得如何去在前端的实际工作中运用它。什么是 base64 编码?我不是来讲概念的,直接切入正题,图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址。这样做有什么意
2021-03-07 19:36:16
200
原创 SGML、XML、HTML之间的区别与联系
H5已经不是SGML的子集,那么我们经常听到的SGML、XML、HTML之间又有些什么关联与区别呢,请教度娘之后现在将其总结一下,方便以后查阅…SGML是指“标准通用标记语言”(Standard Generalized Markup Language), 是1986年出版发布的一个信息管理方面的国际标准(ISO 8879),它是国际上定义电子文件结构和内容描述的标准,是一种非常复杂的文档的结构,...
2019-12-05 10:39:50
473
原创 什么是闭包?为什么使用闭包?闭包的缺点?
闭包:即重用一个变量,又保护变量不被污染的一种机制。为什么使用闭包 : 全局变量和局部变量都具有不可兼得的优缺点。 全局变量: 优: 可重用, 缺: 易被污染。 局部变量: 优: 仅函数内可用,不会被污染。 缺: 不可重用! 何时使用: 只要即重用一个变量,...
2019-12-05 09:43:22
218
原创 HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:定义页面或区段的头部; 定义页面或区段的尾部; 定义页面或区段的导航区域; 页面的逻辑区域或内容组合; 定义正文或一篇完整的内容; 定义补充或相关内容;使用他们能让代码语义化更直观,而且更方便SEO优化。但是此H...
2019-12-05 09:04:46
109
原创 web前端能做到多少岁?2年能发展到前端技术大牛吗?
有人说,程序猿35岁一个坎,前端可以作为一辈子的岗位么?40几岁如果做不了主管,那去哪儿?有人说,今年30了,想做web前端工作,这个年龄还有搞头。有人说,web前端是不是不适合女生学习?还有人说,web前端多大年纪就不适合找工作了?web前端能做到多少岁?2年能发展到前端技术大牛吗?这类问题每隔一段时间就会出现,说明同学们其实是一直在思考着自己的未来。下面就为大家来一一解惑人才发展路...
2019-12-03 13:44:58
8371
1
原创 2019JS必看面试题
1. javascript的typeof返回哪些数据类型.string,boolean,number,underfined,function,object2. 例举3种强制类型转换和2种隐式类型转换?强制:parseInt,parseFloat,number隐式:==,===3. split() join() 的区别split:是将字符串切割成数组的形式join:是将数组转...
2019-12-03 09:12:26
6667
转载 前端真的能做到彻底权限控制吗?
有一天突然想到一个问题,web端的权限控制:1.真的能控制权限吗?2.仅仅靠前端,能不能做到真正的权限控制?3.如果需要后台配合,应该如何配合?可能这是一个老生常谈的问题,但还是想整理下,有误的地方望大家指出。何为权限控制权限控制大致分为两个维度:垂直维度: 控制用户可以访问哪些url的权限水平维度: 控制用户访问特定url,获取哪些数据的权限(e.g. 普通用户、管理员、超级管理...
2019-11-20 12:01:11
108
原创 前后端常见的几种鉴权方式
目前我们常用的鉴权有四种:HTTP Basic Authenticationsession-cookieToken 验证OAuth(开放授权)一.HTTP Basic Authentication 这种授权方式是浏览器遵守http协议实现的基本授权方式,HTTP协议进行通信的过程中,HTTP协议定义了基本认证认证允许HTTP服务器对客户端进行用户身份证的方...
2019-11-20 11:58:25
108
转载 我用了两个月的时间才理解 let
初识 let跟很多人一样,我第一次了解 let 的特性是从 MDN 的文档:<img src="https://pic3.zhimg.com/v2-673251397cd659ac021e8d55ad2bdb7e_b.jpg" data-caption="" data-size="normal" data-rawwidth="2071" data-rawheight="1298" class...
2019-11-20 11:35:57
169
原创 Javascript声明提升
在分析声明提升之前,我认为有必要知道的两点:一、引擎查询变量的两种方式引擎查询变量的方式可以分为LHS和RHS两种方式,通过“L”和“R”是可以大致了解意思,分别是赋值操作的左侧和右侧。 (不能光是理解为“=”的左右侧可不行,因为赋值操作的形式有多种。)简单说下我对这两种查询方式的理解:LHS:赋值操作的目标是谁。 (查询变量)RHS:谁是赋值操作的源头。 (查询变量的值)这样说可能有些...
2019-11-20 11:32:40
91
原创 BFC是什么
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。 在解释 BFC 是什么之前,需要先介绍 Box、...
2019-11-20 11:30:02
306
转载 JS 中构造函数和普通函数的区别
1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写2、构造函数和普通函数的区别在于:调用方式不一样。作用也不一样(构造函数用来新建实例对象)3、调用方式不一样。 a. 普通函数的调用方式:直接调用 per...
2019-11-14 13:46:47
139
转载 JavaScript中Null和Undefined的区别
Null:null是js中的关键字,表示空值,null可以看作是object的一个特殊的值,如果一个object值为空,表示这个对象不是有效对象。Undefined:undefined不是js中的关键字,其是一个全局变量,是Global的一个属性,以下情况会返回undefined:1)使用了一个未定义的变量;var i;2)使用了已定义但未声明的变量;3)使用了一个对象属性,但该属性不...
2019-11-14 13:43:18
171
转载 meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
简单来说meta name="viewport" content="width=device-width,initial-scale=1.0" 解释 <meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : wi...
2019-11-14 11:15:54
2002
原创 for in 和for of的区别
1、遍历数组通常用for循环ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。Array.prototype.method=function(){ console....
2019-11-14 09:43:38
115
转载 URI和URL的区别(转)
原文链接:http://www.cnblogs.com/zuizui1204/p/8394877.html <!--一个博主专栏付费入口结束--> ...
2019-11-14 09:07:09
277
转载 HTML5 中 div section article 的区别
刚刚开始接触 HTML5 时,对它的标签很不适应,甚至一度有点反感。尤其是对 div、section、article 这几个标签,实在弄不清楚应该使用在什么场合下。divHTML Spec: “The div element has no special meaning at all.”这个标签是我们见得最多、用得最多的一个标签。本身没有任何语义,用作布局以及样式化或脚本的钩子(hook)。...
2019-11-11 11:52:14
225
转载 webpack是什么
1、浏览器在解析js时的盲点要理解webpack是个什么东西,解决了什么问题,我们首先要理解前段的一个最大的坑,就是浏览器在解析js的时候,它有一个盲点就是,没有做到js文件的模块化。比如一个文件要想给另外一个文件暴露出去一部分数据或者一个变量,那只能将它定义在全局的作用域下,没有其他的办法。比如b依赖于c,a依赖于b:<body> <script src="c.j...
2019-11-08 10:17:06
146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人