- 博客(21)
- 收藏
- 关注
RSS订阅翻译 Building with Web Components
声明：本文翻译自 Jamie White - Building with Web Components – MARCH 04, 2020。源翻译文稿转自我最近搭的个人博客 Burning Sky，Cold Abyss。In the early years of web development, there were three standard fundamentals upon whi...
2020-03-22 00:13:07
281
原创 移动端吸顶、动画、浏览器层模型实战分析
问题归纳顶部通知公告条自动吸顶判断点击自动展开动画，兼容Android与ios页面中的图标与文字对齐（垂直居中对齐、水平居中对齐）移动端居中、间距自适配h5页面自定义native顶部导航条知识点归纳惯性滑动的事件触发机制iscroll模拟滚动，滚动事件在安卓中未被触发requestAnimateFrame(fn)，优化动画性能position：sticky； 滚...
2018-07-09 19:14:10
796
原创 踩坑：vscode中jest的调试配置
接触到facebook的jest测试框架，本来打算写写demo试试水，怎料按着jest debug文档的demo在vscode配置launch一直无法connect，于是在解决问题的同时，顺带补习了下相关知识。node v8内核本身支持node本身支持debug模式，只需在代码中加入debugger；即可在命令行中以命令的形式调试。node-inspector插件提供第三方界面...
2018-03-09 21:30:12
7219
5
原创 移动端吸顶、动画、浏览器层模型以及相关总结
总结问题归纳顶部通知公告条自动吸顶判断点击自动展开动画，兼容Android与ios页面中的图标与文字对齐（垂直居中对齐、水平居中对齐）移动端居中、间距自适配h5页面自定义native顶部导航条知识点归纳惯性滑动的事件触发机制iscroll模拟滚动，滚动事件在安卓中未被触发requestAnimateFrame(fn)，优化动画性能position：sticky； 滚动浮屏显示t
2017-04-09 14:42:37
762
原创 JS解释器之自动类型转换：[] == ![]
toString() & valueOf()toString 与 valueOf 是 Object.prototype上的方法，这意味着js中所有的对象都会有这两个方法。toString 和 valueof 常常被js解释器用作类型转换（转换成原始类型）来使用。自动类型转换自动类型转换常常出现在在等性运算==或四则运算+-*/中。js解释器会自动将对象转换成原始类型（除了null与undefined
2016-10-13 10:16:40
491
原创 http1 & http2 发展与特性
Httphttp协议已经被广泛应用在web应用中，常用于一下几种场景：聊天 （全双工，客户端和服务器实时通信）推送 （服务器主动向客户端通信）应答 （传统模式，客户端发起请求，服务器响应）长连接（TCP）Http协议本身就是基于请求/应答模式的，只要服务器响应，本次http连接就结束了，但这不意味着TCP通道关闭。所谓的长连接通常是指 TCP连接 ，TCP通道连接客户端和服务器端，可以保持一
2016-09-28 15:38:52
2056
5
原创 JS 数据属性 & 访问器属性
JS 数据属性 & 访问器属性一个js对象（Object、Function）可以定义两种类型的属性：数据属性 或 访问器属性。共同特性数据属性和访问器属性有两个共通的特征可以设置：enumerable 是否能够被 for-in 遍历枚举configurable 是否能够被 delete 关键字删除数据属性数据属性的特征除了共同特征两种外，还有两种value 定义值writable 是否能够
2016-09-28 10:16:04
1927
6
原创 Array & Event & Dom 兼容总结
Dom元素节点 & 属性节点 & 文本节点nodeName & tagName & nodeValue测试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="aa"> <a id="dd" valu
2016-08-25 17:02:59
462
原创 JSONP跨域总结和实践
同源策略ajax的出现虽然促进了web的发展，但是也带来了安全性方面的问题。比如我们可以通过xxs将脚本注入到目标网页中，实时的向我们的服务器发送用户的所有操作。为了保证前端的安全性，推出了同源策略，即无法通过xhr向其他服务器发送信息。下面是node服务端代码，作为一个简单的http静态服务器。var http = require("http");var url = require('url')
2016-08-25 16:36:59
399
原创 Socket总结 & node搭建简单的http服务器
网络中的进程socket解决的是网络中进程间的通信，其首要解决的就是如何在网络中找到目标进程，这就要求进程拥有唯一性的索引，方便查找连接。一台机器上，进程与进程之间通行，以PID作为唯一标识。但是在网络中，不同的机器，PID可能重复。然而，网络层的IP 可以唯一标识主机，传输层的 tcp协议和端口号 则能够唯一标识主机中的进程。因此: ip地址+协议+端口 = 网络中的一个进程socket 就目
2016-08-25 16:30:20
1224
原创 Function执行原理 & 闭包
Execution Context 执行期上下文在java或c语言中，都有块级作用域这个概念,而js中则没有。在js中，作用域只有一种，即函数级作用域。而执行期上下文，可以理解为函数的作用域或执行环境。在代码层面，执行期上下文是嵌套存在的)在js引擎内，执行期上下文是以栈的形式进行存放栈的最底部存放的global上下文，每次执行一个函数，则会创建一个上下文放入栈中，执行结束后再pop移除。(func
2016-08-21 19:26:18
651
原创 angular指令心得（ng-model）
angular指令心得（ng-model）在项目中编写指令，常常会依赖其他的指令来实现想要达到的功能，其中最常用到的便是ng-model，它为我们明确了需要绑定的属性，虽然在指令中可以通过通过使用独立作用域的”=”来进行双向绑定，但使用ng-model更能简化指令的传值，符合angular的使用习惯。指令依赖angular中编写自定义指令是通过require属性来指定查找依赖指令的controlle
2015-10-19 12:52:59
25316
原创 Linux下部署tomcat+mysql服务器
Linux下部署tomcat+mysql服务器第一次在linux服务器上部署项目，把我部署的过程和其中遇到的坑记录下来。Linux下部署tomcatmysql服务器准备vpn创建连接Linux服务器连接工具XShellWinSCP文件上传下载部署拷贝tomcatJDK安装合适的JDK版本JDK安装数据库导入Tip 表不存在的异常TIp 删除复杂外键关联的表Tip show
2015-10-10 23:22:22
5185
原创 angular+karma+bower搭建自动化测试环境
angular+karma+bower搭建自动化测试环境目录angularkarmabower搭建自动化测试环境目录express创建项目bowerbower的安装Gitbower的使用bower的下载目录Karma开始测试在开发过程中要保证开发代码的质量，单元测试是一种很有效的方式，特别是针对像angular这种可以自定义指令组件特性的框架更加有必要。下面将介绍配置angular
2015-09-26 14:48:23
1738
原创 探索angular源码--启动(1)
前言angular2.0已经出来了，本来应该是研究最新的angular源码，但毕竟用了angular1这么久了，一直对其源码实现十分好奇，再加上研究源码主要目的是学习，版本不是特别重要，因此就1.3版源码进行研究，在以后的研究中，主要会针对angular的内置指令的实现和一些常用的方法进行探究。初始化–bindJQuery既然要研究源码，那肯定应该从启动开始看，打开angular.js，好家伙，2w
2015-08-01 21:44:52
817
转载 立即调用的函数表达式(function(){...})()
前言大家学JavaScript的时候，经常遇到自执行匿名函数的代码，今天我们主要就来想想说一下自执行。在详细了解这个之前，我们来谈了解一下“自执行”这个叫法，本文对这个功能的叫法也不一定完全对，主要是看个人如何理解，因为有的人说立即调用，有的人说自动执行，所以你完全可以按照你自己的理解来取一个名字，不过我听很多人都叫它为“自执行”，但作者后面说了很多，来说服大家称呼为“立即调用的函数表达式”。本文英
2015-08-01 11:29:06
553
原创 一些前端的心得体会，笔记
Js1. js的5种原始类型Date:2015-7-28 beginnull,undefined,string,number,objectboolean：布尔，值为true或falsenumber：数字，值为任何整型会浮点数值string：字符串，值为由单引号或双引号括出的单个字符或连续字符（JavaScript不区分字符类型）null：空类型，其仅有一个值：nulllundefined：未
2015-07-28 21:23:43
2027
1
转载 用jQuery与JSONP轻松解决跨域访问的问题
跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作，然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url.来间接完成跨域访问也是可以的.但很显然开发量比较大,但限制也最少,很多widget开放平台server端(如sohu博客开放平台)其实就么搞的.不在本次讨论范围.要讨论的是浏览器端的真正跨域
2015-07-26 20:09:57
465
原创 angular js自学笔记(二）——作用域1.0
了解作用域，首先要理解angular js的控制器。控制器的主要职责是初始化作用域实例，那么问题来了，什么是作用域实例呢？学过Java的人都知道，Java中可以将很多方法和需要的属性封装到一个类中，方便其他类调用，在我个人看来，angular js里面就定义了一个scope类，而我们在html里面使用ng-controller标签（这个标签是由指令(Directives）定义的）时，会自动创建一个scope类的实例。
2015-03-10 22:16:09
1120
原创 angular js 自学笔记(一）
mvc设计模式，简单说来是将复杂的代码设计规范化,把应用的输入，处理，输出分开，M是指数据模型，V是指用户界面，C则是控制器。像我刚接触的SSH框架中，例如struts，就是利用mvc的设计模式。其中model（也就是数据模型）负责封装页面传来的参数，并交给业务进行处理，处理完后返回模型数据到页面进行显示，这一点angular js中的双向数据绑定成功的实现了。control负责进行业务处理，并将处理后的模型数据选择对应的视图view进行输出。
2015-03-09 23:00:26
578
原创 有关校园网无法开启wifi的简单解决方法
作为一个新时代的大学生，没有wifi的世界就是个噩梦，以前用的猎豹wifi，但发现卸载猎豹wifi后无法登陆校园网后，果断抛弃了这个家伙。现在使用的是一个叫360免费wifi的东西，现在开着校园网客户端的情况下打开360wifi，但是问题来了，你会发现一直是这个状态，最后无法创建。怎么办呢，很简单，打开任务管理器，找到进程，把校园网客户端结束掉，不要担心，之后仍然可以上网，然后在打开360wifi
2015-03-07 23:30:31
8454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人