原文地址:canvas图表(3) - 饼图
这几天把canvas图表都优化了下,动画效果更加出色了,可以说很逼近Echart了。刚刚写完的饼图,非常好的实现了既定的功能,交互的动画效果也是很棒的。
效果请看:饼图https://edwardzhong.github.io/sites/demo/dis
由于最近刚换了一个工作,所以决定重新申请一个blog,把工作当中遇到的一些问题记录下来,方便自己下次忘记,也希望能与一起需要的小伙伴一起共勉。
如果有不同的观点或者是不同的看法,大家都可以畅谈,我一直认为讨论、实践才是提升自己能力的真正‘路径’。。。(好啦,进入今天的主题)
在这份工作开
第3章 盒模型,定位,浮动,清理
1.盒模型用到的属性width,height,padding,border,margin
普通文档流的上下垂直margin会叠加
2.块级框 与 行内框, 利用display属性来改变特性,display:block,display:inlne-block
安卓下的ionic的tab会在顶部显示,而不是在底部
解决办法如下:
在app.js文件中的.config代码块里中添加以下代码:
注意依赖注入$ionicConfigProvider
1 $ionicConfigProvider.platform.ios.tabs.sty
原文地址:canvas图表(2) - 折线图
话说这天气一冷啊, 就患懒癌, 就不想码代码, 就想着在床上舒舒服服看视频. 那顺便就看blender视频, 学习下3D建模, 如果学会了建3D模型, 那我的webGL技术就大有用处啊,可以独立开发小游戏了
中文API
bootstrap.cn
HTML5文档 类型
移动设备优先
width 属性控制设备的宽度。设置为 device-width 确保它能正确呈现在不同设备上。
initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。
在移动设备浏览器上,
1.HTML5 Canvas 3D波浪翻滚动画
之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水波荡漾特效。今天我们要介绍一款也是基于HTML5 Canvas的波浪翻滚动画,它同样有着3D立体的视
在做前端开发中,其实有百分之四十的时间用来布局写样式,百分之三十用来写JS逻辑交互,百分之三十时间用来测试调bug,可以看的到的是,用在布局+样式的时候会比较多,
所以会有很多的前端框架诞生,例如bootstrap
前端框架包含有设定好的html布局结
【需求】
在微信公众号开发中,有时需要对浏览器左上角返回按钮进行拦截处理相关的页面逻辑,而并不是让页面直接返回上一页,之前在这个细节点上的一直实现得不是很好。但看到京东购物公众号上的效果却实现得非常好,所以自己也开始了这方面的尝试。京东的效果如下图:
从上图京东购物效果上来看,在点击搜
一,下载地址:http://ueditor.baidu.com/website/download.html
1)根据需要下载相应版本
例 Java:选择jsp+utf-8;
二,放置在项目中
1)解压下载文件,并重命名为editor;
2)复制文件放置在项目webapp目录下;
最近在做美女图片站点时,使用html5打包成app
自己离线打包Html5+ Runtime,通常是导入SDK的Hello实例,然后修改。在做消息通知功能时,使用push.createMessage不起作用。
首先参考Android平台离线打包推送插件配置
需要特别注意的是AndroidMani
我发现现在很多网站都使用了这种效果,比如说锤子官网、elementui官网、秒味课堂等,不单单有鼠标跟随的效果,随着鼠标的移动还有视觉差的效果,看起来很高大上的技术,其实实现起来很简单,主要利用css3的transform-style和persperctive属性。
废话不多说直接上代码:
html
以前学习使用vue,axios以及fetch去连接一个接口时遇到一些问题,这些问题都已经解决了,拿出来和大家分享一下。
源代码在最下面
1、搭建基本项目http://blog.csdn.net/Small_Lee/article/details/68062223
2、安装mint ui,vuex
n
1、使用绝对定位垂直居中
绝对对位原理:元素在过度受限情况下,将margin设置为auto,浏览器会重算margin的值,过度受限指的是同时设置top/bottom与height或者left/right与width。
.absolute_center{
/*d
很多程序员知道web前端技术里的vertical-align是什么意思,但是对于vertical-align到底以什么为对齐标准却一知半解,今天我们就来说说web前端vertical-align. 1、作用 veritical是垂直的意思,而align是对齐的意思,两个合起来就是在垂直方向进行对齐
基于Bootstrap表单验证
GitHub地址:https://github.com/chentangchun/FormValidate
使用方式:
1.CSS样式
.valierror {
borde
贪吃蛇的经典玩法有两种:
积分闯关
一吃到底
第一种是笔者小时候在掌上游戏机最先体验到的(不小心暴露了年龄),具体玩法是蛇吃完一定数量的食物后就通关,通关后速度会加快;第二种是诺基亚在1997年在其自家手机上安装的游戏,它的玩法是吃到没食物为止。笔者要实现的就是第二种玩法。
MVC设计模式
基于贪吃
使用的插件为LArea
使用方法
<link href="~/Assets/js/5iweb2016073010/css/LArea.css" rel="stylesheet" type="text/css" />
<script src="~/Assets/js/5
GitHub:http://liu12fei08fei.github.io/html/4semantic.html
web语义化,从松散到实战
在这篇文章之前,我放弃了很多次,写关于语义化方面的文章;甚至在这篇文章之前我还删除了一篇已经总结好的关于语义方面的blog之所以放弃和删除是因为web语义实
/*img标签放大再缩小*/
img {
width: 400%;
transform: translate3d(-50%, -50%, 0) scale(0.25, 0.25);
-webkit-transform: translate3d(-50%, -50%, 0) scale(