- 博客(37)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 iOS:active或-webkit-tap-highlight无效的原因及解决方案
通常，元素在按压态/点击态时会使用 :active伪类 来设置特定的样式，这个操作在pc/Android上都没有问题，但 iOS上的点击事件（click）是模拟出来的，在iOS上使用 :active 伪类 需要设置一个touch事件，这样元素的:active伪类才能被正确触发。一般是给body标签上加一个ontouchstart属性，但是但是~注意body的渲染范围，要保证元素上的touch事件能...
2019-05-21 19:12:36
886
原创 fixed 定位失效 与 CSS 层叠上下文
第一部分，position: fixed失效的问题； 第二部分，了解一下由此扯出的一个Stacking Context层叠上下文。 文中大部分内容来自于我对W3C文档及一些英文资料的理解，如有不明确或表述不准确的地方还请指出。fixed 定位与 CSS 层叠上下文的关系关于 position: fixedposition: fixed 在日常布局中比较常用，如移动端头部和底部导航定
2018-01-02 17:59:21
2865
原创 为什么前端优化时要避免空的src
为什么前端优化时要避免空的src偶然间看到一篇关于前端优化策略的文章，提到了一条“避免页面中空的 href 和 src”，原文是这样的： 当 <link> 标签的 href 属性为空，或 <script>、<img>、<iframe> 标签的 src 属性为空时，浏览器在渲染的过程中仍会将 href 属性或 src 属性中的空内容进行加载，直至加载失败，这样就阻塞了页面中其他资源的下载进程，而且
2017-11-06 12:20:38
4429
4
原创 JavaScript 对象拷贝与Object.assign
JavaScript 中，对于基本数据类型（undefined、null、boolean、number、string）来说，在变量中存储的就是这个变量本身的值，复制是对值的复制，不存在深浅之说。但C系语言的共同特点中有，存储引用类型（对象），实际中在变量里存的是它的地址。因此对 JavaScript 中的复杂数据类型（object）来说，也会有浅拷贝和深拷贝的
2017-11-03 19:14:56
4639
原创 浏览器渲染的过程
浏览器渲染的过程浏览器从请求到渲染页面的过程浏览器从开始请求到渲染呈现一个页面的过程中时间花在下面五件事上： 1. DNS查询 2. 建立TCP连接 3. 发出HTTP请求 4. 等待服务器响应 5. 渲染内容而渲染页面内容这一步又可以继续细分成下面的步骤： 1. 处理 HTML，构建 DOM 树（文档对象模型） 2. 处理 CSS，构建构建 CSSOM（CSS对象模型）
2017-10-24 20:47:07
612
原创 使用Fiddler的AutoResponder转发请求
前端同学进行开发的时候，经常需要调用远程的API请求数据，但囿于浏览器的同源策略不能直接发送跨域的请求，通常来说解决方案有： - 添加一层nodejs进行接口转发 - 使用webpack的dev-server代理一下在使用了webpack的项目里用dev-server还是很方便的。如果没有使用webpack也不想多写一层node的话，可以使用fiddler的AutoResponder转发请求。
2017-09-08 11:11:36
7747
4
原创 聊聊Service Worker
Web Workersweb worker: 为Web内容在后台线程中运行脚本提供了一种简单的方法，线程可以执行任务而不干扰用户界面,即：运行在后台的 JavaScript浏览器一般有三类 web Worker： - Worker：专用的 worker，只能被创建它的 JS 访问，生命周期到创建它的页面关闭时结束。 - SharedWorker：共享的 worker，可以被好几个 JS 访问，生
2017-09-07 15:15:40
2749
原创 使用Nightwatch进行E2E测试
本文在线预览E2E测试不同于行为驱动测试（BDD）和单元测试独立运行并使用模拟/存根，端到端测试将试着尽可能从用户的视角，对真实系统的访问行为进行仿真。对Web应用来说，这意味着需要打开浏览器、加载页面、运行JavaScript，以及进行与DOM交互等操作。 然而，项目在快速迭代中不可避免的要进行一遍又一遍测试，费时又费力，而且极有可能因人工失误忽略某些环节。再者，怎么能容忍一次搞定的事非要多次重
2017-03-27 17:03:30
5561
原创 H5设备方向及运动API介绍
H5提供了一些与设备相关的API，其中 有两种事件负责处理设备的物理方向和运动信息，它们常见的信息源有陀螺仪、罗盘及加速计。 第一种是处理方向的事件：deviceorientation，它会在传感器检测到设备在方向上产生变化时触发。通过处理该事件传来的数据信息，使针对由于用户移动设备引起旋转和角度变化的行为进行设计。 第二种是处理运动的事件：devicemotion，它会在加速度发生改变时触发
2017-03-01 10:35:36
3000
原创 纯CSS打造双层Tab
css实现的双层嵌套Tab标签页。一般来说，使用纯CSS实现Tab页面效果的常用方式是a标签和:target结合，但是这样实现有一个强迫症的地方：由于是使用a标签把页面“链接”到某个指定ID的元素上，因此浏览器的URL里会出现[#ID]的情况。而且，使用a标签也不好控制Tab导航按钮选中后的样式。
2016-08-13 18:03:16
5244
3
原创 美团面试总结
面试前的准备接到面试通知的电话一阵兴奋，随即网上查了一下别人面试美团的面经，发现面试的范围相当广泛，又有学长说美团面试喜欢当场写代码，数据结构算法什么的都有，虽然有点担心过不了，可是一想到要去北京面试就好兴奋~ 接到电话当晚就把之前整理问题的本子拿了出来，从头到尾把这些之前的面试中问到过的方面都浏览一遍，然而真的是看到的越多就越觉得自己掌握的太少太少。为了能安慰一下自己激动而又紧张的的小心脏
2016-05-17 21:15:10
8605
4
原创 当设计模式遇到Javascript （一 · 设计模式概述）
当设计模式遇到Javascript （一 · 设计模式概述） 设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编制真正工程化；设计模式是软件工程的基石脉络，如同大厦的结构一样。
2015-12-02 21:13:09
1038
原创 CSS选择器详解（伪类）
CSS选择器详解 之 伪类伪类对大小写不敏感结构伪类选择器结构伪类是CSS3新增的类型选择器，利用DOM树实现元素过滤，通过文档结构的相互关系来匹配元素，可以减少class和id属性的定义，使文档变得更加简洁。:root选择元素所在文档的根元素。在(X)HTML文档中，根元素始终是html元素。:not（）否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。 e
2015-11-28 19:09:41
16252
2
原创 CSS选择器详解
CSS选择器详解选择器是CSS的核心，从最初的CSS版本到现在的CSS3，选择器的发展变化使得定位页面内的某个元素的方式越来越简单和多样化。 需要查找某个选择器讲解的直接在目录里选择，由于伪类比较多而且这篇略长，伪类将重新单独一篇~元素选择器（W3C标准中又称类型选择器）选择文档树中的元素。 e.g. HTML:<body> <p>this is an example</p></bo
2015-11-22 21:18:46
1533
原创 HTML5 内置本地数据库之Sqlite
HTML5 内置本地数据库之Sqlite一、关于HTML5和web本地数据库SQLite 可以很好的支持关系型数据库所具备的一些基本特征，如标准SQL语法、事物、数据表和索引等，且占用资源较少，可在移动设备上轻松使用。 HTML5中添加了很多功能，将一些以前必须保存在服务器上的数据转向本地保存，提高了Web应用程序性能的同时还减轻了服务器的负担。然而关于Web SQL Database有一个不太好
2015-11-20 21:13:34
28802
11
原创 HTML5 Web Storage
HTML5 Web StorageH5之前在浏览器客户端可以用cookies来存储数据，但是cookies存储永久数据时存在的问题还是很多的，比如：大小受限，最多只能存储4KBcookies会随HTTP请求一起发送，占用带宽，速度慢且效率低不易操作Web storage是H5新增的一个非常重要的功能，可以在Web上存储数据（针对浏览器本地而言，使用javascript进行存储和访问），但是，loca
2015-11-18 21:42:40
850
原创 未能找到元数据文件C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\Tools\..\IDE\EntityFramework.dl
解决EntityFramework中连接数据库却无法生成模型类问题错误 正在编译转换: 未能找到元数据文件“C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\Tools\..\IDE\Microsoft.Data.Entity.Design.dll”
2015-10-08 10:59:23
16360
7
原创 “System.Data.Entity.Infrastructure.DbUpdateConcurrencyException”类型的异常在 EntityFramework.dll 中发生，但未在用户
“System.Data.Entity.Infrastructure.DbUpdateConcurrencyException”类型的异常在 EntityFramework.dll 中发生，但未在用户代码中进行处理 其他信息: 存储区更新、插入或删除语句影响到了意外的行数(0)。
2015-09-25 12:30:31
9071
1
转载 LINQ To SQL 语法及实例大全
LINQ to SQL语句(1)之Where Where操作适用场景：实现过滤，查询等功能。说明：与SQL命令中的Where作用相似，都是起到范围限定也就是过滤作用的，而判断条件就是它后面所接的子句。Where操作包括3种形式，分别为简单形式、关系条件形式、First()形式。下面分别用实例举例下：1. 简单形式：例如：使用where筛选在伦敦的客户 var q =
2015-09-13 11:09:42
925
原创 Git shell命令上传代码
创建Repository步骤：1、创建本地文件夹2、进入文件夹，执行 git init初始化后git会对此文件夹中的文件进行版本控制3、在远程服务器（如 github）上创建一个Repository，记下SSH4、执行git remote add 以后可以通过这个名字向对应的Repository提交代码5、提交代码创建Repository前对Git的配置工
2015-04-18 16:03:19
2301
1
原创 C#数据库连接字符串及SQL语句处理
关于字符串方法一：连接字符串直接摆上来 using (SqlConnection conn = new SqlConnection("Data Source=.\\SQLEXPRESS; Database=**;Integrated Security=False;User ID=**;Password=**")) {
2015-02-16 23:26:31
1929
原创 算法之三色旗
问题描述： 三色旗的问题最早由E.W.Dijkstra所提出，他所使用的用语为Dutch Nation Flag(Dijkstra为荷兰 人)，而多数的作者则使用Three-ColorFlag来称之。假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序，您 希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳子上 进行这个动
2015-01-26 23:12:15
809
原创 回溯算法之马踏棋盘
问题描述： 在8*8国际象棋棋盘上，让马从某一位置开始，走“日”子型踏遍棋盘每一个格子。算法思想： 采用回溯算法，在每一个点上按照一定顺序探查下一步的走法，若走不动，则回溯到上一步，继续探查代码：#include#define N 8typedef struct{ int x, y;}Move ;int Chess[N][N];int c
2015-01-13 21:35:56
1831
1
原创 回溯算法之八皇后问题
问题描述：八皇后问题，是一个古老而著名的问题，是回溯算法的典型案例：在8X8格的国际象棋棋盘上摆放八个皇后，使其不能互相攻击，即任意两个皇后都不能处于同一行、同一列或同一斜线上，问有多少种摆法。问题求解：采用回溯算法，即从第一行开始，依次探查可以放置皇后的位置，若找到，则放置皇后，开始探查下一行；若该行没有位置可以放置皇后，则回溯至上一行，清除该行放置皇后的信息，从该行原本放置
2015-01-11 21:41:43
1147
1
原创 C语言内存管理机制的一点小问题
先来一张高能的图:这张图片上的结果是一个细心地小伙儿发现的。。嗯不如说是个疯狂的小伙儿。第一行里指针a,b竟然有相同的值，看这结果是不是很像引用？理论上来说要用指针是要给它分配内存空间的，但是事实证明对这样的小程序来说char的指针不分配貌似也能直接用？这一点很不解，隐约感觉这一点和图片中显示的问题有很大关联。内存分配方式有三种：1、
2014-12-17 16:53:08
838
原创 贪心算法之装箱问题
问题描述： 有一些箱子，容量为V，同时有n个物品，每个物品有一个体积（小于等于箱子容量），要求将物品全部装入箱子中，使占用的箱子数尽量少。贪心算法中要求每一步的解都是当前步骤中的最优解。原问题的解可以通过一系列局部最优的选择来达到，这种选择并不依赖于子问题的解。算法思想：1、数据结构 要求求解箱子数目，也就是说不能确定会占用多少个箱子，因此采用链表的形式来存储箱子及
2014-11-29 20:41:00
12503
转载 一些与算法有关的网站
//转自：http://www.cnblogs.com/a180285/archive/2012/01/15/2290290.html//-------------------------------------------------------------------------------------------------------------------------------
2014-11-20 13:53:27
655
原创 大整数存储——求13的100次幂
#include# define N 200int main (void){ int a[N],i,st,cp,x,loop;st=N-1;//从个位开始a[st--]=1; for(loop=0;loop<0;loop++) { cp=0; i=N-1; while(i>st) { x=a[i]*13+cp; a[i]=x%10; cp=x/10
2014-11-16 21:26:52
914
转载 初窥CSS布局
初窥CSS布局2011-10-11写一篇文章，难免要为之命名，所谓名不正，则言不顺；言不顺，则事不成。这篇文章是要说明一下CSS中的布局，实为入门之法矣。 本想命名为“布局说”的，但是总感觉题目太大，被大神们看到难免沦为笑柄，思来想去，便命名为“初窥CSS布局”。不管是写一个html页面，还是打算建一个网站，首先应该想的是怎么为之布局，这是常常让我头疼的事情，不
2014-11-15 12:08:03
638
原创 简单约瑟夫环【队列实现】
问题描述：据说著名犹太历史学家 Josephus有过以下的故事：在罗马人占领乔塔帕特后，39 个犹太人与Josephus及他的朋友躲到一个洞中，39个犹太人决定宁愿死也不要被敌人抓到，于是决定了一个自杀方式，41个人排成一个圆圈，由第1个人开始报数，每报数到第3人该人就必须自杀，然后再由下一个重新报数，直到所有人都自杀身亡为止。然而Josephus 和他的朋友并不想遵从。首先从一个人开始，
2014-10-07 21:41:20
3068
原创 链表排序
第一种排序方法：只交换数据域值，不交换各节点顺序 以数据域为整型数据且链表带有头结点为例 ElemSN *fun(ElemSN*h) { int t; ElemSN*p,*q; for(p=h->next;p->next;p=p->next) for(q=p->next;q;q=q->next) { if(p->datadata) { t=p->data; p->data=q->data; q->
2014-10-06 20:00:16
563
原创 表达式求值【栈】
好好学习，天天向上T^T代码写的很恶心很混乱尤其是没贴上来的。。所以只贴上来主要的一段T^T，写窗口时想复习一下暑假的东西。。可是很明显我太高估自己记忆力了。一个月完全没怎么接触就忘得差不得一干二净，只好把之前的代码再仔细地瞅一遍了T^T身边的人都是大神，压力好大甚至最近开始觉得睡午觉时间长了都是一种罪过T^T。。瞬间觉得脑子不够用了，bug找了好长时间才发现果然是粗心惹的祸T^T
2014-09-25 20:43:28
553
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人