jcFlexible.js的小Demo

【jcFlexible.js的小Demo】的更多相关文章

jcFlexible.js的小Demo

;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name="flexible"]'); ; ; var tid; var flexible = lib.flexi…

撸一个JS正则小工具

写完正则在浏览器上检测自己写得对不对实在是不方便,于是就撸了一个JS正则小demo出来. demo demo展示项目地址代码部分首先把布局样式先写好. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js正则查找替换工具</title> <link rel="stylesheet&q…

js存款计算器原生小demo

大家好,本人是初入前端的一枚程序猿,深知js底层开发的重要性,这也是我的软肋所在(曾经以为),渐渐的明白了一个道理,饭要一口口吃,路要一步步走,这也是我想告诉给所有刚刚进入IT行业的技术员们,沉下心,静下气,顺便来指点我的小demo,嘿嘿,不多说了,直接上图吧! 这是最终的效果图(支持ie8以上的浏览器,此效果图是谷歌浏览器下展示的),输入不同的金额.时间(可选项为3月,6月,9月,12月).利率(可选项为5%,6%),点击计算后,最终在计算结果下,得出应得利息与总额. 下面为js原生代码下图…

Vue.js之组件嵌套小demo

Vue.js之组件嵌套的小demo项目第一步:初始化一个wabpack项目,这里不在复述.第二步:在components文件夹下新建Header.vue Footer.vue和Users.vue三个组件文件 Header.vue文件:  <template> <header> <h1>{{title}}</h1> </header> </template> <!--2行为:处理逻…

js特效 15个小demo

js特效和15个小demo 代码如下:images文件夹未上传 1.图片切换: <!DOCTYPE html> <html> <head> <title>图片切换</title> </head> <body> <img src="images/1.jpg" width="400" height="300" id="flower">…

原生JS写了一个小demo，根据输入的数字生成不同背景颜色的小方块儿~

昨天练习写了这个小demo,个人觉得通过设置定位元素left和top的值,来实现换行的功能,这种方法很巧妙~ 另外,如下代码中的随机颜色的获取,还请各位前辈多多指教:需要改进的地方:或者有没有更好的方法. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&g…

新手 gulp+ seajs 小demo

首先,不说废话,它的介绍和作者就不在多说了,网上一百度一大堆: 我在这里只是来写写我这2天抽空对seajs的了解并爬过的坑,和实现的一个小demo(纯属为了实现,高手请绕道); 一.环境工具及安装 1.首先,务必先说明,本demo是基于nodeJs环境下开发的,因此要安装nodeJs(地址:https://nodejs.org/en/): 2.接下来安装gulp: 在第一步成功的情况下,安装gulp构建工具,并且将其依赖到项目进来:同时需要安装browser-sync,gulp-seajs-co…