html
潇授大帝
忙于生存...
展开
-
JS Date时间函数
var date = new Date();var year = date.getFullYear();//年份var month = date.getMonth()+1;//月份var day = date.getDate();//日var hours = date.getHours();//小时var minutes = date.getMinutes();//分var secon...转载 2019-07-23 20:13:57 · 247 阅读 · 0 评论 -
JS实现回到顶部的滚动效果
//页面加载完后触发window.onload = function () { var back = document.getElementById("back"); back.onclick = function () { var time = setInterval(function () { var top = document.do...原创 2019-08-05 13:55:28 · 1060 阅读 · 1 评论 -
jQuery-效果
show([speed,[easing],[fn]])显示隐藏的匹配元素。<p style="display: none">Hello</p>//显示所有段落$("p").show()//用缓慢的动画将隐藏的段落显示出来,历时600毫秒。$("p").show("slow");//用迅速的动画将隐藏的段落显示出来,历时200毫秒。并在之后执行反馈!$(...原创 2019-08-07 23:16:13 · 106 阅读 · 0 评论 -
Node实现socket通讯
server.jsvar net = require("net");var clientList = [];var server = net.createServer(function (socket) { console.log("a client connectioned..."); clientList.push(socket); socket.write...原创 2019-07-28 14:05:07 · 1180 阅读 · 0 评论 -
jQuery-选择器
选择器按ID查找:var div = $('#abc').text();按tag查找:var ps = $("p").length();按class查找:var a = $('.red.green'); // 同时查找,注意没有空格!按属性查找:var email = $('[name=email]');var icons = $('[name^=icon]'); // 找所有name...原创 2019-08-06 22:19:39 · 78 阅读 · 0 评论 -
jQuery-操作DOM
修改css高亮显示:$('#test-css li.dy>span').css('background-color', '#ffd351').css('color', 'red');var div = $('#test-div');div.css('color'); // '#000033', 获取CSS属性div.css('color', '#336699'); // 设置CSS属...原创 2019-08-06 22:20:18 · 61 阅读 · 0 评论 -
jQuery-事件
鼠标事件click: 鼠标单击时触发;dblclick:鼠标双击时触发;mouseenter:鼠标进入时触发;mouseleave:鼠标移出时触发;mousemove:鼠标在DOM内部移动时触发;hover:鼠标进入和退出时触发两个函数,相当于mouseenter加上mouseleave。键盘事件keydown:键盘按下时触发;keyup:键盘松开时触发;keypress:按一...原创 2019-08-06 22:20:47 · 143 阅读 · 0 评论 -
Ajax
jquery-Ajaxload (url class)局部方法,适合做静态文件的异步获取例://把test.txt中class为url 的内容加载到id为box的标签中$("#box").load("test.txt .url")//get方式提交$("#box").load("test.php?url=ycku");//post方式提交$("#box").load("te...原创 2019-08-09 11:44:55 · 71 阅读 · 0 评论 -
jQuery-属性
attr(name|properties|key,value|fn)设置或返回被选元素的属性值。$("img").attr("src"); //返回文档中所有图像的src属性值。$("img").attr("src","test.jpg"); //为所有图像设置src属性。$("img").attr({ src: "test.jpg", ...原创 2019-08-07 15:37:45 · 71 阅读 · 0 评论 -
页面设计原则
优秀的设计4大基本原则对比:要避免页面上的元素太过相似。如果元素不相同,那就干脆让它们截然不同,要让页面引人注目。重复:让设计中的视觉要素在整个作品中重复出现,既能增加条理性,还可以加强统一性。对齐:每个元素都应当与页面上的另一个元素有某种视觉联系,这样能建立一种清晰、精巧而且清爽的外观。亲密性:彼此相关的项应当靠近,归组在一起,这有助于组织信息,减少混乱,为读者提供清晰的结构。Rob...原创 2019-08-14 13:59:53 · 466 阅读 · 0 评论 -
搭建React 应用
搭建一个简易的 npm 项目使用 mkdir < 文件夹名 > 创建一个新的文件夹-通过 cd < 文件夹名 > 进入该文件夹-运行 npm init -y 或者 npm init 来初始化一个 npm 项目-安装一个本地包,比如 React: npm install react零配置搭建React 应用npm install react react-dom...原创 2019-09-03 10:37:16 · 80 阅读 · 0 评论 -
BootStrap css概览
响应式图像<img src="..." class="img-responsive" alt="响应式图像">如果需要让使用了 .img-responsive 类的图片水平居中,请使用 .center-block 类,不要用 .text-center。网格系统<div class="container"> <div class="row"&...原创 2019-07-31 23:37:29 · 105 阅读 · 0 评论 -
Node逻辑项目-打印图形
"use strict";var tools = require("./tools");//1.图案 2.填充内容 3.图案的长宽 4.是否为空心// 正方形、三角形、菱形、回字、梯形//正方形function square(symbol, n, full) { var str = ""; if (full === 1) { for (var i...原创 2019-07-26 23:11:47 · 267 阅读 · 0 评论 -
JS练手小项目1-轮播图
JS练手小项目 - 轮播图html<img src="" width="500" height="300"><p> <a href="#" onclick="choose(this);return false;"><</a> <a href="../img/1.jpg" onclick="showpic(this);retur...原创 2019-07-23 20:37:06 · 192 阅读 · 0 评论 -
JS练手小项目2 - 正则与时间函数
JS练手小项目需求:将邮箱中的用户名和公司名提取出来,并且要将提取的公司小名换成公司全名(如:“QQ"显示为"腾讯”)验证手机号(首位数为1,第2位是34578中的一个,号码长度为11,全为数字)获取系统时间戳html<body> <ul> <li>123456789@qq.com</li> <li>135123...原创 2019-07-23 20:38:00 · 69 阅读 · 0 评论 -
Node
验证安装:$ node -v$ npm -v进入命令行模式:$ nodeutf-8保存js文件:"use strict";console.log("hello world");运行js文件(js当前目录下):$ node hello.js让Node直接为所有js文件开启严格模式:node --use_strict calc.js要在模块中对外输出变量,用:mo...原创 2019-07-24 20:50:10 · 92 阅读 · 0 评论 -
Node常用内置模块-fs
fs(文件系统模块)异步读取文本文件(fs.readFile()):use strict';var fs = require('fs');fs.readFile('sample.txt', 'utf-8', function (err, data) { if (err) { console.log(err); } else { consol...原创 2019-07-24 20:51:07 · 80 阅读 · 0 评论 -
Node常用内置模块-stream
stream(流)文件流读取文本内容"use strict";var fs = require("fs");var rs = fs.createReadStream("sample.txt","utf-8");rs.on("data",function(chunk){ console.log("data:"+chunk)});rs.on("end",function(chun...原创 2019-07-24 20:51:38 · 119 阅读 · 0 评论 -
Node常用内置模块-http
http服务器实现一个最简单的web程序:http.js"use strict";var http = require("http");var server = http.createServer(function (request,response){ console.log(request.method+":"+request.url); response.write...原创 2019-07-24 20:52:50 · 126 阅读 · 0 评论 -
Node常用内置模块-crypto(加密和哈希算法)
crypto(加密和哈希算法)MD5const crypto = require("crypto");const hash = crypto.createHash("md5");hash.update("hello world");console.log(hash.digest('hex'));console.log("----------------------------...原创 2019-07-24 20:55:55 · 725 阅读 · 0 评论 -
Node练手小项目-文件服务器
需求:搭建本地的文件服务器,打开浏览器输入http://localhost:8080默认打开index.html,输入http://localhost:8080/hello.txt网页打开hello.txt内容,如果没有该文件则显示404。"use strict";var fs = require("fs");var url = require("url");var path =...原创 2019-07-24 22:44:20 · 121 阅读 · 0 评论 -
Node逻辑项目-自定义函数
需求:不使用官方内置函数,使用node.js手动实现该函数功能:1.字符串长度2.截取字符串3.字符串搜索4.通过指定字符合并数组为字符串5.分割字符串"use strict"; //1.字符串长度 function length(str) { var i = 0; var count = 0; for (i ...原创 2019-07-25 23:00:20 · 201 阅读 · 0 评论 -
HTML DOM
HTML DOM通过 id 查找 HTML 元素:document.getElementById();通过标签名查找 HTML 元素:document.getElementsByTagName(“name”) = document.names通过类名查找HTML元素:document.getElementsByClassName();通过CSS选择器查找HTML元素: ...原创 2019-07-23 09:18:18 · 56 阅读 · 0 评论 -
ES6新特性
ES6新特性模板字面量模板字面量用倒引号 ( `` )做字符串的拼接let message = `${student.name} please see ${teacher.name} in ${teacher.room} to pick up your report card.`;解构解构数组的值:const point = [10, 25, -34];const [x, y, z...原创 2019-09-04 10:36:17 · 83 阅读 · 0 评论