静修-个人博客


  • 首页

  • 分类

  • 归档

  • 标签

  • 搜索

11-vh

发表于 2018-05-03 | 分类于 前端-00-基础

介绍视窗(Viewport)单位

视窗(Viewport)是你的浏览器实际显示内容的区域——换句话说是你的不包括工具栏和按钮的网页浏览器。这些单位是vw,vh,vmin和vmax。它们都代表了浏览器(视窗(Viewport))尺寸的比例和窗口大小调整产生的规模改变。

比方说我们有一个1000px(宽)和800px(高)的视窗(Viewport)

  • vw——代表视窗(Viewport)的宽度为1%,在我们的例子里50vw = 500px。
  • vh——窗口高度的百分比 50vh = 400px。
  • vmin——vmin的值是当前vw和vh中较小的值。在我们的例子里因为是横向模式,所以50vim = 400px。
  • vmax——大尺寸的百分比。50vmax = 500px。

12-webstorm快捷键

发表于 2018-05-03 | 分类于 前端-00-基础
header 1 header 2
Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/…/ )
Shift+F6 重构-重命名
Ctrl+X 删除行
Ctrl+D 复制行
Ctrl+G 查找行
Ctrl+Shift+Up/Down 代码向上/下移动。
F2 或Shift+F2 高亮错误或警告快速定位
写代码,按Tab 生成代码
选中文本,按Ctrl+Shift+F7 高亮显示所有该文本,按Esc高亮消失。(因为这个功能我就可以发放心的放弃sublime了)
Ctrl+B或Ctrl+鼠标左键单击 快速打开光标处的类或方法,(NB的功能)
Ctrl + Alt + B Go to implementation(s) 跳转方法实现处
Ctrl + Shift + I Open quick definition lookup 打开定义快速查找
Alt + Up/Down Go to previous/next method 跳转到上一个/下一个方法
Ctrl+E 最近打开的文件
Alt+F1 查找代码所在位置
Ctrl+Alt+L 格式化代码
Ctrl+R 替换文本
Ctrl+F 查找文本
Ctrl+P 方法参数提示
F3 查找下一个
Shift+F3 查找上一个
alt+Shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+Shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+Shift+alt+N 通过一个字符快速查找位置(必记)
Shift+enter 重新开始一行(无论光标在哪个位置)
Ctrl + Alt + T with…(if, else, try, catch, for, etc)用 来围绕选中的代码行,( 包括 if 、 while 、 try catch 等)
Ctrl + Shift + U Toggle case for word at caret or selected block 光标所在位置大小写
Ctrl + Delete Delete to word end 删除文字结束
Ctrl + Backspace Delete to word start 删除文字开始
Ctrl + E Recent files popup 弹出最近打开的文件
F11 Toggle bookmark 切换标记,我觉得叫书签更好,就是sublime text 的F2
Ctrl + Shift + F12 Toggle maximizing editor 切换最大化编辑器
Alt + Shift + F Add to Favorites 添至收藏夹

12-布尔值

发表于 2018-05-03 | 分类于 前端-02-js基础复习
1
2
3
4
5
6
var falseObject = new Boolean(false);
var result = falseObject && true;
console.log(result); //true
var falseValue = false;
result = falseValue && true;
console.log(result); //false

在这个例子中,我们使用 false 值创建了一个 Boolean 对象。然后,将这个对象与基本类型值 true 构成了逻辑与表达式。在布尔运算中, false && true 等于 false 。可是,示例中的这行代码是对 falseObject 而不是对它的值( false )进行求值。前面讨论过,==布尔表达式中的所有对象都会被转换为 true== ,因此 falseObject 对象在布尔表达式中代表的是 true 。结果, true && true 当然就等于 true 了。

基本类型与引用类型的布尔值还有两个区别。

首先, typeof 操作符对基本类型返回 “boolean” ,而对引用类型返回 “object” 。

其次,由于 Boolean 对象是 Boolean 类型的实例,所以使用 instanceof 操作符测试 Boolean 对象会返回 true ,而测试基本类型的布尔值则返回 false 。例如:

1
2
3
4
alert(typeof falseObject); //object
alert(typeof falseValue); //boolean
alert(falseObject instanceof Boolean); //true
alert(falseValue instanceof Boolean); //false

理解基本类型的布尔值与 Boolean 对象之间的区别非常重要——当然,我们的建议是永远不要使用 Boolean 对象。

13-npm安装版本

发表于 2018-05-03 | 分类于 前端-00-基础

npm 采用语义版本管理软件包。所谓语义版本,就是指版本号为a.b.c的形式,其中a是大版本号,b是小版本号,c是补丁号。

一个软件发布的时候,默认就是1.0.0版。如果以后发布补丁,就增加最后一位数字,比如1.0.1;如果增加新功能,且不影响原有的功能,就增加中间的数字(即小版本号),比如1.1.0;如果引入的变化,破坏了向后兼容性,就增加第一位数字(即大版本号),比如2.0.0。

npm 允许使用特殊符号,指定所要使用的版本范围,假定当前版本是1.0.4

  • 只接受补丁包:1.0 或者 1.0.x 或者 ~1.0.4
  • 只接受小版本和补丁包:1 或者 1.x 或者 ^1.0.4
  • 接受所有更新:* or x
1
2
3
4
5
6
7
8
~2.2.1 // 接受2.2.1,不接受2.3.0
^2.2.1 // 接受2.2.1和2.3.0

~2.2 // 接受2.2.0和2.2.1,不接受2.3.0
^2.2 // 接受2.2.0、2.2.1和2.3.0

~2 // 接受2.0.0、2.1.0、2.2.0、2.2.1和2.3.0
^2 // 接受2.0.0、2.1.0、2.2.0、2.2.1和2.3.0

还可以使用数学运算符(比如>, <, =, >= or <=等),指定版本范围

1
2
3
4
5
>2.1
1.0.0 - 1.2.0
>1.0.0-alpha
>=1.0.0-rc.0 <1.0.1
^2 <2.2 || > 2.3

注意,如果使用连字号,它的两端必须有空格。如果不带空格,会被 npm 理解成预发布的 tag,比如1.0.0-rc.1。

13-且或问题

发表于 2018-05-03 | 分类于 前端-02-js基础复习

&&和||在JQuery源代码内尤为使用广泛,由于本人没有系统的学习js,所以只能粗略的自我理解出来,希望大家指点下。
粗略理解如下:

  • a() && b() :如果执行a()后返回true,则执行b()并返回b的值;如果执行a()后返回false,则整个表达式返回a()的值,b()不执行;

  • a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行;如果执行a()后返回false,则执行b()并返回b()的值;

&& 优先级高于 ||

14-对象点和括号

发表于 2018-05-03 | 分类于 前端-02-js基础复习
  1. 当访问对象属性时候,使用括号更好,可以访问变量属性,带空格的属性。
  2. 对象在转化为布尔值时为true
  3. 一般不要用包装类型
  4. 单体内置对象分 Global 和 Math

15-mongodb的安装

发表于 2018-05-03 | 分类于 前端-00-基础

知乎

  1. 官网下载好后,配置环境变量

  2. 接下来是配置mongodb数据库的数据文件和日志文件了,我们要手动为mongodb创建数据文件和日志文件,这两个文件可以放在任何地方,首先我在D盘下创建mongodb文件夹,然后在mongodb文件夹下创建data文件夹,然后在data文件夹下创建db和log文件夹,db就是mongodb用来存放数据的地方,log自然是用来存放日志文件的地方,最后在log下创建MongoDB.log文件

  3. 输入mongod -dbpath “D:\mongodb\data\db”

  4. 然后关闭改控制台,再次打开控制台,进入到mongodb的bin目录下,C:\Program Files\MongoDB\Server\3.2\bin,输入mongod -dbpath “D:\mongodb\data\db” -logpath “D:\mongodb\data\log\MongoDB.log” -install -serviceName “MongoDB” 这样做的目的是让mongodb作为windows服务启动,这样就不需要每次在重新启动mongodb服务了。

  5. 输入net start mongodb,mongodb的服务被启动

  6. 注意的是CMD必须要在管理员权限下

15-原生event

发表于 2018-05-03 | 分类于 前端-02-js基础复习

jquery之event与originalEvent的关系、event事件对象用法浅析

在jquery中,最终传入事件处理程序的 event 其实已经被 jQuery 做过标准化处理,

其原有的事件对象则被保存于 event 对象的 ==originalEvent== 属性之中,

每个 event 都是 jQuery.Event 的实例

16-JS中完美兼容各大浏览器的scrolltop方法

发表于 2018-05-03 | 分类于 前端-02-js基础复习

1、各浏览器下 scrollTop的差异

IE6/7/8/9/10:

对于没有doctype声明的页面里可以使用 ==document.body.scrollTop== 来获取 scrollTop高度 ;

对于有doctype声明的页面则可以使用 ==document.documentElement.scrollTop== ;

Safari:

safari 比较特别,有自己获取scrollTop的函数 : ==window.pageYOffset== ;

Firefox:

火狐等等相对标准些的浏览器就省心多了,直接用 ==document.documentElement.scrollTop== ;

2、获取scrollTop值

完美的获取scrollTop 赋值短语 :

1
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

3、自己的方案

1
2
$(document.body).animate({scrollTop:0}, 600);
$(document.documentElement).animate({scrollTop:0}, 600);

16-easy-mock本地安装

发表于 2018-05-03 | 分类于 前端-00-基础
1…222324…33
静修

静修

322 日志
19 分类
19 标签
© 2019 静修
本站访客数:
由 Hexo 强力驱动
主题 - NexT.Pisces