影山大法好-CSDN博客

原创 AngularJS自定义指令三种scope

scope:false//不创建新作用域 scope:true//创建新作用域，并从父作用域继承（复制） scope:{…}//创建隔离作用域，可通过@ = & 来与外界交互

2015-04-01 16:58:57 721

原创 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 709

今日想通过canvas动态生成图像的方式来替代png资源，但遇到了一些问题。canvas textBaseline 属性可以设置文本的绘制基线，但在不同浏览器中表现方式略有不一样。这里指讲middle属性的差异，其他值可自行研究。当textBaseline被设置为middle后，IE/Chrome/Opera可以正确地将基线设置为字体垂直中心，但Firefox则会略微向上偏离。下面是Chrome和F

2015-03-20 16:27:28 819

原创 AngularJS学习笔记

近日通过图灵社区的教程开始学习AngularJS，在此记录下要点。准备教程中有一些不完善的地方，包括Github上的代码已经更新，主要部分大体相同，但测试部分已经不能像教程中说的那样工作，因此先略过测试部分，待完整了解AngularJS后再做研究；nodeJS开启服务器的方式也和文章所述不同，下面会提到。所需要的工具nodeJSgit代码库：git clone git://github.

2015-03-12 20:55:33 1277

原创善用width:auto以及white-space:nowrap以防止布局被打破

这两张图分别是CSDN博客和饿了么的网页布局，在一般情况下，他们的布局应该是正常的，但是在这里却出现了不应该有的布局混乱。原因是可知的：笔者的电脑使用了MacType以及浏览器插件，对浏览器字体以及渲染方式进行了修改，使字体宽度和预期的有出入，导致了布局混乱。但是这种情况在各个网站都是非常少见的，这说明这种现象在一定程度上是可以避免的，下面有几种技术手段可以修复这种bug。利用width

2015-03-03 11:58:02 4336

原创 Timeline中frame mode帧模式中idle占据大片位置

今天用Chrome DevTool中Timeline的帧模式查看网页的性能，发现一个让我很迷惑的问题，如下：我们知道，上图中的柱状体代表了每一帧所用的时间，高度越大，时间越长（其中30/60fps的基准线分别对应着33.3ms和16.6ms），而其中的透明部分，则代表刷新周期中空闲的部分(idle)。我的疑惑是，透明的idle部分，为什么不能利用起来渲染下一帧呢？从分析结果可知，这些透明的部分占据了

2015-02-28 23:22:50 2799

原创 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 566

原创 IE10～11中animation使用scale出现闪烁问题

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl B 斜体 Ctrl I 引用 Ctrl

2015-02-08 12:46:19 827

原创修改样式表时在某些浏览器（如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 4247

原创 CSS3中transition和animation冲突

元素应用一个修改scale属性的animation后，发现再修改transition中的scale属性，会没有作用。原因可能是animation-fill-mode设置了NONE以外的值，例如我当时设置了forwards，意思是使元素状态停留在动画的左后一个状态，但这也让transition再也无法修改在动画中设置的值。因此，只要把animation-fill-mode中设置的值去掉即可。

2015-02-05 09:43:42 993

原创 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 1390

原创 HTML表单上传文件时遇到PHP无法获取文件的问题

PHP $file = $_FILES['file'] 无法正常获取文件务必检查HTML表单元素属性是否缺少了enctype="multipart/form-data"如缺少，补上问题即可解决

2015-02-04 12:41:29 512

原创安装Discuz遇到"数据库连接错误 No such file or directory"的解决方案

环境如下：CentOS 6.5nginx 1.6.0PHP 5.6.3MySQL 5.1.73Discuz! X3.2安装好nginx PHP MySQL后，开始安装Discuz，在最后一步遇到问题，显示"数据库连接错误 No such file or directory"多番查找资料后，问题定位到PHP连接数据库出错。解决方案如下：1.打开

2014-12-23 09:31:45 6915

原创 input元素的盒子模型和W3C盒子模型标准不一致的问题

按照标准的W3C盒子模型，height属性应该是元素内容的高度，如下图所示：

2014-10-01 11:42:38 1697 1