随笔分类 -  Web前端

安卓微信中bootstrap下拉菜单无法正常工作的解决方案
摘要：近日在公司做微信页面开发，用bootstrap V3的下拉菜单的时候，ios的微信内置浏览器正常，但安卓微信中异常，95%的情况下，单击按钮无法呼出下拉菜单（偶尔可以触发一次）。 安卓微信内置浏览器显示为"QQ浏览器X5内核"，曾经怀疑是安卓微信中的兼容性bug，但是如果将下拉菜单这段代码单独放到一个空的页面中，却是可以正常工作的，多番调试未能定位导致bug的原因。解决方案是连蒙带猜尝试出来的，如果你也遇到了相同的问题，有任何看法或解决方案，可以留言讨论。 阅读全文
posted @ 2015-06-03 16:56 邱佳文 阅读(1914) 评论(2) 推荐(0)
一个Web钢琴谱记忆工具
摘要：最近开始玩钢琴，第一道坎是看懂钢琴谱，想找一个帮助记忆五线谱和钢琴键位对应的工具，没看到合适的，就自己写了一个。 阅读全文
posted @ 2015-05-23 21:12 邱佳文 阅读(539) 评论(0) 推荐(0)
腾讯实习生面试经历-15年3月-Web前端岗
摘要：腾讯15年实习生Web前端面试经历，从笔试，两次技术面，HR面，一步步拿到offer的历程，希望能给后来者一些帮助～ 阅读全文
posted @ 2015-04-26 09:54 邱佳文 阅读(1300) 评论(0) 推荐(3)
AngularJS自定义指令三种scope
摘要：scope:false//不创建新作用域 scope:true//创建新作用域，并从父作用域继承（复制） scope:{…}//创建隔离作用域，可通过@ = & 来与外界交互 阅读全文
posted @ 2015-04-01 16:58 邱佳文 阅读(316) 评论(2) 推荐(0)
AngularJS在自定义指令中传递Model
摘要：本文是对AngularJS权威指南8.2节的理解，书中的解释比较混乱，花了一些时间才理解作者表达的意思。假如我们创建了一个指令，用于生成一个包含input和a标签。如果我们想input标签的内容通过ng-model的方式传递出去（例如传递到指令外的另一个input），我们可能会这么写... 阅读全文
posted @ 2015-03-31 17:06 邱佳文 阅读(2857) 评论(0) 推荐(0)
Canvas文本绘制的浏览器差异
摘要：今日想通过canvas动态生成图像的方式来替代png资源，但遇到了一些问题。canvas textBaseline 属性可以设置文本的绘制基线，但在不同浏览器中表现方式略有不一样。这里指讲middle属性的差异，其他值可自行研究。当textBaseline被设置为middle后，IE... 阅读全文
posted @ 2015-03-20 16:27 邱佳文 阅读(412) 评论(0) 推荐(0)
AngularJS学习笔记
摘要：近日通过图灵社区的教程开始学习AngularJS，在此记录下要点。准备教程中有一些不完善的地方，包括Github上的代码已经更新，主要部分大体相同，但测试部分已经不能像教程中说的那样工作，因此先略过测试部分，待完整了解AngularJS后再做研究；nodeJS开启服务器的方式也和文章... 阅读全文
posted @ 2015-03-12 20:55 邱佳文 阅读(292) 评论(0) 推荐(0)
善用width:auto以及white-space:nowrap以防止布局被打破
摘要：先来看两张图这两张图分别是CSDN博客和饿了么的网页布局，在一般情况下，他们的布局应该是正常的，但是在这里却出现了不应该有的布局混乱。原因是可知的：笔者的电脑使用了MacType以及浏览器插件，对浏览器字体以及渲染方式进行了修改，使字体宽度和预期的有出入，导致了布局混乱。但是这种情况... 阅读全文
posted @ 2015-03-03 11:58 邱佳文 阅读(798) 评论(0) 推荐(0)
Timeline中frame mode帧模式中idle占据大片位置
摘要：今天用Chrome DevTool中Timeline的帧模式查看网页的性能，发现一个让我很迷惑的问题，如下：我们知道，上图中的柱状体代表了每一帧所用的时间，高度越大，时间越长（其中30/60fps的基准线分别对应着33.3ms和16.6ms），而其中的透明部分，则代表刷新周期中空闲的... 阅读全文
posted @ 2015-02-28 23:22 邱佳文 阅读(578) 评论(0) 推荐(0)
Canvas实战---模仿GOOGLE浮动小球效果
摘要：看到基于Canvas动画的Google浮动小球效果，非常炫，决定自己尝试模仿着做一个。Demo:http://qs20199.github.io/SuspendingBall/这个Demo并不难，包含以下两个部分物理控制动画控制物理控制function Ball(posX,posY,... 阅读全文
posted @ 2015-02-25 11:35 邱佳文 阅读(245) 评论(0) 推荐(0)
IE10～11中animation使用scale出现闪烁问题
摘要：.appear { animation:appear 0.15s;}@keyframes appear { 0% {transform: scale(0) ;} 100% {transform: scale(1) ;}}如果使用JavaScript添加一个带有app... 阅读全文
posted @ 2015-02-08 12:46 邱佳文 阅读(400) 评论(0) 推荐(0)
修改样式表时在某些浏览器（如360）下遇到Cannot read property 'style' of undefined错误的解决方案
摘要：自己写的2048游戏，在本地调试一切正常后，上传至服务器，Chrome效果正常，但发现JavaScript在360浏览器中出错，提示Uncaught TypeError: Cannot read property 'style' of undefined错误定位如下图这段代码是在页面加载后动态修改C... 阅读全文
posted @ 2015-02-06 23:17 邱佳文 阅读(6948) 评论(0) 推荐(0)
CSS3中transition和animation冲突
摘要：元素应用一个修改scale属性的animation后，发现再修改transition中的scale属性，会没有作用。原因可能是animation-fill-mode设置了NONE以外的值，例如我当时设置了forwards，意思是使元素状态停留在动画的左后一个状态，但这也让transition再也无法... 阅读全文
posted @ 2015-02-05 09:43 邱佳文 阅读(1094) 评论(0) 推荐(0)
CSS3动画@keyframes中translate和scale混用出错问题
摘要：在写基于网页的2048时，想让一个元素出现时已经通过translate属性固定在指定位置，同时显示动画scale(0)-->scale(1)，以实现放大出现效果。CSS代码为 @-webkit-keyframes mymove_failed { 0% {-webkit-transform:... 阅读全文
posted @ 2015-02-04 12:43 邱佳文 阅读(3668) 评论(0) 推荐(0)
HTML表单上传文件时遇到PHP无法获取文件的问题
摘要：PHP$file = $_FILES['file'] 无法正常获取文件务必检查HTML表单元素属性是否缺少了enctype="multipart/form-data"如缺少，补上问题即可解决 阅读全文
posted @ 2015-02-04 12:41 邱佳文 阅读(482) 评论(0) 推荐(0)