简单的省市区三级联动，适合初学者入门学习的案例目录结构如下： 三级联动.html 跟 JS文件夹是同个级别 效果图如下：HTML代码： 1 <style type="text/css"> 2 *{margin:0;padding:0;} 3 .selectAll 4 { width:400px; 5 margin:100px auto; 6 } 7 </style> 8 9 <div class="selectAll">10 <!--省份-->11 <select class="province">12 <option>请选择</option>13 </select>14 ...
自己的总结的一些方法，如果有什么新的好的方法希望能够交流： 1.给定位(导航栏)(底部) nav{ position:fixed; top:0rem; }; footer{ position:fixed; bottom:0rem; };但是这个方法会有弊端，在你给nav设置定位时，内容区域就会顶头出现，就需要给内容区域设置定位设置top...
本人也是在学习过程中，所以文章只作为学习笔记，如果能帮到你，那就更好啦~当然也难免会有错误，请不吝指出~一、准备工作1、本人学习教程：慕课网Scott老师的《Node.js七天搞定微信公众号》 ，但是有点小贵，经济条件允许的话可以支持一下。2、文档：微信开发官方文档，必备。3、微信开发测试号：测试公众号，必备。4、云服务器：本人使用的是阿里云ECS，我是不建议使用ngrok这类的工具，太麻烦了，有个云服务器后一劳永逸！想弄的...
前段时间做了一个简单的页面需要用到fullcalendar，索性到官网上查看了文档，没有什么心得，只剩下这么点代码，以后有新的发现，会添加进来 1 function calender(){ 2 $("#calendar").fullCalendar({ 3 /* weekMode: variable, */ 4 /* columnFormat: { 5 month: dddd, 6 week: dddd M-d, 7 day: dddd M-d 8 ...
前面的话 在web存在多种支持JavaScript模块化的工具(如requirejs和r.js)，这些工具各有优势和限制。webpack基于从这些系统获得的经验教训，并将模块的概念应用于项目中的任何文件。本文将详细介绍webpack的模块解析 模块 在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块 每个模块具有比完整程序更小的接触面，使得校验、调试、测试轻而易举。 精心编写的模块提供了可靠的...
转自：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>保存到Excel</title></head><body> <input type="button" value="保存到Excel" onclick="JavaScript:saveAsExcel(tableId)" /><table id="tableId"> <thead> <tr> <th>序列</th> <th>名字</th> <th>年龄</th> <th>性别</th> </tr> </thead> <tbody> <tr> <td>01</td> <td>张三</td> <td>18</td> <td>女</td> </tr> <tr> <td>02</td> <t...
1.在函数中定义形参但没有传递实参就相当于定义了变量但未赋值，所以下面中的a就是undefined1 function test(a){2 console.log(a)//undefined3 };4 test(); 2.在IIFE中，window作为实参传递进去，避免了执行代码时，每次都到全局中寻找window从而提高了效率，但是为什么形参中还要指定一个undefined呢，上面说过在函数中定义了形参就相当于定义了但不赋值，那在这个立即执行函数中undefinde还是undefined。所以即使在全局中修改...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0;} header { border-bottom: 2px solid #000; height: 40px; line-height: 40px; text-align: center;}.file { margin: 20px; float: left; position: relative; width: 100px; height: 110px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0); background: url(img/file.png) no-repeat cen...
做页面需要两个时间输入框一个显示当前时间，一个显示之前的时间，并且需要一个select下拉框控制两个时间输入框之间的差,效果如下图：这里使用的是My97DatePicer,简单方便,引入my97插件，设置input时间框的格式，这里设置的时间最大是当前时间，开始时间框不能比结束时间框的时间大 1 <script src="lib/date/WdatePicker.js?1.1.11"></script> 2 <body> 3 选择时间范围：<select name="selectDate" id="sDate"> 4 ...
假设有这样一种情况，需要在A页面输入一条数据，使用JS变量保存这条数据，同时B页面引用，使用这条变量，由于JS代码有局限性，即无法达成传递数据的效果。那么我们使用cookie来存放 读取数据。cookie是name=value的格式。各个cookie之间一般是以“;”分隔。文本框输入数据： 使用JS设置cookie: 1 window.onload=function(){ 2 var oTxt=document.getElementById(oTxt); 3 oTxt.onin...
起源公司随着开发人员的增多，项目数量的增加，前后端沟通的成本不断加大。原有的项目前后端未分离，作为前端还需要对PHP等后端语言有所了解，这极大增加了前端开发的学习成本，特别是遇到数据库的报错，不明所以，花费大量的时间去解决。因此，根据我们目前的业务需要，我们从一些新的项目中开始尝试进行前后端的分离。目标1）代码分离。前后端代码使用独立的项目目录进行分离，前端开发环境不需要配置PHP或者Java环境，全部改用G...
这篇文章主要介绍了基于代数方程库Algebra.js解二元一次方程功能,结合具体实例形式分析了方程库Algebra.js计算方程的具体使用技巧,需要的朋友可以参考下本文实例讲述了基于代数方程库Algebra.js解二元一次方程功能。分享给大家供大家参考，具体如下：假设二元一次方程如下：x + y = 11 x - y = 5解方程如下：<!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=e...
如果是下面的 jquery 代码判断一个对象是否存在，是不能用的。if($("#id")){//... }else{//... }因为 $(“#id”) 不管对象是否存在都会返回 object 。正确使用判断对象是否存在应该用：if($("#id").length>0){//... }else{//... }使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。或者if($("#id")[0]){//... }else{//... }或者直接使用原生的 Javascript 代码来判断：if(document.getElementById("id")){ //...}else{ ...
本篇文章主要介绍了Vue路由跳转问题记录详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧最近项目上需要用Vue用来做app，在Vue中使用路由时遇到下面的问题。路由设置如下：其中/tab是根地址，有3个子地址，3个子地址层级为：LayoutList => LayoutView => LayoutDetail正常情况：假设当前路由为/tab/layoutList，需要跳转到LayoutView页面，可以通过router.push({path:layoutView/+item.id})跳转...
这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下index.html页面:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>require.js封装轮播图</title> <style type="text/css">*{margin: 0;padding: 0;list-style: none;}#banner{width: 830px;height: 440px;border: solid 1px;margin: 50px auto;position: relative;overflow: hidden;}#banner ul{position: absolute;left: 0;top: 0;...