用CSS Flex 布局绘制柱状图 Bar chart

2020-03-13
阅读 2 分钟
2.9k
关于flex布局,可以看我这篇 图解Flex布局 本文基于的框架:微信小程序、uniapp(Vue.js)、SCSS。原理是一样的,我就不转换成原生的Vue.js和css了。 原理: 模板: v-for="i in 5" 循环显示5个bar :style="{ 'height': readingHoursHeight[i] + 'px' 根据readingHoursHeight的数据动态设置bar的高度 {{ readingHours[i]...

自开发的EasyCanvas绘图库实践、Pixeler项目开发小结

2018-05-23
阅读 2 分钟
3.1k
欢迎交换友链: laker.me--进击的程序媛Github:[链接]V信: lakerHQ (请注明‘来自博客’) 涉及的两个项目 Pixler:一个用于设计像素图片(拼豆)的应用。 Easycanvas.js: Canvas 绘图库 开发背景 我对拼豆感兴趣,在做拼豆前要设计图纸,类似画像素图。我试用了网上能搜到的几个拼豆图纸设计的应用,但是没有适合我的...

HTML5上传图片文件(含拖拽、预览、上传、美化)

2016-04-12
阅读 4 分钟
42.4k
欢迎交换友链 Laker's Blog--进击的程序媛Github:[链接]微博: 江小湖Laker 上篇文章讲了如何上传文件。本文讲细分讲述图片上传、预览等。 关于接口 File API File - 独立文件;提供只读信息,例如名称、文件大小、mimetype 和对文件句柄的引用。 FileList - File 对象的类数组序列(考虑多文件上传或者从桌面拖动目录或...

HTML5+Ajax上传文件

2016-03-04
阅读 2 分钟
14k
欢迎交换友链 Laker's Blog--进击的程序媛Github:[链接]微博: 江小湖Laker HTML input类型设为file: {代码...} 如果想上传多文件,可添加multiple {代码...} 用accept="MIME_type"限制提交的文件类型,用逗号隔开的 MIME 类型列表(服务器端也要最好类型检测双保险),如: {代码...} 获取文件内容 JavaScript: {代码...

如何看源码之Ruby China搜索框动画实现

2016-01-05
阅读 3 分钟
3.9k
欢迎交换友链 Laker's Blog--进击的程序媛Github:[链接]微博: 江小湖Laker 不要脸的自恋一下——我觉得我看源码的能力越来越强了,2333~ 想看到 Ruby China 搜索框动画效果很不错,想试着实现一下。最初我的想法是用jQuery的animate: {代码...} 题外话,toggle值意味着宽度在0和原本宽度之间切换. 如果这样用的话,input...

花式使用CSS3 transition

2015-12-29
阅读 3 分钟
6.9k
本文讲介绍:hover、:active、:focus、:checked、Media Queries、JavaScript控制六种方法触发CSS3 transition,以及 transitionend 事件的使用。

用脚本实现自动抢红包

2015-12-11
阅读 3 分钟
51k
原文:[链接]欢迎交换友链 Laker's Blog--进击的程序媛Github:[链接]微博: 江小湖Laker 双十一红包没在意,听朋友说抢到上百的红包,双十二弹出广告随便点了一下,心血来潮想写了个脚本。 道理都一样,这里以页面 为例,使用Chrome插件的方法(还有很多其他实现方式,我这里想尝试Chrome插件的编写)。只是做了模拟点击...

我是怎么写JavaScript框架的(一)

2015-01-06
阅读 4 分钟
18.5k
以前大三的时候写的一个小框架,仿jquery链式结构,纯属练手,大牛勿喷。当时还把JQ的源码全部打印下来(因为在电脑上看不方便做笔记),7600+行代码,300+页A4纸,对照着看别人是怎么写的。还好一个长我一届的学长当时比较闲,我说我想读JQ代码,他也没读过,就找来上两届的学长以前练手写的小框架进行学习。可惜只找到...

Ajax上传多文件

2014-12-16
阅读 3 分钟
12.5k
AJAX的采用标志着的Web历史上的一个巨大飞跃。与Web服务器通信而不需要重新加载页面的能力已改变了Web应用程序构建。动态网站的概念形成以后,AJAX(XMLHttpRequests) 技术发展迅速。 近年来XMLHttpRequests增加了一个很好的功能来处理文件上传。传统上,许多开发者用其他技术如Flash上传文件到服务器。这种方法的问题是...