- 博客(83)
- 收藏
- 关注
原创 console.log 打印的值不准确
console.log 不服预期有些时候在使用·console.log() 打印对象的时候,打印出来的值不符合预期。这是为什么呢?有一种说法是:console.log() 是一个异步的方法,浏览器在处理的时候对于这种读取 i/o 的操作一般会放到比较靠后的位置去处理。所以有些时候打印出来的值不符合预期。还有一种说法是,当在打印一个对象的时候,由于对象中的值是引用的内存中的值,所以就会存...
2018-09-14 22:56:52
4028
3
原创 angular 中父组件和子组件的相互控制
获取标签元素:ViewChild 查询到子视图,ElementRef 引用标签,然后通过 nativeElement 获得标签对象进行操作。父组件对子组件的控制:子组件的本质是一个类对象,对象拥有自己的方法,所以通过父组件触发的一些方法去调用子组件的方法来达到控制子组件的目的。子组件的获取通过 ViewChild 查询获得。子组件向父组件传递状态和数据都是通过 Output 触发事件实现。...
2018-09-05 19:23:10
675
原创 webstorm 使用技巧
快捷键自定义(command+,)打开设置界面,点击 keymap,查找按键映射,找到需要设置的操作,移除原来的快捷键,然后添加新的快捷键。文件修改自动保存和添加星号提示星号: https://www.cnblogs.com/zheting/p/7594073.html自动保存设置和取消自动保存:https://blog.csdn.net/u010537398/article...
2018-09-04 21:41:54
539
原创 git revert
使用 git revert 撤销 merge当使用 git revert 撤销一个 merge commit 时,如果除了 commit 号而不加任何其他参数将会报错。error: commit 7462a7e0d4b577811c1ff7557ef1f1fd6ae03dcb is a merge but no -m option was given.fatal: revert fail...
2018-09-04 16:05:57
800
原创 字体加粗造成文字抖动
解决思路:为文字预留宽度<ul> <li title="title 1">title 1</li> <li title="t
2018-09-03 19:07:36
2781
原创 图片做背景切换时闪烁
图片做背景,在切换时会重新加载图片,所以第一次会出现闪烁的情况,后面在切换时,由于图片已经加载,所以不会出现闪烁。解决办法:将这两张图拼成一张图,通过定位来实现图片的切换。...
2018-09-03 10:31:48
2444
原创 百分比定位的相对值
相对自身:注意:translate,border-radius,background-size,TODO:border-image-width,clip-path,相对父级元素宽度:注意:margin,paddingwidth、left、rightmax/min-width相对父元素高度:height,top,bottommax/min-height...
2018-09-03 08:55:17
625
原创 WebStorm 重置配置
关闭WebStormcd ~/Library/Preferences/ rm -rf WebStormXX WebStormXX 根据版本定。查看该文件夹全拼的办法。ls | grep -i WebStorm找到该文件夹的名字后执行第三步操作。完成之后重启 webstorm。所有的配置全部还原了。...
2018-09-03 08:40:39
12890
原创 图片的居中定位和按钮定位
要求:div 中一张图片,需要让这张图片的中心部分始置于这个div的中间。两边超出部分隐藏。代码实现:div{ img { margin-left: 50%; /*相对父元素*/ transform:translateX(-50%);/* 相对自身宽*/ }}button 定位到一张图片上当设计给的是一张大图,上面的按钮不能通...
2018-09-03 08:32:11
2676
原创 router 和表单回顾
RouterRouter(路由器):为激活的 URL 显示应用组件。管理从一个组件到另一个组件的导航RouterModule(路由器模块):一个独立的Angular模块,用于提供所需的服务提供商,以及用来在应用视图之间进行导航的指令Routes(路由数组):定义了一个路由数组,每一个都会把一个URL路径映射到一个组件Route(路由):定义路由器该如何根据URL模式( pattern ...
2018-08-28 20:18:55
190
原创 git log 和 分支映射
git log –stat常用:查看修改了哪些文件查看提交日志的时候查看每次提交修改了哪些文件(只显示文件名)。git log --name-only //仅在提交信息后显示已修改的文件清单。查看某次提交的修改git show commit_idgit show commit_id filename // 查看具体文件查看每次提交做了哪些修改一定会常用:d...
2018-08-28 08:39:45
905
原创 emmet 写法复习
元素的文本内容和属性的写法div>p[class="p$"]{非静无以成学,非学无以广才}*4<div> <p class="p1">非静无以成学,非学无以广才</p> <p class="p2">非静无以成学,非学无以广才</p> <p class=
2018-08-25 12:55:52
293
原创 font-weight 小结
苹方字体的 CSS 设置p { /*font-family: PingFangSC; 不能这样写,这么写不会应用上*/ font-family: PingFangSC-Regular;/*常规体*/ font-family: PingFangSC-Medium;/*中黑体*/}font-weight 字重对字体粗细的影响100 — 900:实践证明,...
2018-08-25 11:23:34
6378
原创 阿里云 OSS 之图片处理
OSSObject Storage Service: 海量、安全、低成本、高可靠的云存储服务。图片处理服务阿里云 OSS 图片处理服务 (Image Processing,简称 IMG), 将原始图片上传保存在OSS上,通过简单的 RESTful 接口,在任何时间、任何地点、任何互联网设备上对图片进行处理。上传 —&amp;gt; 接口调用图片服务基础功能获取图片信息图片格...
2018-08-23 23:42:18
17734
原创 设备判断和平台判断
isAndroid = () =&gt; /Android/.test(navigator.userAgent);isIphone = () =&gt; /iPhone|iPad/.test(navigator.userAgent);
2018-08-23 10:20:18
556
原创 offsetTop
定位参照点offsetTop 的定位是相对于 offsetParent 元素的offsetParent的定义:与当前元素最近的经过定位(position不等于static)的父级元素类似于绝对定位的参照点。三种情况:position为fixed时,offsetParent为null,offsettop的值和top相等。此时元素是以视口来定位的。position非fixed,...
2018-08-23 09:55:48
1431
原创 window 对象的一些好用的方法(待追加)
window.scrollTo():实现页面的滚动(window.scroll())window.matchMedia():监听媒体查询的变化window.fetch(): 抓取网络请求window.scrollBy(): 滚动多少距离(to and by ,this is English)...
2018-08-23 01:02:02
209
原创 跳转到某个页面时实现瞬间滚动到某个位置的实现
知识点:window.scrollTo() 方法和查询参数 location.search使用 angular4 的实现:window.scrollTo() 方法作用:滚到文档中的某个坐标window.scrollTo(x-coord,y-coord )window.scrollTo(options)window.scrollTo({top:num,left:num,b...
2018-08-23 00:51:12
1824
转载 viewport 和 meta
PC 页面在移动设备的展示? 移动设备开发入门第一步就是了解 viewport。 CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewportviewport的概念移动设备上的viewport就是屏幕上能用来显示我们的网页的那一块区域,但 viewport 又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的vi
2018-01-28 11:54:05
222
原创 RN 的一些小问题
RN 0.44 之前的版本 ScrollView 有一个 bug,就是渲染ScrollView 的时候如果不加一个 marginTop,页面会从最顶部开始渲染。 错误的理解:本来状态栏就不占用页面空间,相当于是一个fixed 定位的元素,页面元素的渲染本来就是从最顶部开始渲染的,所以不加 marginTop 会从最顶部开始渲染是正常的。加上 marginTop 或者在外面的 View 中
2018-01-20 18:00:27
644
原创 Chrome 控制台的一些错误
The SSL certificate used to load resources…SSL 证书被用作加载资源 这样的警告是由于 Chrome 为了督促 Semantec 公司颁发经过安全升级的 PKI 系统颁发的证书,将在 2018 年 10 月 23 日 Chrome 70 发布的时候不在信任在2017 年 12 月 1 日之前颁发的 SSL 证书。所以只要是使用的是2017 年 12 月
2017-12-31 20:20:21
13266
1
原创 SSH 安全的网络协议
什么是 SSH (Secure Shell)?SSH是一种网络协议,用于计算机之间的加密登录。如果一个用户从本地计算机,使用SSH协议登录另一台远程计算机(在本地计算机上面查看服务器上面的日志使用SSH登录),我们就可以认为,这种登录是安全的,即使被中途截获,密码也不会泄露。基本的用法SSH主要用于远程登录。假定你要以用户名user,登录远程主机host,只要一条简单命令就可以了ssh user@h
2017-12-30 20:16:19
710
原创 SSL
SSL (Secure Sockets Layer 安全套接层)SSL 是为网络通信提供安全及数据完整性的一种安全协议。将 SSL 证书安装在网站服务器上,可实现网站身份验证和数据加密传输双重功能。SSL 协议的特性:机密性:SSL协议使用密钥加密通信数据。 利用数据加密(Encryption)技术,在客户端和服务器之间建立一条加密通道,可确保数据在网络上之传输过程中不会被截取及窃听。可靠性:服
2017-12-30 18:57:40
651
原创 transform
transform-origin:设置对象以某个原点进行转换 50% 50%,效果等同于center center,就是以盒子的中心为原点进行转换。transform2D 平面取值:(平移translate,缩放scale,扭曲skew) 1. scale():指定对象的2D scale(2D尺寸缩放) 2. rotate(): 指定对象的2D rotation(2D旋转),需先有 <tran
2017-12-27 21:40:36
204
原创 @keyframes
Doctype不存在或错误,浏览器默认 混杂模式 $(‘#wrapper’).children(); //(只沿着 DOM 树向下遍历单一层级)查询直接的子元素。而不管子元素的子元素。 要运用css3动画,需要运用@keyframes规则和animation属性keyframes 关键帧和 transition 属性相比的优点是能够更加精细地设置动画效果: 使用transition属性也能够
2017-12-27 13:11:27
489
原创 字符串和数字相加
除了数字与数字相加是数字以外,其余情况相加都是字符串parseInt()console.log(parseInt('12'));// 12console.log(parseInt('a12'));// NaNconsole.log(parseInt('12a'));// 12console.log(parseInt('0xA'));// 10Numberconsole.log(Number(
2017-12-27 10:24:43
16549
原创 跨域解决方案
jsop原理:直接用XMLHttpRequest请求不同域上的数据时,是不可以的。但是,在页面上引入不同域上的js脚本文件却是可以的,jsonp正是利用这个特性来实现的。有个a.html页面,它里面的代码需要利用ajax获取一个不同域上的json数据,假设这个json数据地址是http://example.com/data.php,那么a.html中的代码 callback参数,按惯例是用这个参数
2017-12-27 09:21:40
147
原创 delete 运算符
hasOwnProperty()方法 和 delete 运算符o = new Object();o.prop = 'exists';function changeO() { o.newprop = o.prop; delete o.prop;}o.hasOwnProperty('prop'); // 返回 truechangeO();o.hasOwnProperty('prop'
2017-12-26 15:53:57
996
原创 定时器
function fn(){ console.log("asdf");}两种写法:setTimeout('fn()',5000);setTimeout(fn,5000);在JavaScript中,以下哪些是原始值(primitive value)? 原始值 指的是五种原始类型: number string boolean null undefinedIE 和 Firefox F
2017-12-26 13:10:29
169
原创 Function 类型
函数内部属性任何函数内部,都有两个特殊的对象,arguments 和 this。arguments为数组对象,包含传递的所有参数。this是它所处对象的作用域。callee 属性是 arguments 对象的一个成员,它表示对函数对象本身的引用,这有利于匿名函数的递归或者保证函数的封装性。// 打印函数自身function calleeDemo() { console.log(argume
2017-12-26 10:59:40
191
原创 构造函数和原型对象
所有原型对象都具备一个constructor属性__proto__: 该属性的值来自于父对象的 prototype 属性。所以有一个constructor 属性。这个属性是一个指向包含prototype属性的函数的一个指针.如下面的类图: 题目:var F=function(){};Object.prototype.a=function(){};Function.prototype .b=f
2017-12-26 10:23:10
233
转载 解释性语言和编译性语言
javascript是解释性语言:非独立:JavaScript语言依赖执行环境,对于客户端来说是浏览器,对于服务端来说是node。效率低:执行前不需要编译,执行时才编译,因此效率低编译性语言的定义:编译性语言写的程序在被执行之前,需要一个专门的编译过程,把程序编译成为机器语言的文件,比如exe文件,以后要运行的话就不用重新翻译了,直接使用编译的结果就行了(exe文件),因为翻译只做了一次,运行
2017-12-26 10:05:04
161
原创 void 运算符 | replace方法
void 运算符通常只用于获取 undefined的原始值 void 运算符 对给定的表达式进行求值,然后返回 undefined。为什么用 void 0 替代 undefined ?引用自: http://web.jobbole.com/86145/ undefined 并不是保留词(reserved word),它只是全局对象的一个属性,在低版本 IE 中能被重写。
2017-12-25 13:06:09
450
转载 移动web-rem
rem用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦。rem设置字体大小在讲rem屏幕适配之前,先说一下一般做移动端适配的方法,一般可以分为: 1 简单一点的页面,一般高度直接设置成固定值,宽度一般撑满整个屏幕。2 稍复杂一些的是利用百分比设置元素的大小来进行适配,或者利用flex等css去设置一些需要定制的宽度。3 再复杂一些的响应式页面,需要利用css3的media qu
2017-12-23 23:23:33
204
原创 HTTP (4) HTTP方法
GET: 获取资源 POST: 传输实体主体 PUT: 传输文件(HTTP/1.1自身不带验证机制,任何人都可以上传,存在安全性问题,所以一般不用该方法。) HEAD:不返回报文的主体部分,用于确认URI的有效性和资源更新的日期时间。 DELETE:删除文件,同样由于HTTP/1.1不带验证机制,一般不用。 OPTIONS: 询问对指定资源支持的方法。(HTTP1.1新增)
2017-12-22 10:49:02
1935
原创 HTTP (2) 状态码
401 Unauthorized: 未认证,需要用户输入用户名和密码进行认证。 403 Forbidden:禁止访问,访问跨域,没有权限进行访问 404 Not Found:请求失败,请求所希望得到的资源未被在服务器上发现 405 Method Not Allowed:请求行中指定的请求方法不能被用于请求相应的资源。500:服务器错误 503 Service Unavailable 由于临
2017-12-21 22:05:06
284
转载 Async/await
async/await Node.js 7.6已经支持async/await了,现在社区上的版本是6.11.3 Promise.all()把多个promise对象包装成一个新的promise实例,这样写的好处是在用then方法的时候可以统一用一个变量来表示几个promise实例。异步方法:用promise写法和async写法的区别是: 1. async函数会隐式地返回一个promise 对象
2017-12-20 23:19:25
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人