自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张彬彬的博客

前端知识点

  • 博客(19)
  • 收藏
  • 关注

原创 浅谈VUE2中实现响应式的原理

vue2响应式原理

2024-01-19 11:19:40 334

原创 js数组合并concat()和Array.prototype.push.apply()方法执行后原数组区别

js数组合并的2个常用方法:concat()1、concat 返回一个新数组,原数组不变。var a=[1,2,3],b=[4,5,6];var c = a.concat(b)console.log(c). //[1,2,3,4,5,6]console.log(a). //[1,2,3]console.log(b). //[4,5,6]Array.prototype.push.apply()2、Array.prototype.push.apply() 返回值是合并后数组的长度,a

2021-07-28 10:13:12 257

原创 JavaScript 中的基本类型

Number(数字) String(字符串) Boolean(布尔) Symbol(符号)(ES2015 新增) Object(对象) Function(函数) Array(数组) Date(日期) RegExp(正则表达式) null(空) undefined(未定义)JavaScript 还有一种内置的Error(错误)类型...

2021-02-22 11:46:43 129

原创 JS中的typeof用法

1、 typeof是一个运算符,有2种使用方式:1、typeof(表达式) :对表达式做运算2、typeof 变量名:对变量做运算。2. typeof的返回值包括如下几种:1、'undefined' --未定义的变量或值2、'boolean' --布尔类型的变量或值3、'string' --字符串类型的变量或值4、'number' --...

2021-02-22 11:25:10 25458

原创 git分支合并

如果我们现在在new_dev分支上,刚开发完项目,主分支dev也有新的代码提交,这个时候需要合并代码到主分支。首先把new_dev代码提交到远程并拉取最新的new_dev代码git stashgit pull origin new_dev //存储本地代码并拉取远程最新代码,避免冲突。git stash apply //把本地代码应用回来,合并拉取下来的代码//提交git add .git commit -m '提交的备注'git push origin new_dev

2020-10-27 10:39:22 95

原创 mac 打开虚拟机之后,原MAC没有声音解决方法

1、 首先到parallel desktop的虚拟机管理页面里,点击设置标志虚拟机监控程序设置为:Apple2、关闭parallel desktop(command +Q)3、打开macz终端输入下述命令sudo launchctl stop com.apple.audio.coreaudiod && sudo launchctl start com.apple.audio.coreaudiod输入密码,回车运行。4、尝试一下自己原MAC的声音是否正常...

2020-07-24 08:56:38 5923 2

原创 angular1.x中的ng-if和ng-show的区别以及ng-if的作用域

ng-if :表达式内值为true是,生成标签内的DOM,否则移除;ng-show:表达式内值为true是,显示标签内的DOM,否则隐藏。ng-if同no-show和ng-hide指令最本质的区别是,它不是通过CSS显示或隐藏DOM节点,而是真正生成或移除节点。ng-if 表达式内的值初始为false的时候 他里面的由input的 model绑定的scope是不会存在作用域里面的,当if的值为true的时候,相当于生成了一个新的SCOPE值,但是原先的watch仍然是检测不到新生成的model的

2020-05-12 17:42:06 538

原创 git 常见操作命令。提交,拉取,缓存。

使用git仓库存代码,现在可以使用很多工具进行操作,类似Tortoise,还有很多代码工具(webstorm,eclipse等)自身也是支持git,svn代码提交,只需要简单到配置即可,这里暂不一一说明如何配置。下面是在用命令提示符的情况下对git提交代码的常见操作gitadd. //把本地修改的文件加到暂存区gitcommit-m"提交备注"//把暂存...

2019-11-05 15:28:50 1937

原创 常用正则表达式-正则判断

验证数字的正则表达式集验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$验证非零...

2019-10-31 11:47:32 947

原创 ES6学习笔记- 箭头函数

ES6允许使用“箭头”(=>)定义函数。var f = v => v;上面的箭头函数等同于:var f = function(v) { return v;};使用注意点箭头函数有几个使用注意点。(1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。(2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误...

2019-07-31 09:30:47 196

原创 AngularJS1.x 自定filter功能

自定filter功能1,filters.js添加一个moduleangular.module('mytest', []).filter('myreplace', function() { return function(input) { return input.replace(/my/, "=====") }; }); 2,app.js中加载这个module...

2019-07-23 10:59:39 241

原创 AngularJS1.x 的内置过滤器

1,uppercase,lowercase大小转换{{ "hello world" | uppercase }} //结果:HELLO WORLD {{ "NG is ANGULARJS" | lowercase }} //结果:ng is angularjs2,json格式化{{ {foo: "bar", baz: 23} | json }} //结果:{ "fo...

2019-07-23 10:35:45 119

原创 AngularJS1.x 自定义指令(directive)

自定义指令(directive)要调用自定义指令,HTML 元素上需要添加自定义指令名。使用驼峰法来命名一个指令, myDirective, 但在使用它时需要以-分割,my-directive:<my-directive></my-directive><script>var app = angular.module("myApp", [...

2019-07-22 16:22:49 656

原创 AngularJS1.x 事件指令

AngularJS:事件指令事件指令:ng-click / ng-dblclick 单击 / 双击; ng-mousedown / up 鼠标按下 / 抬起; ng-mousemove / over / out 鼠标移动 / 移入 / 移出 ; ng-keydown / up / press 键盘按下 / ...

2019-07-22 15:23:26 357

原创 事件委托的概念和原理

事件委托优点减少DOM操作的,减少浏览器的重绘(repaint)和重排(reflow),从而提高性能; 减少内存空间的占用率,因为每一个函数都是一个对象,对象越多,内存占有率就越大,自然性能就越差,使用事件委托,只需要在其父元素中定义一个事件就可以。 适合事件委托的事件有:click,mousedown,mouseup,keydown,keyup,keypress 可以方便地动态添加和...

2019-07-04 11:17:25 2814 1

原创 ES6学习笔记- 数组的扩展

Array.from()Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES5的写法var...

2019-06-28 16:28:23 134

原创 ES6学习笔记-字符串扩展

includes(), startsWith(), endsWith()includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在源字符串的头部。 endsWith():返回布尔值,表示参数字符串是否在源字符串的尾部。 var s = 'Hello world!';s.startsWith('Hello') // t...

2019-06-28 10:48:31 105

原创 ES6学习笔记-变量的解构赋值

let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值let [x, y, ...z] = ['a'];x // "a"y // undefinedz // []var [foo] = [];foo // u...

2019-06-27 16:36:52 95

原创 ES6学习笔记-暂时性死区

ES6明确规定,如果区块中存在`let`和`const`命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。总之,在代码块内,使用`let`命令声明变量之前,该变量都是不可用的。这在语法上,称为“`暂时性死区`”(temporal dead zone,简称TDZ)。if (true) { // TDZ开始 tmp = 'abc'...

2019-06-27 11:22:47 263

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除