- 博客(90)
- 收藏
- 关注
RSS订阅原创 自适应布局
宽高自适应宽度自适应元素宽度设置为100%。（块元素宽度默认为100%）高度自适应设置方法：html,body{height:100%;}自适应元素高度：height:100%;动态计算高宽公式:例width:calc(100% - 100px)
2019-08-11 19:45:40
150
原创 兼容
兼容来因由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。五大浏览器内核Trident （MSHTML，IE核心） IE浏览器 （三叉戟；三叉线；三齿鱼叉）Gecko （壁虎） 火狐Presto （...
2019-08-11 19:44:54
195
原创 元素类型+定位
1、元素类型块状元素块状元素在网页中以块的形式存在默认情况下，块状元素都会占据一行块状元素可以定义自己的宽高块状元素可以作为其他元素的容器，可以包含块元素和内联元素例：div dl form h1 h2… hr ol p table ul等注意：h1-h6、p标签里面不能包含其他块元素，包含本身内联元素内联元素逐个在行内显示内联元素不能定义它的宽和高，它的宽和高根据内容来确定...
2019-08-11 19:44:08
266
原创 HTML+CSS属性
1、标签文本标题<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>注意：一级标题一般只使用一次，对网站logo使用转译字符&a...
2019-08-11 19:42:25
148
原创 mongodb数据库语句
mongod --dbpath e:\sad 设置数据库存储位置mongo 链接数据库show dbs 显示数据库use zys 使用数据库，没有就新建db 显示当前正在使用的数据库db.stu.insert(...); 在当前数据库的stu集合中插入数据，没有stu就新建show collectio...
2019-05-25 08:33:23
205
原创 mongoose基本语法
首先在models中定义mongoose的数据库连接操作：var mongoose=require("mongoose"); //每个用户都会重新进行连接var db=mongoose.createConnection("mongodb://127.0.0.1:27017/zys");db.once("open",function(callback){ console.log("数据库连...
2019-05-19 11:24:22
722
原创 session
session数据在服务器开启时存在，服务器关闭也会随之消失 var express=require("express"); var app=express(); var session=require("express-session"); app.use(session({ secret:"keyboard cat", resave:fals...
2019-05-19 09:48:56
183
原创 cookie
var express=require("express");var cookieParse=require("cookie-parser");var app=express();app.use(cookieParse());app.get("/",function(req,res){// res.cookie("xihao","NBA",{maxAge:60000,httpOnly:t...
2019-05-19 09:44:03
100
原创 mongodb数据库使用
使用mongodb首先要在cmd命令窗口中定义mongodb位置以及打开数据库，以便连接。在mvc模式下，在models模块中定义数据库连接操作和对数据库的增删改查操作：var MongoClient = require('mongodb').MongoClient;function lianjie(callback) { var url = 'mongodb://localhost:27...
2019-05-19 09:13:50
397
原创 node案例———小小相册
整体采用mvc模式：controller文件夹中定义控制js,models文件夹中定义基本操作函数js,views文件夹中定义页面模板。通常models中定义一些操作函数，在controller调用这些函数实现一些功能，同时在pulic文件夹中定义一些静态资源文件，对外进行暴露，uploads文件夹中存放文件。在主模块上创造服务器：var express=require("express")...
2019-05-11 15:24:50
305
原创 node中express引用
在命令窗口下载express框架var express=require("express");var app=express();app.get("/",function(req,res){ res.send("你好");})app.get("/haha",function(req,res){ res.send("哈哈哈哈");})app.listen(3000,"127.0....
2019-05-11 14:51:50
506
原创 模板引擎
在命令窗口中下载ejs模块var ejs=require("ejs");var data={ a:6,}var string="我今天买了一个iphone<%= a %>s";var html=ejs.render(string,data);console.log(html);后台模板引擎：书写页面模板：<!DOCTYPE html><html...
2019-05-11 14:45:49
102
原创 node中get和post提交表单
get提交在html中定义action提交地址为http://127.0.0.1:3000，提交方式method=“get”定义表单服务器：
2019-05-11 14:17:55
176
原创 node模块引入
定义a.js为变量模块：var seel="南阳";exports.seel=seel; //使用exports将变量seel向外暴露定义b.js为对象模块：function people(name,age,sex){ this.name=name; this.age=age; this.sex=sex;}people.prototype={ say:function...
2019-05-11 14:13:07
1102
原创 node事件循环机制
node具有单线程、非阻塞I/O特点，当用户发出I/O请求时，node会将当前请求放入事件环中，然后接着处理后来用户的请求。例如： var http=require("http"); var fs=require("fs"); var server=http.createServer(function(req,res){ if(req.url=="/favicon.ic...
2019-05-11 14:07:01
178
原创 node引用npm模块
在https://www.npmjs.com上可以查询获得需要的npm模板；在本地命令行使用cd /d 进入本项目位置，使用npm i name 就可以将需要的npm引入到项目中。例如：var dateTime = require('date-time');dateTime({ date:new Date(2019,5,2,11)});...
2019-05-11 13:57:49
263
原创 node.js根据路由选择文件
node创造服务器格式：var http=require("http"); //定义一个htttp请求var fs=require("fs"); //引入fs文件模块var server=createServer(function(req,res){ if(req.url=="/yuan"){ fs....
2019-05-11 13:53:14
237
原创 jQuery定义插件
//jQuery插件定义在jQuery.fn的基础上//命名冲突的解决//循环jquery中的每一个对象//在函数中，将jQuery返回例如定义一个随机颜色插件： (function($){ $.fn.extend({ randomColor:function(){ function random(){ var r=Math.floor(Math.ra...
2019-04-27 09:36:36
189
原创 jQuery_get
在jQuery中使用$.ajax可以发送get请求： $.ajax({ url:"ajax.json", type:"get", success:function(rep){ console.log(rep.habby); } }) //请求成功时执行done函数，失败时执行fail函数 $.ajax({}).done(functio...
2019-04-27 09:32:29
277
原创 ajax_post
//创建xhr对象 var xhr=new XMLHttpRequest(); //监听请求 xhr.onreadystatechange=function(){ if(xhr.readyState!==4){ console.log(xhr.readyState); return; } if(xhr.status>=200&&am...
2019-04-27 09:28:49
258
原创 ajax_get
发送get请求分为四步：1.创建ajax对象2.打开这个对象3.发送请求4.监听请求但是监听请求还要监听对象的打开发送情况，所以监听请求要放在创建对象的后边 //创建ajax对象 var xhr=new XMLHttpRequest(); //监听请求 xhr.onreadystatechange=function(){ //xhr对象的readysta...
2019-04-24 08:45:15
337
原创 promise解决回调地狱
使用的函数的回调，当函数异步进行时，前边的函数并未执行完，后边的函数调用前边的函数就会出现undefind，后边以此类推，就会出现回调地狱问题var promise=new Promise(function(resolve,reject){ setInterval(function(){ var num=Math.floor(Math.random()*100); if(n...
2019-04-24 08:39:05
160
原创 原型与继承
构造函数继承：构造原函数对象 function perset(name,age){ this.name=name; this.age=age; this.cage=function(){ console.log("今年是"+this.age+"岁"); } }在student中调用perset，并把per...
2019-04-24 08:24:46
120
原创 正则表达式
字面量方法创建正则表达式var reg=/abc/;构造函数方式创建正则表达式var reg=new RegExp(“abc”);g表示全局匹配，i表示忽略大小写test判断是否含有正则内容，有就返回true,无就返回false,例如：var reg=/abc/; var flag=reg.test(str); console.log(flag);match 默...
2019-04-21 15:40:12
143
原创 js实现深拷贝和浅拷贝
如果直接对变量进行复制，就是简单传值处理，b=a,修改b的值，不会影响a的值如果赋值的是对象，则是传址处理，修改b的内容会影响a的内容使用object赋值实现浅拷贝：修改b的值不会影响到a的值var a={name:"hello"} var b=Object.assign({},a); b.name="hi"; console.log(a.name);如果对象里包含对象，如...
2019-04-20 18:17:02
142
原创 排序
sort排序 var arr=[1,4,2,7,5,83,2,90]; arr.sort(function(n1,n2){ //返回负值，位置不变 return n1-n2; }); console.log(arr); arr.sort(function(n1,n2){ //返回正值，位置交换 return n2-n...
2019-04-20 12:36:29
83
原创 css实现不定宽元素居中
使用网格盒子模型：在父容器中加上display:grid在被居中元素加上margin:auto使用弹性盒子模型：在父容器加上display:flex在被居中的元素加上margin:auto使用绝对定位：在父容器加上相对定位position:relative在被居中元素加上绝对定位position:absolute设置元素left,top为50%,加上transform:trans...
2019-04-20 12:16:27
399
原创 HTML拖动与投放
div.function(e){ //拖拽开始事件 this.style.background="yellow"; num=this; e.dataTransfer.setData("text",this.innerHTML); //给拖动赋数据 e.dataTransfer.setDragImage(img,20,20); ...
2019-04-19 15:42:36
152
原创 HTML弹性盒子总结
设置渐变色：linear-gradient(to right,red,yellow) 第一个属性默认从上到下设置主轴（横轴）对齐方式： justify-contentflex-start：弹性盒子元素将向行起始位置对齐。flex-end：弹性盒子元素将向行结束位置对齐。center：弹性盒子元素将向行中间位置对齐。space-between：两端对齐，且分布在两端space-aroun......
2019-04-13 17:24:01
1704
原创 JQuery常用工具函数
去掉字符串空格：$.trim(a)；遍历数组：$.each(b, function(insert,value) { //insert为索引，value为内容 $("#box").html($("#box").html()+insert+":"+value+"<br/>") });筛选数组内容：返回数组$.grep(b,function(element,ind...
2019-04-10 17:51:19
283
原创 自定义动画
点击按钮需要同时改变多个样式，使用animate,例如：$("#button1").click(function(){ $("#div1").animate( { width:"200px", height:"200px", fontSize:"100px", opacity:0.7, left:"+=100px", }, ...
2019-04-10 11:17:25
136
原创 jQuery高级事件
阻止当前绑定的事件冒泡，采用调用事件对象：function(event){ event.stopPropagetion();}阻止所有的事件事件冒泡： function(event){ event.stopImmediatePropagetion(); }阻止链接默认自动跳转：function(event){ event.preventDef...
2019-04-10 09:51:39
207
原创 jQuery表单选择器、事件
获取特定的表单元素内容：$(":input[type=password").val();鼠标点击事件：click();鼠标滑入事件：mouseover();鼠标滑出事件：mouseout();鼠标按下事件：mousedown();鼠标抬起事件：mouseup();获取焦点事件：focus();失去焦点事件：blur();...
2019-04-09 14:09:29
162
原创 jsp+servlet+mysql开发web(2)
JDBC步骤1.建立连接（数据库服务器ip，数据库port，用户名，密码）2.准备需要执行的SQL指令3.通过数据库连接加载SQL指令4.执行SQL指令，获取执行结果5.处理结果6.关闭连接1.创建Java项目“jdbc_0100”2.在项目的src中创建名为“com.qianfeng.jdbc.dto”的package3.在“com.qianfeng.jdbc.dto”包中创建...
2019-04-08 15:21:07
486
原创 jsp+servlet+mysql开发web
html文件转译为jsp文件在开头加上：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>1.数据库相关显示数据库列表show databases;创建数据库create database db_name;删除数据库drop database db_na...
2019-04-08 14:30:36
328
原创 js实现图片轮播
在页面中添加图片盒子和切换按钮<div style="width: 500px;height: 300px;margin:0px auto;" id=""> <img style="width: 100%;height: 100%;" id="img" src="../img/1.jpg"/> </div> <p align="center...
2019-04-08 10:34:52
154
原创 javascript实现省市县联动
在页面中添加三个下拉框： <select id="co" "onchang(this)"> //onchange当前内容改变时触发事件 <option value="-1">-请选择-</option> <option value="0">河南省</option> <option value="1"&...
2019-04-08 10:20:03
447
原创 jQuery实现水平菜单和垂直菜单
页面中添加垂直菜单标签：<ul> <li class="main"> <a href="#">菜单一</a> <ul> <li><a href="#">子菜一</a></li> <li><a href="#">子菜二<...
2019-04-08 09:51:56
418
原创 javascript实现二叉树
具体代码如下：var root=null; //定义全局变量，为树根 function treenode(key){ //定义数的结构 this.key=key; //树的根节点 this.left=null; //树的左节点 this.r...
2019-04-08 09:35:56
219
原创 HTML表单元素
文本输入框<input type="text" required="required" placeholder="请输入账号"/>requried设置为必填项密码输入框<input type="password" />文件上传框<input type="file" />单选按钮： <input type="radio" name="sex" va...
2019-04-07 15:25:01
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人