随笔分类 -  前端

移动端图片上传老失败
摘要：做移动端开发的时候，form里面的file后台经常获取不到，用foemdata也拿不到 找到了一个formdata的脚本 阅读全文
posted @ 2017-09-27 15:31 安筱雨 阅读(826) 评论(0) 推荐(0)
sublime断点调试
摘要：系统重装了之后以前装好的zendstudio的xDebug又不能用了 搞了一天，放弃了 看到sublime也能调试，我就用sublime了 首先要下sublime插件 链接：http://pan.baidu.com/s/1i5QP3FZ 密码：xmqg 这里面自带了xdebug插件的 只要配置好ph 阅读全文
posted @ 2017-07-24 16:33 安筱雨 阅读(8087) 评论(0) 推荐(0)
canvas百分百特效
摘要：这个特效是别的人，非原创。原创地址 http://blog.csdn.net/lecepin/article/details/53536445 背后的水是可以动的 代码我再研究了下，下面是加了注释的代码。不是原创好像没什么好说的了。。 阅读全文
posted @ 2017-05-11 12:14 安筱雨 阅读(324) 评论(0) 推荐(0)
canvas拖拽效果
摘要：canvas拖拽和平时用的js拖拽是有区别的 普通的js是设置目标为绝对定位，再根据鼠标的移动来改变left和top的值 canvas是获得了鼠标的位置，直接在目标点进行重新绘制 下面给一个简单的拖拽代码 阅读全文
posted @ 2017-05-10 09:39 安筱雨 阅读(1487) 评论(0) 推荐(0)
contenteditable="true"让div可编辑
摘要：今天才知道有这个属性，真是out了。 不过以前一直没做编辑器有关的，毕竟开源的很多。 现在觉得开源的也不是这么好用，自己写写简单的吧 用了 我们就能在这个div内部进行编辑了。 有人要问了，有textarea，还需要这个吗 当然，用它的好处就是能插入标签。 比如说图片和视频标签 配合Jquery的h 阅读全文
posted @ 2017-04-28 17:25 安筱雨 阅读(1876) 评论(0) 推荐(0)
JS实现品字布局
摘要：在网页后台中常用的布局是头部+侧边栏的形式 为了省去多于代码和重复修改多个页面 头部和侧边栏都是共用的，一直不改变的，所以写死在页面中。 中间的内容根据点击而发生改变，所以用iframe包起来 如何实现呢 侧边栏的链接示例 用于包裹中间内容的iframe 当点击侧边栏的时候，我们不让链接跳转，而用J 阅读全文
posted @ 2017-04-26 09:32 安筱雨 阅读(846) 评论(0) 推荐(0)
（canvas）两小球碰撞后的速度问题研究
摘要：这两天在研究canvas碰撞 先把小球开始运动的图拿出来 参考了一下别的的代码，在两个小球碰撞处理上，我觉得不完善 怎么样处理才算完善呢，当然是要用高中物理学的动量守恒了和机械能守恒了 机械能守恒我其实忘了，特地百度了下 用高中老师的话就是，联立，解得，PS：结果我是网上找的，也存在看错的可能 碰撞 阅读全文
posted @ 2017-04-14 11:11 安筱雨 阅读(1937) 评论(0) 推荐(1)
canvas画多边形
摘要：Canvas画正多边形 阅读全文
posted @ 2017-04-11 16:25 安筱雨 阅读(6353) 评论(0) 推荐(0)
复杂下雨特效
摘要：上次的下雨效果比较简单，这个要复杂很多 对比：通过单个雨滴的位移达到下雨效果，上次是随机产生，然后刷新出来的，雨滴本身没有动 雨滴碰到鼠标和地面会溅射 鼠标能控制雨的速度和方向 阅读全文
posted @ 2017-04-10 17:03 安筱雨 阅读(486) 评论(0) 推荐(3)
canvas简单下雨特效
摘要：前面做了两个简单的效果，这次就来个下雨的效果 思路简单的说一下 随机在屏幕中的位置画雨滴，moveTo(x,y) 雨滴的长度就是lineTo(x,y+len) 每次重新绘制页面，就能达到下雨的效果了 阅读全文
posted @ 2017-04-08 14:34 安筱雨 阅读(2053) 评论(0) 推荐(0)
canvas抛物线运动轨迹
摘要：本来是想做一个贝塞尔曲线运动轨迹的 公式太复杂了，懒得算，公式在最后 我先画了一个抛物线，我确定了两个点，起点（0,0），终点（200,200） 用坐标系可算出方程 y=-0.005x^2 现在找出终点的切线与X轴的交点，那个就是贝塞尔曲线的第二个参数，控制点 求出是（100,0） 现在重新绘制一个 阅读全文
posted @ 2017-04-07 14:31 安筱雨 阅读(8654) 评论(4) 推荐(1)
canvas扩散圆环
摘要：最近看了很多牛的动画，想想自己的canvas的确很菜。 公式在那里，但是不是太会套。找demo发现都是很难的 于是找了个简单的效果 圆环从中间扩散的效果 关键是 globalCompositeOperation合成操作，只留下重叠的部分 阅读全文
posted @ 2017-04-06 10:11 安筱雨 阅读(1998) 评论(0) 推荐(1)
JS命名空间的使用
摘要：在多人合作写脚本的时候，会发生方法名冲突的情况 用JS的命名空间能解决这个问题 若全局空间中已有同名对象，则不覆盖该对象；否则创建一个新的命名空间。 下面就列出一个例子 上面的例子是别人博客的，下面写一个自己自己写的 有两个人同时写一个页面，一个是DOC，一个ZXD，同时命名了一个hello方法 全 阅读全文
posted @ 2017-03-21 10:55 安筱雨 阅读(5460) 评论(0) 推荐(0)
栈内存和堆内存
摘要：堆和栈这两个字我们已经接触多很多次，那么具体是什么存在栈中什么存在堆中呢？就拿JavaScript中的变量来说： 首先JavaScript中的变量分为基本类型和引用类型。 基本类型就是保存在栈内存中的简单数据段，而引用类型指的是那些保存在堆内存中的对象。 基本类型有Undefined、Null、Bo 阅读全文
posted @ 2017-03-11 22:40 安筱雨 阅读(172) 评论(0) 推荐(0)
关于闭包
摘要：闭包由三个特性 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收 闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量 使用闭包有一个优点，也是它的缺点，就是可以把局部变 阅读全文
posted @ 2017-03-11 09:47 安筱雨 阅读(252) 评论(0) 推荐(0)
js实现继承的方法
摘要：1.对象冒充 2.call()方法实现继承 call方法是Function类中的方法 call方法的第一个参数的值赋值给类(即方法)中出现的this call方法的第二个参数开始依次赋值给类(即方法)所接受的参数 3.apply()方法 apply方法接受2个参数， A、第一个参数与call方法的第 阅读全文
posted @ 2017-03-09 21:35 安筱雨 阅读(272) 评论(2) 推荐(0)
gulp给文件加版本号
摘要：版本号用文件MD5生成 默认根据文件MD5生成，因此文件未发生改变，此版本号将不会变 所以当没有改变文件的时候，我们就不能用gulp来改变版本号了 需要安装的插件 1 npm install --save-dev gulp 2 npm install --save-dev gulp-rev 3 np 阅读全文
posted @ 2017-03-09 16:32 安筱雨 阅读(3501) 评论(6) 推荐(0)
gulp初探
摘要：很多人都在用grunt和gulp，我现在连github都不用。。为了说自己是个前端，还是搞搞gulp吧 nodejs很多人都会安装，这个不是问题 npm模块现在好像是自带的。。我忘了。。 先全局安装下gulp npm install gulp -g 好像默认到user下的了。 然后在D盘找个文件夹t 阅读全文
posted @ 2017-03-08 20:26 安筱雨 阅读(187) 评论(0) 推荐(0)