移动端的变革Rem
Rem是什么rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。为什么要使用Rem这里我特别强调web app，web pa
Vue实现简单购物车功能
// css <style> html,body{margin: 0;padding: 0;} input,button{border: none;outline: none;text-align: center;background-color: #fff;box-shadow: none;} #shopcar table{width:1200px;max-w
Vue实现todoList本地数据（增删改查）
#app .input-type{margin:10px 0;width:600px} #app button,#app input{padding:0;outline:0;border:1px solid #ccc;box-shadow:none;font-s
Vue 图片上传（本地路径获取 ）
记录Vue 头像上传功能，本地路径读取方式：知识总结// 这里是input file 的onchange事件 myHeadFile: function (e) { const file = e.srcElement.files[0] // imgURL就是你的图片的本地路径，两步就能解决问题 const imgURL = window.URL.createObjectUR
Canvas流星雨背景
每日鸡汤： 我不会告诉你，只要你努力，就能立刻逆袭。我只想告诉你，只要你努力，我们都能做一个独一无二的，平凡却可贵的自己。千错万错，你的付出不会有错。所以，年轻人啊，你一定一定要很努力，但千万千万别心急。查看效果：http://test.jensonhui.top/meteorShower.html<!DOCTYPE html> <html lang="en"
Canvas基于Three.js 绘制流星雨穿梭
每日鸡汤：不同的人生，有不同的幸福。去发现你所拥有幸运，少抱怨上苍的不公，把握属于自己的幸福。你，我，我们大家都可以经历幸福的人生。演示地址：http://test.jensonhui.top/canvas/starMoving.html<!DOCTYPE HTML> <html lang="en"> <head> <title
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(努力学
Jquery自制轮播图效果
每日鸡汤： 遥不可及的并非是十年之后，而是今天之前。触手可及的就是明天，愿一觉醒来，又是全新的自己。主体代码 <div class="banner"> <!--图片主体--> <div class="b_main"> <div class="b_
Javascript调用多个Onscroll方法
每日鸡汤： 任何的收获都不是巧合，而是每天的努力与坚持得来的。不怕你每天迈一小步，只怕你停滞不前；不怕你每天做一点事，只怕你无所事事。人生因有梦想，而充满动力。 <script type="text/javascript"> //第二次使用时、重新定义判读类型 var oldMethod = window.onscroll;