昨天看到群里一个人的主题，首页的轮播很有意思，然后他的轮播底色是根据文章图片颜色来自动变动的，我当时就觉得蛮有意思的，但是我没怎么接触过canvas这个东西，html5的时候匆匆带过，然后js的时候也没有讲，索性就自己百度看看教程了，找了好久，大部分都是转载的同一篇文章，然后大佬的那个js算法我实在看不懂，搞不懂为什么要for循环的时候i要乘以图片的宽度，然后再乘以4，在加123这些，后面慢慢搞懂了*4和+123这些意思，但是还是不太懂为啥要乘以图片宽度，嘛，这些暂时不管了，先看看我的想法吧！获取颜色平均值理论阶段首先通过canvas获取到图片的每个像素点的rgba值，然后for循环的时...
站点logo因为更新了登录弹窗，所以站点header的logo要做两个版本的素材，一个是大屏使用的，一个小屏使用的，分别为：images文件夹中的：logo.png == 大屏使用的，分辨率200*50logo_min.png == 小屏使用的，分辨率120*30创建独立页面独立页面就是主题的nav菜单的组成部分，依次有分类、归档、友链、关于四个独立的部分组成。打开博客后台，启用Lazy_F主题后，管理 — 独立页面 — 新增输入分类 — 右侧自定义模板选择categories — 标题下面的链接自定为categories.html — 页面顺序填1 — 分类创建完成。其他的三个页面是也...
首先我们需要准备好刷固件需要工具和文件：刷机工具putty ssh工具（x64位的，32位自行百度下载） 蓝奏云 密码:f4mrWinSCP 蓝奏云 密码:g9v7无线路由器查看工具WirelessMon 蓝奏云 密码:e580刷机文件：不死breed 蓝奏云 密码:157e潘多拉固件（2019-02）蓝奏云 密码:ebfu刷机步骤首先我们要获取root的权限，为此我们要先去路由器的插件市场安装开发者模式，具体步骤如下：打开云插件页面——路由器信息——高级设置——开发者模式——申请——提示登录小极账号就登录，然后绑定手机获取验证码，再登录微信关注微信公众号绑定小极账号完成验证——...
什么是表单序列化呢？将所有表单的提交通过一个标准化的方法去获取并且提交出去，那就是序列化，也就是说不同的表单，如注册啊，登录啊，修改资料啊，这些东西可以通过一个通用的方法去处理它。那么表单序列化有几个要求：不能发送禁用的表单字段；只发送勾选的复选框和单选按钮；不发送type是reset、submit、file、button以及字段集；多选选择框中的每个选中的值单独一个条目；对于select元素，如果有value值，就指定value作为发送的字段，如果没有，就指定text值；已经将ajax的代码作为单独的一个文件保存，而调用则使用ajax()的方法，之前也做了一个表单提交的方法，在所有条件...
单独的图片预加载已经完成，这里我们为上一张和下一张图片预加载做个准备。主要就是先将上一张和下一张的大图同时加载，在同一个图片点击事件中（当某个图片被click后）。首先就是我们要获取到上一张和下一张的图片索引位置，再通过这个值计算后来锁定对应的图片。首先我们先获取当前图片父元素的父元素的索引位置，这里要先说名一下关系链：div----dl----dt----img//这里获取到的是dl元素，每个dl元素里面都有一个img，所以索引值是一样的 var children = this.parentNode.parentNode;获取到dl后我们要再得到这个元素在dl元素数组中的索引值，之前我...
闲鱼收了一把高斯的双模87，这款的官方销售价格比ikbc的dc系列便宜一百，这里我就稍微分析一下两者的一些不同。首先上点图增加一下感受键帽分析键盘使用的是双色注塑pbt而且是闭口的字符，工艺上就强过淘宝39元左右的单色pbt，但是很可惜，高斯采用黑色的材质注塑，于是这套pbt很遗憾的不能透光了，但是因为是黑色的材质，一眼看上去非常清晰舒服。并且，原装的键帽菊花向来都很松弛，这样更换键帽，清理都相当方便，所以我本人是非常倾向于原装键帽，哪怕是购买的80多一套的pbt，个人感觉手感上也没有这套原装的好。而和ikbc的dc-87比，ikbc使用的虽然也是pbt，但是字符使用的镭雕工艺，这种工艺...
JS延迟加载我们做一个对图片的延迟加载，需要准备：一张通用的默认图片，还有几张正常使用的图片。表现形式：当浏览器没有滚动到可以显示这个图片的高度时，默认使用默认图片，这个图片一般几kb的大小，当浏览器滑动到可以显示图片的高度时，开始加载对应的图片，由透明到不透明做一个过渡，这个也是京东商城使用的一个效果。所有图片都有一个通用的class名称：.wait_load 用一个id为：#photo的div容器包裹。图片元素src默认使用默认的图片加载，并且会有一个自定义的属性，这个属性自定义名称，这里使用xsrc，其属性值要是正确的图片链接地址！<img xsrc="images...
因为众所周知的原因，vultr被国内各种玩弄，谷歌因此特别“重视”，并且为了防止爬虫各种偷文章，谷歌还做了屏蔽功能，为此，我们正常使用也会因为以上的综合原因导致无法正常访问。就会出现以上图片所示：We’re sorrry ....经过我多次实验，终于找到合适的解决办法，如果你谷歌搜索的话也是可以搜索的到的，为此我做一个简单的整理首先屏蔽一般都是直接屏蔽你的ip地址，这个地址一般是ipv4的地址段，这个无解，屏蔽了就是屏蔽了，解决方法就是更换ip地址，但是这个成本太高，如果你的主机已经安装好了各种的软件，低成本的更换主机方法代价非常高，并且你还不确定下一个ip是否适用，花钱更换ip段，那是...
已经写了新版，jq的方法，地址：jq富强，如果连接失效可以在本博客搜索富强，也可以找到对应的文章经过长时间的学习，终于迎来小高潮，更新为2.0版本！2018-10-5 修复预加载js代码失效bug2018-11-3 修复了当鼠标在最右侧点击时导致X轴产生滚动条的问题2019-1-8 更新为2.0版本，修复大量bug，引用自制代码库预览图：使用要求：需要引入自制代码库：[hide]先引入tool.js 下载：蓝奏云再引入封装库base.js 下载：蓝奏云接着引入china.js 下载 ： 蓝奏云[/hide]引入方法：以我现在的博客Typecho为例，我们需要在主题的header.ph...
根据传统，我们先修复一下上一章的bug。有两个bug：当同步动画和队列动画同时存在的时候，队列动画会触发多次。如果同步动画中，两个值或者多个值相差太多就无法完整运行。原因：主要原因是因为我们在定时器中使用了for语句，然后是同步动画的时候，假设是两个动画要同时运行，那么就会触发两个if判断，然后这两个if判断到最后都会运行一次setAttr()或者setOpacity()的方法，而这两个的方法里面都有if(obj.fn != undefined) obj.fn(); 这个语句，fn本身就是队列动画，那么就会导致触发多次。而无法完成运行是因为，假设宽度要到300，高度101，元素本身高度是...
搞这个本来是一帆风顺的，但是js就是出了一个问题，单向弹出的时候没有问题，但是返回原来位置的时候就会一直卡在某个位置然后前后移动，头疼，找了半天才发现，之前的动画封装有一个问题。创建超时调用之前，我们做了一个clearInterval(window.timer);的操作，这个步骤第一个效果在window下创建了一个timer的超时调用，第二个效果是，当第二次运行的时候，会先清除之前的超时调用，而我这个卡住的bug就是因为没有清除到timer，因为我写成了var timer = setInterval(function() {},time);了，这样这个timer是函数里面的，而我们清除的...
上一章我们讲在元素移动到end位置的时候，会有两个动作同时产生，一个是正常的移动element.style[attr] = parseInt(getStyle(element,attr)) + step + 'px';一个是if判断如果当前的位置已经大于或者等于end的时候，element.style[attr] = end + 'px';这样可以解决动画的最后一些的突兀感，不会先超出，然后再移动回来，而是在同一个时间完成，但是这样并不是很好的解决办法。实际上你移动距离还是超出了，只不过后面又回来了，这样可能对以后js代码有影响，所以这里就再次调整。解决超出返回的回弹问题var time...
最近评论