分类 编一点代码 下的文章

很多时候需要在站内做外链的跳转,既想留住连接并且又不希望访客看到目标页面的地址。
实现起来有很多方法,比较简单的是使用插件,推荐的有Simple URLs、Go Codes等。
虽然插件很方便,但是我这里说的是另外一个免插件的方法,无插件的话写htaccess也可以,但是无法在 WEB 端快捷的编辑。

先说我想要的需求:

  1. 容易部署
  2. 容易管理
  3. 隐藏目标地址
  4. 统计(暂时没有实现代码)

我这的解决方案是建一个文件夹,两个文件,其实如果用伪静态的话,一个文件就行。

- 阅读剩余部分 -

图片占位这个功能真是在网上遍地都是,各有特点,但是考虑到网站项目外链及访问问题,所以还是自己写一个吧。也可以用那个国产的 js 的。
根据自己的需求分为以下几个字段
/500×500(图片尺寸)/ffffff(背景颜色)/000(文字颜色)/text(自定义文字)
其中的颜色可以使 HEX 或者RGBA(RGBA中a支持0-1之间的小数或者1-127的数字,1比较特殊,为完全透明。)

- 阅读剩余部分 -

思路是网上已经流行了一阵的多边风格(Low Poly),这次想用类似的样式做一个背景图,换个博客的背景,考虑三角形见棱见角,尖尖比较多,做背景的话效果不错。JS 和 Canvas 很好玩,就用这个了。

其实最后做出来的也不是多边风格,应该叫多堆叠彩色三角形,哈。

主要运用了 js 在页面的宽高的范围内,循环随机生成起点、二个顶点和颜色,然后用 canvas 画个有颜色带 Alpha 三角形。
然后利用 canvas 提供了 toDataURL 的接口,将 canvas 画布转化成可以当图片显示的 base64 编码。

熟肉代码如下:

- 阅读剩余部分 -

之前写过一个获取页面进度的代码

这次写的代码是将页面浏览的百分比展示到页面中,从0°到360°按照百分比显示。

用的是 html5 中的 canvas。

第一步:在页面上创建一个Canvas画布元素。
第二步:画一个圆形。
第三步:画一个扇形。
第四步:画一个小一点的圆形,这样就有一个带颜色的圆环。
第五步:圆中心写入进度文字。

- 阅读剩余部分 -