11 前端岚枫

尚未进行身份认证

我要认证

技术翻译,技术人生,前端知识,生活感悟

等级
TA的排名 3k+

夯实基础,彻底掌握js的核心技术(二):面向对象编程(Object Oriented Programming)

单例设计模式(Singleton Pattern)1. 单例模式解决的问题:表现形式:Var obj = {xxx; xxx,…}2. 作用:把描述同一件事物的属性和特征进行“分组、分类”(存储在同一个推内存空间中),因此避免了全局变量之间的冲突和污染var pattern1 = {name: ‘xxx’}var pattern2 = { name: ‘xxx’}//name值并不是一个值,属于两个堆内存空间中在单例设计模型中,obj不仅仅是对象名,它被称为”命名空间[N.

2020-07-13 22:42:52

夯实基础,彻底掌握js的核心技术(一)

由于工作项目原因,最近很少更新博客了,不过忙中抽闲,利用晚上时间,总结了一些有关JS的基础知识,并分享一些大厂面试 题,根据知识点进行具体分析讲解,希望能对方便大家来学习。数据类型/堆栈内存JS中的数据类型基本数据类型number string boolean null undefined symbol bigint引用数据类型object function数据类型结构如下图数字类型中的比较奇怪的值NaN是number类型Console.log(typeof NaN)

2020-07-09 18:29:14

小程序入门到精通(三):学小程序必备技术基础-flex布局

学小程序我们需要有点html、css、js基础,而flex布局是我们小程序常用的css布局,学习小程序之前,我们需要了解一些css方面的布局知识-Flex布局,Flex 布局将成为未来布局的首选方案1. flex 布局是什么Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。2. flex布局体验2.1 传统布局与flex布局传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局flex布局操作方便,布局极为简单,移动端应用很.

2020-05-24 23:59:45

小程序入门到精通(二):了解小程序开发4个重要文件

1. 小程序没有DOM对象,一切基于组件化2. 小程序的四个重要的文件*.js —> view逻辑 —> javascript*.wxml —> view结构 ----> html*.wxss —> view样式 -----> css*. json ----> view 数据 -----> json文件注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。2.1 WXMLWXML(WeiXin Markup..

2020-05-22 23:14:55

vue-codemirror基本用法:实现搜索功能、代码折叠功能、获取编辑器值及时验证

昨天实现了一些codemirror:基本的编辑代码功能、插入变量功能、codemirror语法验证功能、代码格式化(由于主要是json数据,所以暂时没引用其他组件,如果需要建议引用js-beautify,因为查资料发现codemirror在新的版本中已经去掉autoFormatRange方法),如果想了解更多,请参考《教你轻松搞懂vue-codemirror的基本用法:主要实现代码编辑、验证提示、代码格式化》,今天接着昨天的功能代码继续,主要分享vue-codemirror实现搜索功能、代码折叠功能、获取.

2020-05-15 20:29:32

教你轻松搞懂vue-codemirror的基本用法:主要实现代码编辑、验证提示、代码格式化

2017年的时候用过codemirror,当时用的是jQuery库、codemirror、beautify插件。主要实现代码的编辑功能、插入一些变量功能、beautify插件主要用来格式化代码,实现代码美化效果。不过这两年做项目都是用vue了,需要用到代码编辑器,于是我又找到了代码编辑器vue-codemirror,感觉组件再变,其原理、底层还是没多大变化,用vu e-codemirror,codemirror的方法,配置参数都是通用的,今天我就来分享一下我今天研究的vue-codemirror用法及一些.

2020-05-14 18:16:29

小程序入门到精通:微信小程序介绍及开发准备工作(一)

1. 什么是小程序?微信小程序(wei xin xiao cheng xu),简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小, 下载速度很快,用户感觉不到下载的过程 )。小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。2. 小程序用途同App进行互补,提供同app类似的功能,比app操作更加简洁的轻应用通.

2020-05-12 08:46:19

前端工程师需要懂的前端面试题(c s s方面)总结(二)

实现元素水平垂直居中的几种方法:<div id="wrap"> <div class="box"></div></div>1. 定位方法实现水平垂直居中<style>*{ margin: 0; padding: 0;}#wrap { width: 500px; height: 500px; back...

2020-04-22 08:33:29

每个前端工程师都应该去了解的前端面试题总结(一)

当我们需要找工作的时候,面试对于我们每个程序员来说都是非常重要的环节,掌握一些面试题技巧是非常有必要的,今天主要分享几个js有关的面试题作用域var num1 = 55var num2 = 66function f1(num, num1) {num = 100num1 = 100num2 = 100console.log(num) //100console.log(num1...

2020-04-13 11:59:43

每个前端工程师都应该懂的前端性能优化总结:

文章目录采用css雪碧图(css sprite/css图片精灵)技术在项目中,我们最好把css或者js文件进行合并或者压缩,尤其是在移动端开发的时候,如果css或者j s内容不是很多,我们可以采用内嵌式,以此减少http的请求次数,加快页面加载速度采用图片懒加载技术,在页面开始加载的时候,不请求真实图片地址,而是用默认图占位,当前页面加载完成后,在根据相关的条件依次加载真实图片(减少页面首次加载h...

2020-04-02 10:57:44

axios学习笔记(二):轻松弄懂XHR的使用及如何封装简易axios

使用 XMLHttpRequest(XHR)对象可以与服务器交互。您可以从URL获取数据,而无需让整个的页面刷新。这允许网页在不影响用户的操作的情况下更新页面的局部内容。在 AJAX 编程中,XMLHttpRequest 被大量使用。文章目录1. 理解XHR区别一般http请求与ajax请求3. API4. XHR的ajax封装,也算是简单版的axios4.1 特点4.2 简单版的axio...

2020-03-15 23:06:03

axios学习笔记(一):学习HTTP相关的技术知识点

**HTTP是一种能够获取如 HTML 这样的网络资源的 **protocol(通讯协议)。它是在 Web 上进行数据交换的基础,是一种 client-server 协议,也就是说,请求通常是由像浏览器这样的接受方发起的。一个完整的Web文档通常是由不同的子文档拼接而成的,像是文本、布局描述、图片、视频、脚本等等。1. HTTP请求交互的基本过程前后应用从浏览器端向服务器发送HTT...

2020-03-09 20:38:46

ES6学习笔记(五):轻松了解ES6的内置扩展对象

前面分享了四篇有关ES6相关的技术,如想了解更多,可以查看以下连接《ES6学习笔记(一):轻松搞懂面向对象编程、类和对象》《ES6学习笔记(二):教你玩转类的继承和类的对象》《ES6学习笔记(三):教你用js面向对象思维来实现 tab栏增删改查功能》《ES6学习笔记(四):教你理解ES6的新增语法》文章目录Array的扩展方法扩展运算符(展开语法)构造函数方法: Array.from...

2020-03-08 22:19:03

ES6学习笔记(四):教你轻松搞懂ES6的新增语法

letES6新增的用于声明变量的关键字let声明的变量只在所处于的块级有效不存在变量提升暂时性死区// 使用let声明的变量具有块级作用域if(true) { let a = 10 console.log(a) // 10 if(true) { let c= 30 } console.log(c) // c is not defined}console...

2020-03-07 21:58:22

教你轻松搞定javascript中的正则

文章目录1 正则表达式概述1.1 什么是正则表达式1.2 正则表达式特点2 正则表达式在Javascript中的使用2.1 创建正则表达式2.2 测试正则表达式 test3 正则表达式中的特殊字符3.1 正则表达式的组成3.2 边界符3.3 字符类3.4 量词符3.5 括号总结3.6 预定义类4 正则表达式中的替换4.1 replace 替换4.2 正则表达式参数总结1 正则表达式概述1....

2020-03-06 09:17:04

带你学习javascript的函数进阶(二)

1 严格模式1.1 什么是严格模式JavaScript除了提供正常模式外,还提供了严格模式(strict mode)。ES5的严格模式是采用具有限制性Javascript变体的一种方式。即在严格的条件下运行js代码。严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器会被忽略。严格模式对正常的javascript语义做了一些更改:消除了Javascrip语法的一些不合理、不严谨...

2020-03-03 08:37:36

带你学习Javascript中的函数进阶(一)

文章目录1. 函数的定义和调用1.1 函数的定义方式1.2 函数的调用方式2. this2.1 函数内this的指向2.2 改变函数内部this指向2.3 call apply bind 总结总结1. 函数的定义和调用1.1 函数的定义方式函数声明方式function关键字(命名函数)函数表达式(匿名函数)new Function()var fn = new Function(...

2020-03-02 14:05:48

带你学习ES5中新增的方法

1. ES5中新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括以下几个方面数组方法字符串方法对象方法2. 数组方法迭代遍历方法:forEach()、map()、filter()、some()、every()判断方法:isArray()2.1 forEach跟jQuery的each用法类似。语法是:array.forEach(function(currentVa...

2020-03-01 20:27:51

作为前端,你需要懂得javascript实现继承的方法

在ES6之前,javascript不跟其他语言一样,有直接继承的方法,它需要借助于构造函数+原型对象模拟实现继承。现在我们可以利用ES6的extends方法实现继承,如果想了解更多有关ES6实现的继承请查看《ES6学习笔记(二):教你玩转类的继承和类的对象》,在这里不再做更多的介绍。文章目录1. call()2. 借用构造函数继承父类型属性3. 借用原型对象继承父类型方法总结ES6之前并没...

2020-02-29 17:19:58

作为前端,你需要了解的js构造函数和原型

1.1 概述在典型的OOP的语言中,都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念。对象不是基于类创建的,而是用一种构造函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式:对象字面量var obj1 = {}new Objectvar obj2 = new Object()自定义构造函数function...

2020-02-28 22:38:29

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力探索
    原力探索
    参与《原力计划【第二季】——打卡挑战》的文章入选【每日精选】的博主将会获得此勋章。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。