- 博客(33)
- 收藏
- 关注
RSS订阅原创 node.js 后端代理服务器
// server1.js文件var http = require('http');var app = http.createServer(function(req,res){//访问服务时候执行 if(req.url==='/'){ // 服务器直接向另一个服务器发送请求，叫做后端代理服务器，是不存在跨域问题 // http.get() 向另一个服务器发送请求 ...
2020-02-04 22:47:26
202
原创 es6 js Set数据结构
Set类似于数组，成员没有重复的，它的成员都是唯一的Set本身是一个构造函数，用来生成Set数据结构console.log(Set.prototype.constructor);Set.prototype.size：返回Set实例的成员总数。const set = new Set([1,2,3,4,5,5]);console.log(set.size);Set.pr...
2020-01-01 22:13:37
175
原创 ajax 简单方法封装
/* * ajax() 作用 向服务器发送请求 参一 url 参二 请求参数 参三 请求方法 参四 请求成功的响应处理函数 参五 请求失败的处理函数 */ var parms = { page: 1, num: ...
2019-12-26 00:16:13
111
原创 js 四级联动
<select name="" id="province"></select> <select name="" id="city"></select> <select name="" id="district"></select> <select name="" id="sto"></...
2019-12-22 15:13:36
6519
原创 js 字幕滚动
* { margin: 0; padding: 0; } #view { width: 300px; height: 50px; border: 2px solid #dedede; margin: 200px auto; overflow: hidden; ...
2019-12-22 14:59:14
161
原创 js 异步操作执行顺序
首先，让我们先来看一个简单的例子setTimeout(function(){ console.log(8);},0) console.log(2);它输出的顺序结果是：2 8为什么不是8 2呢？那是因为在Javascript引擎线程中，存在着一个主线程和一个任务队列，同步任务会在其主线程中执行，而一些异步操作如setTimeout,ajax异步请求等，JS引擎会将...
2019-12-22 10:22:18
409
原创 js tab选项卡切换
<div class="wraper"> <button class="active_btn">选项卡01</button> <button>选项卡02</button> <button>选项卡03</button> <button>选项卡04</b...
2019-12-15 22:25:52
71
原创 js dom基本操作
<div class="wraper"> <div class="one">老大<p>pppp</p></div> <div class="box"> <span>内容</span> <a href="#">链接...
2019-12-14 16:33:24
87
原创 js 点名器
div{ width:200px; height:50px; font-size:10px; line-height:50px; text-align:center; font-weight:900; border:1px solid black; border-radius:10px; margin-bottom:20px;}<div>开始点名</div...
2019-12-13 22:19:51
111
原创 js 闭包
闭包就是能够读取其他函数内部变量的函数1: 通过作用域链读取的语法作用域。低级作用域:if else for高级作用域:function同级别的作用域可以相互嵌套高级的作用域,可以嵌套低级的作用域低级作用域嵌套高级作用域无效// 1.同级作用域嵌套 function fn() { function fn1() { function...
2019-12-06 23:42:52
88
原创 js this指向总结
var obj = { name: "yan", say: function() { console.log(this); } }; var obj1 = { say: obj, say1: obj.say }; obj1.say.say(); //t...
2019-12-06 23:35:11
94
原创 js动态表格
table, tr, td, caption { border: 1px solid white; border-collapse: collapse; border-left: 1px solid transparent; border-right: 1px solid transparent; text-ali...
2019-12-06 23:23:17
93
1
原创 js 预编译
解释型语言//console.log(a);// 语言分析 ：a is not defineconsole.log(d);//function d(){} d:undefined —> f d(){}var b = 0;var c = 0;var d =0;function d(){var d = ‘’;console.log(d);} console...
2019-11-29 23:13:45
73
原创 js string方法与数组[ ]方法
string方法字符串查询// 待检测的字符串.indexOf(检测字符)；返回结果-1，在这个字符串中没有这个子字符，非-1有 // indexOf() 作用：检测某个字符是否在另一个字符串中出现 var str = 'kkgkkkkjhhnghg'; str = new String(str); con...
2019-11-29 23:07:27
524
原创 js for循环执行顺序
首先，我们用一个示例代码来解释一下for(var i=0;i<5;i++){ for(var j=0;j<i;j++){ doucument.write('*'); } doucument.write('*'+'<br>');}首先执行第一层循环，当i=0时，满足条件i<5;...
2019-11-29 22:30:46
3437
原创 数据类型转换与运算符的综合运用
<!-- x && y x真，传y x假，传x x || y x真，传x x假，传y 需要比较的时候，才会返回true或false --> <script> // 1:求值。要求写出运算过程》 var x =...
2019-11-21 20:06:00
91
原创 运算符
运算符算术运算符 赋值运算符 字符串运算符 比较运算符 逻辑运算符 类型运算符 位运算符运算符的优先级小括号 > 算术运算符 > 比较运算符 > 逻辑运算符 > 赋值运算符1.从左往右计算( )里面最优先2.全体单目排第二 ++ – ! 【单目：只有一个操作数和操作符就可以运算 的。例：a++;】3.乘法除法余数排第三 加减排第四4.移...
2019-11-20 23:59:31
69
原创 数据类型
基本类型string 字符串Number 数值型Boolean 布尔类型undefined 未定义null 空引用类型数组 [ ]对象 { }函数 functionUndefined与Null的区别：Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null。null用来表示尚未...
2019-11-20 23:30:54
63
原创 清除浮动的3种方式
使用带clear属性的空元素<h2>给浮动元素后面的元素添加clear属性</h2><div class="box"> <p class="textFloat">text</p> <div class="clear"></div></div>.box{ bor...
2019-11-14 22:59:02
80
原创 div居中
水平方向居中div <h2>居中div</h2> <div></div> div{ border: 1px solid pink; margin: 0 auto; width: 80px; height: 50px; }浮动元素的上下左右居中<...
2019-11-14 21:27:14
228
原创 form 表单 width：auto自适应
<form action="" class="form-inline"> <div class="form-group"> <label for="" class="form-label">用户名</label> <input type="text" class="form-control"> ...
2019-11-12 21:57:25
2098
原创 组件 表格 table
表格 table （基础表格）html<div class="box"> <table class="table"> <thead> <tr> <th>表头1</th> <th&g...
2019-11-09 09:50:47
153
原创 组件 开关 switch
switchhtml<input type="checkbox" class="switch"><input type="checkbox" class="switch switch-info" /><input type="checkbox" class="switch switch-danger" /> <input type="checkb...
2019-11-09 09:38:13
112
原创 表单 checkbox 复选框 自己的组件库
圆形选择框circle-checkhtml<div class="circle-check"> <input type="checkbox" /> </div>css.circle-check>input[type="checkbox"]{ width:1.64rem; height:1.64rem; display:inli...
2019-11-07 20:26:00
166
原创 css选择器权重
权重问题：多个选择器选中一个html元素，css 属性重复的时候，用哪个选择器中的值——>权重高的权重：*：0taget:1.class:10#id:100行内样式：1000!importent 正无穷 只能是值的覆盖css样式html body .red{ color: black;}/* 101 */body #one{ color: bluevi...
2019-11-04 17:46:13
80
原创 浏览器兼容性问题
css_hacks<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-10-29 19:45:48
104
原创 响应式布局
响应式布局 自适应布局响应式布局：响应式布局等于流动网格布局，需要考虑上百种状态。自适应布局：自适应布局等于使用固定分割点来进行布局。只需考虑几种不同状态。响应式布局概念：意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局设计步骤1.在标签里设置meta标签（移动端）...
2019-10-29 19:36:50
96
原创 2D 3D 旋转 动画
transform设置变形rotate表示旋转 deg表示旋转的角度，45deg表示顺时针旋转45度 -45deg表示逆时针旋转45度transform: rotate(45deg);transform-origin设置旋转基点，默认情况下是50% 50%第一个参数设置x轴，第二个参数设置y轴transform-origin: 100% 0;translate设置平移变形，2个值分别...
2019-10-23 18:55:23
296
原创 过渡
transition 过渡：显示某个属性【值变化】的过程1)复合属性合并写法transition: width 1s,background-color 1s;2)查看哪个属性过渡过程transition-property: width,background-color;3) 过渡时间transition-duration: 2s;4)迟延执行过渡效果transition-delay...
2019-10-23 17:53:08
82
原创 4种隐藏方式
css隐藏方式1 display:none 反：显示： display:block;2: height:0px；反：显示； height: 100px;3：visibility: hidden; 特点：效果隐藏；在浏览器占据位置4：删除dom元素；显示时候在进行添加dom元素（***理论深 区别： display:none 彻底隐藏；所有的子元素也跟着隐藏 vis...
2019-10-23 17:40:34
600
原创 盒模型 弹性布局
盒模型盒模型作用：对所有的盒子：在浏览器中所占据的空间进行计算盒子：只要在浏览器中【占据位置】的html元素，都是我们计算的盒子。—>inline inline-block block盒模型使用什么计算盒子在浏览器中占据的位置width height padding border-width margin盒子分类：边框盒子（IE默认）和 内容盒子（谷歌默认）box-s...
2019-10-21 00:12:22
192
原创 文档流 定位方式
在html中，默认使用流式布局流式布局：在一个html中每个元素都有自己的位置，行元素和行内块元素从左到右，块元素从上到下的布局方式文档流：在一个页面中，在文档流中的元素都有自己的位置，如果某个元素脱离了文档流，那么它将不再参与流式布局，不再拥有自己的位置。块元素 如果脱离了文档流，那么它将不再参照父元素的宽度定宽，所以脱离文档流的块元素，如果没有内容，则必须设置宽高，如果有内容，那么它的宽...
2019-10-21 00:07:02
563
原创 块元素，行元素，行内块元素
块元素，行元素，行内块元素块元素特点： 1.内容独占一行 2.块元素可以设置宽高 3.如果不设置宽高，宽度就等于父元素的宽度，高度就等于内容的高度 4.块元素可以设置内外边距 5.多个块元素之间上下排列常见的块元素：div,section,p,h1-h6,hr,ul,li等 块元素可以通过margin:0 au...
2019-10-20 23:59:56
304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人