自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

转载 3.5.2 位操作符(学习笔记)

3.5.2 位操作符数值 18 的 32 位表示法:00000000000000000000000000010010其中前 31 位表示整数的值,第 32 位表示数值的符号,0 表示正数,1表示负数。31 位中的每一位都表示 2 的幂。第一位表示 20,第二位表示 21,以此类推。负数同样以二进制码存储,但使用的是二进制补码。需要经过下面三个步骤:求这个数值绝对值的二进制码...

2019-07-22 11:40:00 124

转载 05. 重复匹配(学习笔记)

5. 正则表达式必知必会-重复匹配5.1 有多少个匹配匹配电子邮箱。\w@\w.\w 只能匹配 a@b.c 这样的邮箱,不能匹配 abcd@dbcd.com 这样的邮箱地址。5.1.1 匹配一个或多个字符匹配同一个字符或字符集的多次重复,可以用字符 +,匹配一个或多个字符。const email1 = 'luwl@qq.com';const email2 = 'luwl2@...

2019-07-20 11:30:00 141

转载 正则表达式必知必会-学习笔记汇总

边学边记录,是个好习惯~~01. 正则表达式入门02. 匹配单个字符03. 匹配一组字符04. 使用元字符05. 重复匹配转载于:https://www.cnblogs.com/lwl0812/p/11216944.html...

2019-07-20 10:46:00 169

转载 04. 使用元字符(学习笔记)

4. 正则表达式必知必会-使用元字符4.1 对特殊字符进行转义. 表示匹配任意一个单字字符。[] 表示匹配字符集const str = 'const arr = []; if (arr[0] === 0) {}';const reg = /arr[0]/g; // <-- 想匹配 arr[0] 这个内容,但是 [0] 表示包含 0 的字符集,只能匹配 arr0let m...

2019-07-20 10:42:00 94

转载 03. 匹配一组字符(学习笔记)

3. 正则表达式必知必会-匹配一组字符3.1 匹配多个字符中的某一个只想匹配 na sa,不想匹配其他的。const str = 'sales1.xls\n' + 'orders3.xls\n' + 'sales2.xls\n' + 'sales3.xls\n' + 'apac1.xls\n' + 'europe2.xls\n' + 'na1.xls\n...

2019-07-20 10:41:00 84

转载 02. 匹配单个字符(学习笔记)

2. 正则表达式必知必会-匹配单个字符2.1 匹配纯文本const str = 'Hello my name is wendy. My website is https://github.com/lwl0812/wendys-site.';const reg = /wendy/g;let match;while ((match = reg.exec(str))) ...

2019-07-20 10:35:00 88

转载 01. 正则表达式入门(学习笔记)

1.1 正则表达式的用途场景:搜索一个文件,包含单词 car,但是不想把其他包含字符串 car 的单词也找出来。通过服务器动态生成网页,将包含 url 的变成可点击的,即用<a>标签包裹。form 表单对电子邮件格式的验证。将代码中的 size 替换成 isize,但是不把其他包含 size 的单词替换掉。把包含 Application 的计算...

2019-07-20 10:30:00 97

转载 vscode source control provider not registered

昨天晚上遇到了上面这个问题,网上查了好久,都无法解决。最后看到说可能是安装的插件有问题,就把所有插件都disabled了,然后重启 vscode,source control 就出现了。然后再一个个给 enable,发现是SVG Viewer 这个插件引起的!!!!所以,安装以上这个插件的同学,需谨慎!转载于:https://www.cnblogs.com/lwl...

2019-05-30 19:35:00 251

转载 MAC NVM 安装

安装参考:https://github.com/nvm-sh/nvm第一步# 终端执行下面命令curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash  第二步# 进入根目录cd ~# 打开 .bash_profile。 如果没有这个文件...

2019-05-30 19:30:00 96

转载 《高效前端:Web 高效编程与优化实践》学习笔记

最近入了李银城老师的《高效前端:Web 高效编程与优化实践》,打算学习下,顺便做个笔记供日后回顾。目录:1. HTML/CSS 优化--《高效前端》学习笔记持续更新中....转载于:https://www.cnblogs.com/lwl0812/p/10651378.html...

2019-04-03 20:41:00 220

转载 1.0 HTML/CSS 优化--《高效前端》学习笔记

Github 地址(可查看交互效果)切图的三个境界:长得好看灵活友好的交互高效前端1:能用-html-css-解决的问题就不要用-js导航高亮给不同页面添加不同类,标识不同页面,然后设置当前页面样式,覆盖掉默认样式。代码:<div class="demo1"> <ul class="nav"> ...

2019-04-03 20:40:00 129

转载 浏览器工作原理(学习笔记)

浏览器工作原理(学习笔记)GitHub地址1. 介绍1.1 示例浏览器主流浏览器:Internet Explorer, Firefox, Safari, Chrome and Opera示例浏览器:Firefox、Chrome(开源)和 Safari(部分开源)浏览器使用统计1.2 浏览器的主要功能(The browser's main functionality)浏...

2019-04-03 09:43:00 321

转载 this 绑定例外之间接引用

在《你不知道的JavaScript》之“this全面解析”一节中,讲到了this绑定例外的间接引用,代码如下:function foo () { console.log(this.a)}var a = 2;var o = { a: 3, foo: foo}var p = { a: 4}o.foo(); // 3...

2019-02-01 22:48:00 105

转载 全局函数是否存在闭包?

正在学习这一章节,看到这么一段话:就想说自己也写个闭包试试看:let len = 0;function foo() { len++; setTimeout(() => { len--; }, 1000);}foo();  然后在浏览器里打了断点,发现并没有出现所谓的闭包。所以寻思...

2019-01-24 13:12:00 151

转载 nuxt + vue-i18n 踩坑记录

最近在用nuxt开发官网,同时支持多语言切换,所以又用到了 vue-i18n。根据 nuxt 官网的demo,配置了 middleware 和 plugins代码如下:// plugins/i18n.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n)...

2018-12-24 19:22:00 997

转载 继承(学习笔记) —— 《高级教程》

继承原型链先不管上图,先来看以下代码:function Person() { this.personName = 'person';} Person.prototype.sayPersonName = function() { console.log(this.personName);} fun...

2018-10-19 18:54:00 91

转载 三、函数作用域和块作用域(学习笔记)—— 《你不知道的JavaScript》

因为都是文字,有些不好理解,所以尽量将文字都以图文的形式画出来,便于理解。作用域包含了一系列的气泡。每一个都是一个容器,包含了标识符的定义。 这些气泡相互嵌套,排列成蜂窝型,排列结构在写代码时定义。下面考虑以下几个问题:是什么生成了一个新气泡?只有函数会生成新气泡吗?JavaScript 中的其他结构能生成作用域气泡吗?带着这几个问题往下看。函数中的作...

2018-10-17 10:24:00 116

转载 二、词法作用域 (学习笔记)—— 《你不知道的JavaScript》

目录 词法作用域 词法阶段 查找 欺骗词法 eval with 性能 词法作用域作用域工作模型:词法作用域(大多数编程语言采用)动态作用域词法...

2018-10-15 17:24:00 73

转载 一、作用域是什么 (学习笔记)—— 《你不知道的JavaScript》

因为全部都是文字不太好理解,所以尽可能地把所有的文字都画成了图,便于理解。作用域是什么传统编译流程:JavaScript 引擎会在语法分析和代码生成阶段,通过特定的步骤,对运行性能进行优化。包括冗余元素优化等。JavaScript 编译,大部分情况下,发生在代码执行前的几微妙(甚至更短)。理解作用域引擎、编译器、作用域v...

2018-10-12 17:18:00 63

转载 创建对象(学习笔记) —— 《高级教程》

创建单个对象的缺点:用同一个接口创建很多对象,会产生大量的重复代码。工厂模式就是为了解决这个问题。工厂模式解决了创建多个相似对象的问题function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = ...

2018-10-10 10:32:00 61

转载 vuex 状态管理

下面是自己参考 vuex 官网,画的一份关于 vuex 状态管理的图,仅供参考。转载于:https://www.cnblogs.com/lwl0812/p/9718093.html

2018-09-28 13:40:00 71

转载 JavaScript 面向对象学习笔记 -- 闭包

闭包全局变量在函数内部可以访问。var n = 999;function f1() { console.log(n);}f1(); // 999函数内部定义的变量,外部无法访问。function f1() { var n = 999;}f1();console.log(n); // 报错外部访问函数内定义的变...

2018-09-20 12:12:00 116

转载 vue高仿饿了么学习笔记(六)—— 详情弹窗 & Sticky footer

UI 图:一、详情弹窗1)新增 html 代码<!-- header.vue --><div class="header"> <div class="content-wrapper"> <!-- 省略已有内容 --> <div v-if="seller.supports" ...

2018-08-30 16:24:00 284

转载 vue高仿饿了么学习笔记(五)—— header 组件

先贴一张 header 的 UI 图一、header 组件1)传入 seller 数据// App.vue<template> <div id="app"> <v-header :seller="seller"></v-header> <!--传入seller数据到header组件-->...

2018-08-27 17:04:00 350

转载 vue高仿饿了么学习笔记(四)—— Vue Resource

一、Vue Resource1)安装 Vue Resourcegithub:https://github.com/pagekit/vue-resource查看github上关于 Vue Resource 的安装方式,选择 yarn 或者 npm 安装。2)注入 Vue Resourceimport Vue from 'vue';import VueReso...

2018-08-26 21:52:00 119

转载 vue高仿饿了么学习笔记(三)—— vue-router

一、Vue Router可参考vue-router官网和github官网:https://router.vuejs.org/zh/github:https://github.com/vuejs/vue-router1)给tab添加路由导航参考官网:在项目中增加商品、评论、商家的导航// App.vue<template> &lt...

2018-08-25 13:12:00 100

转载 vue高仿饿了么学习笔记(二)—— 组件拆分

要模仿的界面如下:一、组件拆分1)重设css在static中新增css/reset.css,样式参考:https://github.com/lwl0812/vue-sell/tree/master/static/css在index.html中引入reset.css2)设置移动端的viewport<meta name="viewport" ...

2018-08-25 10:07:00 159

转载 vue高仿饿了么学习笔记(一)—— 项目启动

注:此处vue用的是2.0以上版本一、Vue CLI项目启动之前,建议先去了解下 Vue CLI官网:https://cli.vuejs.org/zh/guide/1) 全局安装 Vue CLInpm install -g vue-cli2) 通过 Vue CLI 生成项目vue init webpack sell3)进入项目,安装依赖...

2018-08-24 15:26:00 115

转载 CSS + JS 实现立体照片墙轮播

之前有段时间在研究 CSS3 的动画,正好看到有个立体照片墙轮播的实现效果,感觉还不错,就收藏了下来,不过一直没时间去整理,现在总算有空了,把代码贴出来,供大家参考学习。上代码前,还是先看下效果图吧~怎么样?还不错吧!下面上代码:HTML:<div class="demo-wrap">  <div class="photos" id="p...

2017-01-18 15:00:00 1590

转载 4. 点击事件失效

昨天同事遇到一个问题,点击 <input type="checkbox"> 这个元素,无法选中。我看他找了半天都没找到原因,突然想到,可能是阻止了点击事件,全文档查询 return false,果然,有一行代码是这样的:$(document).on("click", function() { // 其他代码 return false;})...

2016-11-24 09:42:00 71

转载 3. 表单输入框 在 IE 中 会有 “X” 和 类似wifi图标的图标出现

原因:IE 自动给 input加了伪类 ::ms-clear 和 ::ms-reveal解决:input::ms-clear, input::ms-reveal { display: none;}转载于:https://www.cnblogs.com/lwl0812/p/6022810.html...

2016-11-02 14:26:00 109

转载 2. safari 浏览器中, new Date("2016-10-31") 显示为 invalid date

原因:将字符串形式的日期转换成日期对象,不支持 "2016-10-31" 这种格式。将字符串形式的日期转换成日期对象示例:new Date("2016,10,31"); // 正确new Date("2016/10/31"); // 正确new Date("2016-10-31"); // 错误注:虽然在 chrome 中, 可以用new Date("2016-...

2016-11-02 14:21:00 99

转载 Atom 插件

用了挺长时间的Atom编辑器,但是却一直没想过用它的插件。这段看到有些编辑器带有terminal和取色功能,就想找Atom的相关插件,没想到还真有。不过使用编辑器自带的插件安装功能(settings/install)老是报错,于是又找了手动安装的方案,记录一下,方便以后安装。我安装了四个插件:1. atom-terminal-panel (git 地址:https://git...

2016-04-23 13:10:00 81

转载 正则表达式(2) -- 定位符与原义字符

2. 正则表达式语法2.2 定位符与原义字符(1) 文本验证定位符定位符用于规定匹配模式在目标字符串中出现的位置。例如,规定匹配模式只能出现在开头或结尾处,这样对文本格式的验证非常有用。在正则表达式中,有以下几个用于验证文本的定位符。》 用 "^" 匹配目标字符串的开始位置匹配必须发生在目标字符串的开头处,"^" 必须出现在表达式的最前面才具有定位符作用。例如...

2016-04-12 22:35:00 525

转载 正则表达式(2) -- 模式匹配符

正则表达式(1)2. 正则表达式语法正则表达式的语法主要就是对各个元字符功能的描述。元字符从功能上大致分为:模式匹配符,定位符与原义字符,限定符,选择匹配符,特殊字符,字符匹配符,分组组合和反向引用符。2.1 模式匹配符下面的表格列出了在正则表达式中能够使用的字符列表及相关描述。 字符描述\ 指出接着的字符为特殊字符。例如,"/b...

2016-04-06 22:39:00 163

转载 正则表达式(1) -- 正则表达式基础

1. 正则表达式基础正则表达式描述了一种字符串匹配的模式,即可以使用户通过一系列普通字符或特殊字符构建能够明确描述文本字符串的匹配模式,可以用来检查某个字符串是否含有某种子字符串,将匹配的子字符串做替换或者从某个字符串中取出符合某个条件的子字符串等。1.1 正则表达式的基本结构一个正则表达式就是由普通字符(如字符a~z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查...

2016-04-05 21:32:00 150

转载 gulp安装并使用

这几天去面试,经常被问到如何管理前端项目代码的问题(目前用的是rails),后来去了解了一下,有一个叫gulp的前端自动化构建工具,就决定学习一下。网上找了好多参考资料,现在整理一遍。一. 安装 先全局安装 npm install --global gulp // 有时候需要sudo npm install --global gulp 到项目所在文件夹 n...

2016-03-06 11:55:00 115

转载 /usr/bin/env: node: no such file or directory

今天在安装gulp的之后,运行gulp命令出现了如下报错:/usr/bin/env: node: no such file or directory网上找了好久,终于解决了,所以记录一下,便于下次遇到能翻阅:ln -s /usr/bin/nodejs /usr/bin/node转载于:https://www.cnblogs.com/lwl0812/p/5243715...

2016-03-04 22:47:00 959

空空如也

空空如也

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

TA关注的人

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