骨月枫🍁

摘要： 该文章是作为日常积累和整理，又是好久没有整理node的相关知识了，最近翻了翻自己的有道云笔记，怎一个乱字了的，重新整理下。 一、Mac常用快捷键 Command+M: 最小化窗口 Command+T: 在浏览器中打开新的选项卡 Command+W: 关闭窗口 Command+Q: 退出程序 Comm 阅读全文

摘要： 又是好几个月没有写东西，还是太懒散了~必须要教育下自己罗~ 这次做了个播放视频的移动H5，之前没有仔细玩过，好好记录下基本知识，还有遇到的一些坑，方便之后再次遇见后进行解决 一、基本 video标签在兼容性上还是比较差的，如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或 阅读全文

摘要： 一、PC PC是通过鼠标点击和移动，相对比较简单，比如onmousedown、onmouseup、onmousemove、onmouseout鼠标按键按下、按键起来、鼠标在元素上移动、鼠标从元素上离开。 PC端可以直接通过事件的clientX和clientY来获取点击的坐标，这个坐标(e.clien 阅读全文

摘要： 简单记录下今早做H5上传中一些代码还有坑 一、展示 因为前端上传文件是必须通过form表单的，不能使用ajax，这样的话一个移动页面放入一个type为file的input真心不怎么好看，如下图，很挫有没有 解决办法找了下，PC上有些是把这个input换成flash，采用jquery的工具库比如upl 阅读全文

摘要： 今天逛天猫时，看见优衣库店铺首页有个这个飘雪效果，顿时觉得好酷炫，立马从里面copy代码进行学习。之前我也做过一些canvas特效，往往在canvas全屏时，canvas下层的div就无法进行dom的事件操作，点击之类的就失灵了。之前我的做法要么就是在canvas上加入点击事件，穿透到下层，或者把下... 阅读全文

摘要： 一、图片加载控件在canvas效果制作中常常要使用多张图片，为了提高用户体验，需要给用户提供一个图片加载中的过度页面效果。过度效果，我在项目中使用的是Sonic.js，它在git上的地址为https://github.com/padolsey/Sonic，个人认为它的样式和扩展性都还不错，使用方式也... 阅读全文

摘要： 一、图像绘制 canvas绘制图像的方法是ctx.drawImage();该方法有三种使用方式 1、ctx.drawImage(img,x,y); img是指图像对象，x和y分别是这个图像左上角在canvas画布的坐标，而图像显示的大小为图像本身的像素值，超出canvas画布的部分不显示。 2、ct 阅读全文

摘要： 一、概述canvas它和其它的HTML5标签的使用基本一致，但是它相当于在浏览器中建立一个画布，可以再这个画布上画图、创建动画甚至是3D游戏。由于canvas要适配不同终端的分辨率，所以尽可能的在标签内设置高度和宽度，这个也符合W3C的标准。代码格式如下，当浏览器不支持canvas标签的时候，会显示... 阅读全文

摘要： 最近看了一些关于分享自媒体的代码，最后在在项目中使用了百度的分享代码，百度分享的代码格式，如下 通过config，可以对分享链接、分享图片、分享描述、分享渠道等信息进行配置。具体可以参考百度分享代码的文档http://share.baidu.com/code/advance#config我这边... 阅读全文

摘要： 最近根据公司需求，要把移动端的圆形转盘抽奖，改为九宫格的形式，查找资料搞定了，纪录下demo代码。页面的展现样式，如下比较简单，就是红色的背景图，在这10个格子里转动具体代码如下html 幸运大转盘 ... 阅读全文