Web
hahahafree
这个作者很懒,什么都没留下…
展开
-
html:简单的jquery图片旋转
****************原创 2019-09-11 14:54:59 · 124 阅读 · 0 评论 -
jquery框架:jQuery工具
jQuery工具:1..inArray();2..inArray();2..inArray();2..merge();3..unique();4..unique();4..unique();4..parseJSON();5..isArray();6..isArray();6..isArray();6..isFunction();7..isEmptyObject();8..isEmpt...原创 2019-07-26 10:49:23 · 71 阅读 · 0 评论 -
响应式网站设计:利用Bootstrap设计响应式网站-index.html
响应式网站设计-index.html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>web</title> <meta name="viewport" content="width=device-width, init...原创 2019-07-31 11:33:46 · 1252 阅读 · 0 评论 -
Bootstrap框架:官网、Bootstrap框架学习大纲、栅格系统
**********原创 2019-07-26 21:20:56 · 137 阅读 · 0 评论 -
Bootstrap框架:排版:
**********原创 2019-07-26 23:29:47 · 89 阅读 · 0 评论 -
jquery框架:jquery学习大纲+jquery核心函数+参考手册
官网https://jquery.com/1.jquery产品介绍2.jquery软件下载3.jquery安装使用4.jquery产品演示5.jquery学习大纲jquery学习大纲:1.核心函数2.选择器3.筛选4.属性5.文档处理6.css7.事件8.效果9.ajax10.工具jquery对象如何转成js对象:$(‘h1’)[0].οnclick=fun...原创 2019-07-23 10:03:26 · 139 阅读 · 0 评论 -
Node.js:工具模块:os模块、path模块、dns模块、net模块
********************************原创 2019-08-05 10:07:12 · 118 阅读 · 0 评论 -
Bootstrap框架:按钮、css组件、js插件
**********原创 2019-08-05 11:20:21 · 277 阅读 · 0 评论 -
Node.js:node get和post请求
node get和post请求:cs=function(req,res){uri=req.url;if(uri!==’/favicon.ico’){str=url.parse(uri).query;json=querystring.parse(str);console.log(json);res.write(‘this is a web server!’);res.end(); ...原创 2019-08-05 09:08:34 · 99 阅读 · 0 评论 -
Node.js:node常用工具
********原创 2019-08-03 20:45:16 · 130 阅读 · 0 评论 -
Node.js:node全局对象
1.__filename #当前文件2.__dirname #当前目录3.setTimeout();4.setInterval();5.console();1)console.log(); # 向标准输出流打印字符并以换行符结束。2)console.info(); #返回信息性消息3)console.warn(); #输出错误消息4)console.error(); #输出警告消...原创 2019-08-03 12:55:43 · 74 阅读 · 0 评论 -
JS代码:事件对象
事件对象:1.鼠标事件onclick 鼠标点击某个对象ondblclick 鼠标双击某个对象onmousedown 某个鼠标按键被按下onmouseup 某个鼠标按键被松开onmousemove 鼠标被移动onmouseenter 鼠标被移到某元素之上onmouseleave 鼠标从某元素移开例子js中在标签身上绑定事件img{ cursor: pointer;...原创 2019-07-20 20:53:51 · 171 阅读 · 0 评论 -
jquery框架:$是jQuery的别名,jQuery可以解决框架冲突
$是jQuery的别名,jQuery可以解决框架冲突jQuery(function(){ jQuery(document).on('click','.close',function(){ jQuery(this).parent().hide(); }); jQuery('#comment').click(function(){ val=jQuery('#txt').val();...原创 2019-07-25 11:21:57 · 269 阅读 · 0 评论 -
jquery框架:事件
事件:1.页面载入ready(fn);#当文档准备完毕时#当文档加载完毕时(onload)当文档准备完毕时$(document).ready(function(){ $(document).on('click','.close',function(){ $(this).parent().hide(); }); $('#comment').click(function(){...原创 2019-07-25 11:22:35 · 99 阅读 · 0 评论 -
JS代码:BOM浏览器对象
BOM浏览器对象(browser object model):1.window对象(窗口对象)2.navigator对象(浏览器特性)3.screen对象(客户端屏幕)4.history对象(历史对象)5.location对象(地址栏)6.document对象(文档对象)1、 window对象:1.属性framesopener #被淘汰top2.方法open(); #被...原创 2019-07-21 14:41:59 · 125 阅读 · 0 评论 -
JS代码:DOM(document object model)
DOM(document object model):1、直接可以获取的dom元素对象:1.document.documentElement2.document.head3.document.title4.document.bodyhtml、body、title和head标签<body> <h1>linux is very much!</h1>...原创 2019-07-21 17:03:01 · 285 阅读 · 0 评论 -
jquery框架:效果
********原创 2019-07-25 17:14:30 · 109 阅读 · 0 评论 -
JS代码:Ajax无刷新技术
Ajax无刷新技术:1.生成xhr对象xhr=new XMLHttpRequest();2.准备连接xhr.open(‘get’,‘del.php?id=’+id,true);3.发送请求xhr.send();4.获取php响应数据xhr.onreadystatechange=function(){if(xhr.readyState4 && xhr.status2...原创 2019-07-21 20:52:05 · 155 阅读 · 0 评论 -
Node.js:路由
路由********原创 2019-08-03 09:59:38 · 113 阅读 · 0 评论 -
jquery框架:Ajax无刷新技术
Ajax无刷新技术:1.Ajax请求****2.Ajax工具****jquery实例:1).表单验证****2).城市级联****3).拖动图片****4).轮播图******...原创 2019-08-05 11:23:21 · 227 阅读 · 0 评论 -
PHP:PHP7连接数据库读取数据
PHP连接数据库<?php $servername = "localhost";$username = "root";$password = "133nubia022";$dbname = "myweb"; // 创建连接$conn = mysqli_connect($servername, $username, $password,$dbname); // 检测连接...原创 2019-08-05 17:30:13 · 2247 阅读 · 0 评论 -
WEB代码:bootstrap3的速查手册
反色的导航条通过添加 .navbar-inverse 类可以改变导航条的外观。静止在顶部通过添加 .navbar-static-top 类即可创建一个与页面等宽度的导航条,它会随着页面向下滚动而消失。固定在底部添加 .navbar-fixed-bottom 类可以让导航条固定在底部固定在顶部添加 .navbar-fixed-top 类可以让导航条固定在顶部组件排列...原创 2019-08-10 09:49:21 · 173 阅读 · 0 评论 -
WEB代码:jiuxian特效-白酒馆特效-点击切换图片动画
HTML <div class="spiritWrap"> <div class="bannerSlier"> <div class="imgBox"> <ul> <...原创 2019-08-23 16:10:09 · 150 阅读 · 0 评论 -
WEB代码:jiuxian特效-白酒馆特效-// 点击字切换酒
HTML <div class="topTenConWrap"> <div class="topTenCon"> <ul> <li> ...原创 2019-08-23 18:05:33 · 485 阅读 · 0 评论 -
WEB代码:首页顶部:鼠标滑过特效、 最简单的jQuery轮播图
首页顶部:鼠标滑过特效index.html<body> <div class="topHeader"> <div class="topHeaderCon"> <div class="topHeaderLeft"> <p>欢迎来酒仙网!</p>...原创 2019-08-20 10:59:08 · 503 阅读 · 0 评论 -
WEB代码:jiuxian特效-鼠标滑过,上下页面同时显示
html<div class="crazySale"> <!-- 左侧 --> <div class="indexTabBox"> <!-- 上 --> <div class="indexTabNav"> <ul>...原创 2019-08-20 11:02:05 · 195 阅读 · 0 评论 -
HTML:HTML的两类标签:行标签、块标签、行内块标签、块标签和行标签的区别、嵌套规则、各种标签之间的转换
行标签:包含a、span、em、strong、img、var;a标签:主要用来链接一个其他的网页;span标签:主要用来对行内的文字进行一些样式以及其他的操作;em标签:一般用来对文字进行强调,使用斜体体现出来;strong标签:一般用来对文字进行强调,使用加粗字体体现出来;img标签:图片引用标签,其中 src属性中写入图片的地址;var标签:JavaScript中命名变量...原创 2019-08-21 23:33:35 · 649 阅读 · 0 评论 -
WEB代码搜索笔记:jquery、CSS、HTML、js
jquery$(function(){ }$(function(){ } 这是jquery里的,是当文档载入完毕就执行,的意思.display:inline-block就是共用一行的块级元素mouseenter只有在鼠标指针经过被选元素时(不包括鼠标指针经过任何子元素),才会触发 mouseenter 事件。****CSSlist-style:n...原创 2019-08-27 00:22:42 · 117 阅读 · 0 评论 -
数据库:网站的搜索技术
网站的搜索技术:1.like2.标签3.搜索引擎搜索引擎优化-标签:原创 2019-09-09 09:57:48 · 367 阅读 · 0 评论 -
WEB代码:点击左侧导航弹出导航页面
html <div class="navWrap"> <div class="nav"> <div class="navCategoryMenu"> <h2>全部商品分类</h2> <ul class="categoryBo...原创 2019-08-19 11:51:52 · 598 阅读 · 0 评论 -
WEB代码:动漫乐园
**<?php$servername = "localhost";$username = "root";$password = "133";$dbname = "myweb"; // 创建连接$conn = mysqli_connect($servername, $username, $password, $dbname);// Check connectionif (!...原创 2019-08-19 09:43:56 · 154 阅读 · 0 评论 -
Node.js:myweb(php+node无刷新删除)
********************************原创 2019-08-05 17:33:44 · 103 阅读 · 0 评论 -
代码2019.8.1
<?php$servername = "localhost";$username = "root";$password = "133NUbia022";$dbname = "myweb"; // 创建连接$conn = mysqli_connect($servername, $username, $password, $dbname);// Check connectioni...原创 2019-08-01 20:10:24 · 76 阅读 · 0 评论 -
Node.js:网站、node学习大纲
网站菜鸟教程https://www.runoob.com/nodejs/nodejs-tutorial.htmlNode.js 中文网http://nodejs.cn/官网https://nodejs.org/en/node学习大纲:1.node安装2.node repl开发3.node sublime开发4.npm使用5.node中创建第一个应用6.node回调函数...原创 2019-08-02 10:00:46 · 277 阅读 · 0 评论 -
Node.js:回调函数
2、回调函数同步input.txt菜鸟教程官网地址:www.runoob.commain.jsvar fs = require("fs");var data = fs.readFileSync('input.txt');console.log(data.toString());console.log("程序执行结束!");异步main1.jsvar fs =...原创 2019-08-02 10:16:03 · 68 阅读 · 0 评论 -
Node.js:node中创建第一个应用
1、node中创建第一个应用创建服务器var http = require('http');http.createServer(function(request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200, { '...原创 2019-08-02 10:16:50 · 87 阅读 · 0 评论 -
Node.js:事件循环
3、事件循环**const events=require('events');evt=new events.EventEmitter();function eventHandler(){ console.log('111'); console.log('222');}evt.on('eventName',eventHandler);evt.emit('eventName...原创 2019-08-02 10:22:17 · 62 阅读 · 0 评论 -
Node.js:模块系统
模块系统show.js//自定义show模块//定义show类function show(){ this.name='user1'; this.say=function(){ console.log('my name is '+this.name); } }module.exports=new show();引入show.jsconst show = requi...原创 2019-08-02 10:24:35 · 69 阅读 · 0 评论 -
Node.js:函数
函数function函数:1.常用函数function show(){ console.log('123');}2.匿名函数show=function(){ console.log('123');}fun.jsfunction show() { console.log('22222222222222');}show();fun2.jsshow = ...原创 2019-08-02 10:29:13 · 80 阅读 · 0 评论 -
jquery框架:左侧导航条
左侧导航条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面</title></head><style> *{ font-family: 微软雅黑; margin:0px; paddi...原创 2019-07-24 22:49:30 · 779 阅读 · 0 评论