Canvas绘制圆形进度条
每日鸡汤：只有启程才会到达理想和目的地，只有播种才会有收获。只有追求，才会品味堂堂正正的做人，只有保留一份单纯，才会多些人生的快乐！演示地址：http://test.jensonhui.top/progress.html<!DOCTYPE html> <html lang="en"> <head> <meta charset=&
Javascript三元运算符的使用技巧
越来越觉得，当代码写多了的时候，就越来越想精简一下...潜移默化的从if...else到用三元表达式来实现；也有人说用三元表达式实现会让你有那种'高潮'的感觉...是激动那种 别想歪了~~三元表达式表达式 (expr1) ? (expr2) : (expr3)在 expr1 求值为 TRUE 时的值为 expr2，在 expr1 求值为 FALSE 时的值为 expr3普通用法 if(努力学
WX小程序笔记 (二)
一：小程序组件认识定义内容：组件是视图层的基本组成单元、自带微信一些功能和风格样式组件属性分析：1 . 属性以字符"-"链接2 . 属性特征：属性类型、共同属性、特殊属性3 . 属性类型演示：Boolean 布尔值 组件上有该变量 其值为true Number 数字 1,1.2，2.5... String 字符串 "string&qu
WX小程序笔记 (一)
一：APP.json定义：全局配置文件、包括页面组成、窗口背景色、导航条、标题(不能添加任何注释)前言：app.json是不允许任何注释的，本篇为了入门记忆，所以加了注释条{ // 小程序文件组成配置路径 (每增加一个页面需要在pages中添加一次路径 否则找不到页面) "pages": [ "page/component/ind
Jquery自制轮播图效果
每日鸡汤： 遥不可及的并非是十年之后，而是今天之前。触手可及的就是明天，愿一觉醒来，又是全新的自己。主体代码 <div class="banner"> <!--图片主体--> <div class="b_main"> <div class="b_
Javascript调用多个Onscroll方法
每日鸡汤： 任何的收获都不是巧合，而是每天的努力与坚持得来的。不怕你每天迈一小步，只怕你停滞不前；不怕你每天做一点事，只怕你无所事事。人生因有梦想，而充满动力。 <script type="text/javascript"> //第二次使用时、重新定义判读类型 var oldMethod = window.onscroll;
Javascript字体打印机
每日鸡汤：低头是一种能力，它不是自卑，也不是怯弱，它是清醒中的嬗变。有时，稍微低一下头，或者我们的人生路会更精彩。演示地址：http://test.jensonhui.top/canvas/typeWriting.html<html> <head> <title>Type Write</title> <style type=&q
仿阿里云首页轮播(视觉差效果)
阿里云利用了CSS3的 transform 动态改变旋转角度【分层切图】由于JS无法直接修改CSS中的transform的旋转角度，度娘了一圈，貌似设计到了复杂的计算…..;对于我这种菜B来说，算了吧果断换一种方法了, 测试了下, 动态改变左右间距也是可以实现效果哒[Good Job]！ /* --------------------------- html ----------------
Css实现图片悬浮展示文字信息
每日鸡汤 : 好人品，是一个人最大的财富，是一个人最高的学历。一个人，可以没钱没势，但一定要有德有品。可以普通如草，但一定要稳重如山。外表上的美丑不重要，重要的是内心善良，说话要言而有信，做事要踏踏实实，待人要真诚热情，为人要善良端正！好人品，就是有人格魅力。 /* --------------------------- html -------------------
携程一道Javascript面试题
每日鸡汤： 穷人与富人的最大的差距不在金钱上的，而是在思维上，穷人之所以穷，是因为他们不想让钱生子子生钱，只会紧抓住手里的钱，一毛不拔，成为十足的守财奴。 <script type="text/javascript"> var x = 0; function foo(){ x++;