![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
影山大法好
这个作者很懒,什么都没留下…
展开
-
HTML表单上传文件时遇到PHP无法获取文件的问题
PHP $file = $_FILES['file'] 无法正常获取文件务必检查HTML表单元素属性是否缺少了enctype="multipart/form-data"如缺少,补上问题即可解决原创 2015-02-04 12:41:29 · 529 阅读 · 0 评论 -
AngularJS在自定义指令中传递Model
本文是对AngularJS权威指南8.2节的理解,书中的解释比较混乱,花了一些时间才理解作者表达的意思。假如我们创建了一个指令,用于生成一个包含input和a标签。如果我们想input标签的内容通过ng-model的方式传递出去(例如传递到指令外的另一个input),我们可能会这么写:<!doctype html><html ng-app="myApp"><head> <script s原创 2015-03-31 17:06:01 · 720 阅读 · 0 评论 -
AngularJS学习笔记
近日通过图灵社区的教程开始学习AngularJS,在此记录下要点。准备教程中有一些不完善的地方,包括Github上的代码已经更新,主要部分大体相同,但测试部分已经不能像教程中说的那样工作,因此先略过测试部分,待完整了解AngularJS后再做研究;nodeJS开启服务器的方式也和文章所述不同,下面会提到。所需要的工具nodeJSgit代码库:git clone git://github.原创 2015-03-12 20:55:33 · 1285 阅读 · 0 评论 -
Canvas文本绘制的浏览器差异
今日想通过canvas动态生成图像的方式来替代png资源,但遇到了一些问题。canvas textBaseline 属性可以设置文本的绘制基线,但在不同浏览器中表现方式略有不一样。这里指讲middle属性的差异,其他值可自行研究。当textBaseline被设置为middle后,IE/Chrome/Opera可以正确地将基线设置为字体垂直中心,但Firefox则会略微向上偏离。下面是Chrome和F原创 2015-03-20 16:27:28 · 835 阅读 · 0 评论 -
善用width:auto以及white-space:nowrap以防止布局被打破
这两张图分别是CSDN博客和饿了么的网页布局,在一般情况下,他们的布局应该是正常的,但是在这里却出现了不应该有的布局混乱。原因是可知的:笔者的电脑使用了MacType以及浏览器插件,对浏览器字体以及渲染方式进行了修改,使字体宽度和预期的有出入,导致了布局混乱。但是这种情况在各个网站都是非常少见的,这说明这种现象在一定程度上是可以避免的,下面有几种技术手段可以修复这种bug。利用width原创 2015-03-03 11:58:02 · 4352 阅读 · 0 评论 -
Timeline中frame mode帧模式中idle占据大片位置
今天用Chrome DevTool中Timeline的帧模式查看网页的性能,发现一个让我很迷惑的问题,如下:我们知道,上图中的柱状体代表了每一帧所用的时间,高度越大,时间越长(其中30/60fps的基准线分别对应着33.3ms和16.6ms),而其中的透明部分,则代表刷新周期中空闲的部分(idle)。我的疑惑是,透明的idle部分,为什么不能利用起来渲染下一帧呢?从分析结果可知,这些透明的部分占据了原创 2015-02-28 23:22:50 · 2821 阅读 · 0 评论 -
Canvas实战---模仿GOOGLE浮动小球效果
Google浮动小球效果,非常炫,决定自己尝试模仿着做一个。Demo:http://qs20199.github.io/SuspendingBall/这个Demo并不难,包含以下两个部分物理控制动画控制物理控制function Ball(posX,posY,color,radius){ this.iOriginX=this.iCurX=posX; th原创 2015-02-25 11:35:41 · 570 阅读 · 0 评论 -
IE10~11中animation使用scale出现闪烁问题
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl B 斜体 Ctrl I 引用 Ctrl原创 2015-02-08 12:46:19 · 838 阅读 · 0 评论 -
修改样式表时在某些浏览器(如360)下遇到Cannot read property 'style' of undefined错误的解决方案
自己写的2048游戏,在本地调试一切正常后,上传至服务器,Chrome效果正常,但发现JavaScript在360浏览器中出错,提示Uncaught TypeError: Cannot read property 'style' of undefined 错误定位如下图这段代码是在页面加载后动态修改CSS样式表的属性。看到这个错误,蒙了很久,为何本地和Chrome下是毫无问题的原创 2015-02-06 23:17:26 · 4287 阅读 · 0 评论 -
CSS3中transition和animation冲突
元素应用一个修改scale属性的animation后,发现再修改transition中的scale属性,会没有作用。原因可能是animation-fill-mode设置了NONE以外的值,例如我当时设置了forwards,意思是使元素状态停留在动画的左后一个状态,但这也让transition再也无法修改在动画中设置的值。因此,只要把animation-fill-mode中设置的值去掉即可。原创 2015-02-05 09:43:42 · 1007 阅读 · 0 评论 -
CSS3动画@keyframes中translate和scale混用出错问题
在写基于网页的2048时,想让一个元素出现时已经通过translate属性固定在指定位置,同时显示动画scale(0)-->scale(1),以实现放大出现效果。CSS代码为 @-webkit-keyframes mymove_failed { 0% {-webkit-transform:translate(50px,50px) scale(0);} 100% {-w原创 2015-02-04 12:43:13 · 1423 阅读 · 0 评论 -
AngularJS自定义指令三种scope
scope:false//不创建新作用域 scope:true//创建新作用域,并从父作用域继承(复制) scope:{…}//创建隔离作用域,可通过@ = & 来与外界交互原创 2015-04-01 16:58:57 · 722 阅读 · 0 评论