1//定义一个javascript类 2function JsClass(privateParam,publicParam){//构造函数 3var priMember = privateParam; //私有变量 4this.pubMember = publicParam; //公共变量 5//定义私有方法 6function priMethod(){7return "priMethod()";8 }9//定义特权方法,特权方法可以访问所有成员10this.privilegedMethod = function(){
11var str = "这是特权方法,我调用了\n";
12 str += " 私有变量:" + priMember +"\n";
1...
标题页 function getLastDay(year,month)
{ var new_year = year; //取当前的年份 var new_month = month++;//取下一个月的第一天,方便计算(最后一天不固定) if(month>12) //如果当前大于12月,则年份转到下一年 { new_month -=12; //月份减 new_year++; //年份增 } var newnew_date = new Date(new_year,new_month,1); //取当年当月中的第一天 return (new Date(new_date.getTime...
对Vue全家桶有基本的认知.用有node环境了解express一丶业务分析
1.什么情况下进行权限验证?
访问敏感接口前端向后端敏感接口发送ajax后端进行session验证,并返回信息前端axios拦截返回信息,根据返回信息进行操作进行页面切换页面切换,触发vue-router的路由守卫路由守卫根据跳转地址进行验证,如需权限,则发送ajax至后端验证接口后端验证接口进行session验证,返回信息前端根据后端返回信息进行操作2.前后端进行了怎么的交互?
登录
注...
第一种写法: 代码如下:$(function(){ $("li").not(":even").css("color","red"); $("li").filter(":odd").css("color","red"); }) 第二种写法: 代码如下:$(function(){ $("li").filter(function(index) { return index%2 == 0; }).css("color","red"); $("li").not(function(index) { return index%2 !== 0; }).css("color","red"); }) 这两种写法,都可以达到一样的效果,not与filter是相反的过滤! jQuery过滤选择器:not()方...
废话不多说,直接给大家贴代码了,具体代码如下所示,
关键代码如下:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
html {
height:100%;
}
body {
height:100%;
margin:0px;
padding:0px;
}
#container {
height:50%;
}
</style>...
前面的话
本文将使用NodeJS实现较复杂应用的路由功能
结构项目结构如下代码如下 功能【router.js】
// 加载所需模块
var http = require(http);
var url = require(url);
var fs = require(fs);var host = 127.0.0.1;
var port = 8080;http.createServer(function(req,res){var pathname = url.parse(req.url).pathname;console.log(Request for + pathname + received.);function showPaper(path,status){var content = fs.read...
废话不多说了,直接给大家贴代码了,具体代码如下所示:<!doctype html><head><meta charset=utf-8" /><title>表单验证</title><link href="css/style1.css" rel="external nofollow" rel="stylesheet" type="text/css" /><!-- 引入jQuery --><script src="jquery/jquery.js" type="text/javascript"></script><script>$(document).ready(function() {$("form :input.required").each(function() {var $required=$("<strong class=...
项目背景图片轮播是前端项目必有项,当前有很多效果很酷炫的轮播插件,例如Swiper。但是当项目中的图片轮播只需要一个很简单的轮播样式,比如这样的我们引用这样一个110k的大插件,就大材小用了。再安利一下,swiper2.x和swiper3.x对移动和PC端支持情况如下图当当当当~~~我们今天的主角登场了,thebird/Swipe,这个插件完成了图片轮播需要的基本功能,只有14.2k,真真的轻量级 啊。还有,还有翻译一下,就是俺们全支持,不管你是PC端...
关于js split的用法其它也不多说什么,下面直接举例给大家看看 代码如下: 输出 } </ script> 输出结果就是 2 2 3 5 6 6 js split就是将一字符串以特定的字符分割成多个字符串,大家应当一看就懂了吧。 下面是有关js split的定义和用法,官方参考。 定义和用法 split() 方法用于把一个字符串分割成字符串数组。 语法 stringObject.split(separator,howmany) 参数 描述 separator 必需。字符串或正则表达式,从该参数指定的地方分割...
代码如下:Ext.onReady(function(){ Ext.QuickTips.init(); //第一句的目的是为需要的元件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息了。 Ext.form.Field.prototype.msgTarget = 'under'; //第二句的目的就是设置控件的错误信息显示位置,主要可选的位置有: var tdate = new Ext.form.DateField({ fieldLabel: '日期', emptyText: '请选择日期', format: 'Y-m-d', disabledDays: [0, 7] }); var txt = new Ext...
本demo背景是一个视频,文字是打印机效果,按钮在文字打完才会显示,点击按钮背景向上收起,同时显示默认首页组件(如是初建vue项目列表,则为helloWorld.vue的组件内容)
公司电脑没有gif动图尽情谅解
文末会附上demo地址,如需看效果,可前往下载
本人一直很喜欢网页开场有一段视频或动画,个人认为网页的开场动画起到引导浏览作用,相当于网页的一个开始,一个好的开始往往就成功了一半,对于浏览网站的用户来说,也就吸引了极大...
本文主要介绍了jQuery 表单序列化实例代码,需要的朋友可以参考下,希望大家能更好掌握jQuery 表单序列化知识。废话不多说了,直接给大家贴代码了,具体代码如下所述:$(function(){$(#send).click(function(){$.ajax({type: "GET",url: "test.json",data: {username:$("#username").val(), password:$("#password").val()}, // 参数为对象dataType: "json",success: function(data){// code... }});});
});
$(function(){$(#send...
微信小程序 弹窗
首先wxml代码:
<view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view>
<view bindtap="clickArea">点击此处</view>
注:hidden属性用于切换比较频繁的地方。
wxss代码设置弹窗样式:
.myToast{width:240rpx;height:130rpx;line-height: 130rpx;margin:80rpx 35%;border-radius:20rpx;background-color: rgb(114,113,113);color:rgb(255,255,255);font-size: 36rpx;text-align: center;position: ...
Prop 的大小写 (camelCase vs kebab-case)
HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名:
Vue.component(blog-post, {// 在 JavaScript 中是 camelCase 的props: [postTitle],template: <h3>{{ postTitle }}</h3>
})
<!-- 在 HTML 中是 kebab-case 的 -->
<blog-post pos...
有如下代码: 代码如下:第1个li元素第2个li元素第3个li元素第4个li元素第5个li元素第6个li元素第7个li元素第8个li元素但是页面只显示前5个li(相关css不做赘述),想要循环显示li里面的内容就是在制定的时间将ul向上移动li的高度,于此同时将第一个li加到ul中li的末尾。 代码如下: 代码如下:function autoScroll(obj, ul_bz){$(obj).find(ul_bz).animate({marginTop : "-25px"},500,function(){$(this).css({marginTop : "0px"})...