- 博客(19)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 git 新建本地分支，并对应建立远程分支和推送到远程分支
我们有一个master 分支，当工程要新增新的功能时，又暂时不上线，那么我们可以新建一个新的本地分支，和对应的远程分支，完成之后，上线时再合并就可以了。1.查看一下本地分支 git branch查看本地和远程的所有分支 git branch -a2.新建一个本地的分支 git branch -b newbranch //这个命令是新建一个分支，并切换到该分支上去（git branch newbranch; git checkout newbranch）这两个
2020-06-29 14:01:41
1048
原创 获取Object数据的描述符
参考链接https://www.cnblogs.com/flase/p/3599363.html?utm_source=tuicool&utm_medium=referralObject.getOwnPropertyDescriptors(obj)Object.getOwnPropertyDescriptor(obj, ‘obj属性’)const data = { PortLand: '78/50', Dublin: '88/52', Lima: '58/40'}Obj
2020-06-27 15:33:30
282
原创 ES8中对字符串补白的方式
在很多场景下，我们需要对字符串进行格式化输出，比如 输出两位数的数字，如果是一位那么前面补0普通做法：for (let i = 1; i < 32; i++) { if (i < 10) { console.log(`0${i}`) } else { console.log(i) }}es8中字符串补白for (let i = 1; i < 32; i++) { console.log(i.toString().padStart(2, '0'.
2020-06-27 15:11:19
228
原创 typescript笔记
插件prettier 代码格式化，在配置了找到save，保存后就触发代码格式化。ts-node ：npm包，通过ts-node 运行.ts文件。静态类型
2020-06-26 11:44:25
179
1
原创 JS遍历对象属性(for in、Object.keys、Object.getOwnPropertyNames、for of、Reflect.ownKey
js中几种遍历对象的方法，包括for in、Object.keys、Object.getOwnPropertyNames、for of 、Reflect.hasOwn()它们在使用场景方面各有不同。for in主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性。var obj = {"name":"Poly", "career":"it"}Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false});O
2020-06-24 13:27:58
1940
转载 display：flex和display: inline-flex区别
flex： 将对象作为弹性伸缩盒显示inline-flex：将对象作为内联块级弹性伸缩盒显示flex.main{ background-color: #0f0; display: flex;/*父div设置该属性*/ } .main>div{ width: 50px; height: 50px; border: 1px solid black; }此时没有为父元素main设置.
2020-06-24 10:27:02
1166
2
原创 es6 Iterator让不支持遍历的数据结构可遍历以及与generator的关系
一. Iterator（ 遍历器） 的概念JavaScript 原有的表示“ 集合” 的数据结构， 主要是数组（ Array） 和对象（ Object）， ES6 又添加了 Map 和 Set。 这样就有了四种数据集合， 用户还可以组合使用它们， 定义自己的数据结构， 比如数组的成员是 Map， Map 的成员是对象。 这样就需要一种统一的接口机制， 来处理所有不同的数据结构。遍历器（ Iterator） 就是这样一种机制。 它是一种接口， 为各种不同的数据结构提供统一的访问机制。 任何数据结构只要部署
2020-06-21 23:12:31
207
1
原创 es6 generator 让遍历停下来
一. 普通的循环一次性全部执行完，停不下来function loop () { for (let i = 0; i < 5; i++) { console.log(i) }}loop()二. generator2.1 基础用法：例1：function * loop () { for (let i = 0; i < 5; i++) { yield console.log(i) }}const l = loop()l.next()l.ne
2020-06-21 18:40:43
469
转载 Javascript异常处理机制详解
在ES3之前js代码执行的过程中，一旦出现错误，整个js代码都会停止执行，这样就显的代码非常的不健壮。在Java或C#等一些高级语言中，都提供了异常处理机制，可以处理出现的异常，而不会停止整个应用程序。 从ES3开始，js也提供了类似的异常处理机制，从而让js代码变的更健壮，及时执行的过程中出现了异常，也可以让程序具有了一部分的异常恢复能力。一、Javascript的异常捕获机制1.1 基本的try…catch语句ES3开始引入了 try-catch 语句，是 JavaScript 中处理异常的.
2020-06-21 00:19:14
619
转载 JavaScript中split函数中的正则表达式
字符串split()方法的语法：string.split(separator,number)我们通常用的是类似于string.split(separator)的方法，separator可以是一个String类型也可以是一个RegExp对象，而参数number（≥0）用于指定数组的大小，以便确保返回的数组不会超过既定大小。var Apple = 'iphone,ipad,ipadmini,mac,macpro';console.log(Apple.split(',')) //["iph
2020-06-17 11:15:26
3160
原创 CSS3之pointer-events(屏蔽鼠标事件)属性说明
我们在 HTML 开发时可能会遇到这样的情况：页面上有一些元素使用绝对定位布局，这些元素可能会遮盖住它们位置下方的某个元素的部分或者全部。默认情况下，下方元素被遮挡的部分是不会响应鼠标事件的。但有时我们可能需要被遮盖住的元素仍然能够处理鼠标事件。 比如：我们在一个地图组件上覆盖了一个显示信息的元素，但又不想让这个信息面板影响下方地图的拖动等操作。那么我们可以使用一个叫 pointer-events 的 css 属性来实现。使用场景1. 让链接不能点击这里将第二个 a 标签 pointer-event
2020-06-16 18:06:10
1278
原创 ES6之Proxy
对真实数据进行修改let o = { name: 'xiaoming', price: 190}let d = new Proxy(o, { get (target, key) { if (key === 'price') { return target[key] + 20 } else { return target[key] } }})console.log(d.price, d.name)将数据变成只读的，不让你修.
2020-06-15 08:44:16
218
原创 ES6之Reflect
Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法，这些方法与处理器对象的方法相同。Reflect不是一个函数对象，因此它是不可构 的。一. apply//es5console.log(Math.floor.apply(null, [3.72]))//es6反射console.log(Reflect.apply(Math.floor, null, [4.72]))反射的好处：let price = 91.5if (price > 100) { pri.
2020-06-10 00:41:49
259
原创 JavaScript正则表达式exec方法
JavaScript正则中的子表达式要用括号括起来。说明exec() 方法的功能非常强大，它是一个通用的方法，而且使用起来也比 test() 方法以及支持正则表达式的 String 对象的方法更为复杂。如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回 null。此数组的第 0 个元素是与正则表达式(用括号括起来的)匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（如果有的话），第 2 个元素是与 RegExpObject 的第 2 个子表达
2020-06-09 13:23:36
1022
原创 再学JavaScript ES(6-10)
用var定义的全局变量，在window环境下，可以通过window.变量 来访问，但是通过let定义的全局变量，则不可以。如果不写var来定义变量，则是向window中添加属性。数组遍历的方法：for 循环 —支持break，continueforEach — 必须从头遍历到尾，不支持break和continueevery —默认返回false，如果return true则继续执行，如果return false，则停止执行。for in — 是为了遍历Object设立的，也可以遍历数组，.
2020-06-07 17:48:59
239
原创 ES10新特性
在 ES 2020 中，有一些非常实用的新特性，接下来，就跟我一起看看在新版本中有哪些新特性在平时的开发中可以用到。可选链式操作符大家平常在工作中写代码的时候，有时候会写这样的代码：if (a && a. b && a.b.c) {console.log(a.b.c);}因为我们不确定a或b是否存在，那么获取c就会报错，这时候可选链式调用就非常有用了。我们可以使用可选链式操作符 ?.，如果没有值，则返回undefined 而不是直接报错，就像下面这样：con
2020-06-07 17:01:01
491
原创 如何使用npm发布自己的npm包
一. 创建在npm的官网上注册一个账号，https://www.npmjs.com/在本地通过npm init 初始化一个项目，并建一个index.js 文件，因为index.js为默认进入的文件，如下：在本地将该创建的项目打开，并在index.js编写想要写的文件(这里简单写一个排序)，如下：接下来通过npm login来登录你之前创建的npm账号，如下：注意：上面这个报错可能并不是由于你的账号写错了，很有可能是你的这个包名和npm仓库里的有重名的造成的，所以我们要修改当前的包名。最终，
2020-06-06 20:00:02
393
关于web开发中的响应式布局
2016-11-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人