摘要: $('#userlist').DataTable({ //表格数据的显示 'paging' : true, "aLengthMenu":[ [10, 20, 50, 100],['10条/页', '25条/页', '50条/页', '100条/页'] ], "iDisplayLength": 10, 阅读全文
posted @ 2020-03-08 15:37 尚宇园 阅读(335) 评论(0) 推荐(0)
摘要: 插槽的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
posted @ 2020-03-08 15:26 尚宇园 阅读(152) 评论(0) 推荐(0)
摘要: promise的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me 阅读全文
posted @ 2020-03-08 15:10 尚宇园 阅读(153) 评论(0) 推荐(0)
摘要: 导入和导出 阅读全文
posted @ 2020-03-08 15:05 尚宇园 阅读(84) 评论(0) 推荐(0)
摘要: 父访问子children-refs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2020-03-08 15:01 尚宇园 阅读(161) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-08 14:51 尚宇园 阅读(136) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-08 14:45 尚宇园 阅读(166) 评论(0) 推荐(0)
摘要: webpack.config.js const path=require('path') const webpack=require('webpack') const HtmlWebpackPlugin=require('html-webpack-plugin') //const UglifyjsW 阅读全文
posted @ 2020-03-08 14:33 尚宇园 阅读(139) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 14:25 尚宇园 阅读(671) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 14:11 尚宇园 阅读(131) 评论(0) 推荐(0)
摘要: 类数组 <script type="text/javascript"> var obj={ "0":'a', '1':'b', 'length':2, 'splice':Array.prototype.splice, 'push':Array.prototype.push } Array.proto 阅读全文
posted @ 2020-03-08 14:00 尚宇园 阅读(122) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 13:59 尚宇园 阅读(154) 评论(0) 推荐(0)
摘要: 浏览器内核 1 五大主流浏览器 2 1.IE 内核trident 3 2.Chrome webkit/blink 4 3.Safari webkit 5 4.firefox Gecko 6 5.Opera presto js封装方法 //查看滚动条滚动的距离 function getScrollOf 阅读全文
posted @ 2020-03-08 13:58 尚宇园 阅读(320) 评论(0) 推荐(0)
摘要: 页面自动滚动 <div style="width: 50px;height:50px;border-radius: 50%;background: red;position: fixed;bottom: 300px;right: 300px; text-align: center;line-heig 阅读全文
posted @ 2020-03-08 13:55 尚宇园 阅读(175) 评论(0) 推荐(0)
摘要: es5严格模式 1 <script type="text/javascript"> 2 "use strict"; 3 function test(){ 4 console.log(arguments.callee); 5 } 6 test(); 7 </script> try...catch <s 阅读全文
posted @ 2020-03-08 13:51 尚宇园 阅读(155) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 13:48 尚宇园 阅读(168) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 13:45 尚宇园 阅读(131) 评论(0) 推荐(0)
摘要: 继承 <script type="text/javascript"> Father.prototype.name="wangxinngyu"; function inherit(Target,Origin){ function F(){} F.prototype=Origin.prototype; 阅读全文
posted @ 2020-03-08 13:43 尚宇园 阅读(102) 评论(0) 推荐(0)
摘要: <!-- 当用户电脑么有相应的字体,会强制用户下载该字体 @font-face指令制作一个新字体 iconfont网站制作图表 @font-face{ font-family: "good night"; src: url("./../../数据库/【开开】晚安体.ttf"); } p{ font- 阅读全文
posted @ 2020-03-08 13:29 尚宇园 阅读(141) 评论(0) 推荐(0)
摘要: <!-- ##简单选择器 1.ID选择器 2.元素选择器 3.类选择器 4.通配符选择器*{} 5.属性选择器 [元素名="#"]{} 6.伪类选择器 :hover 或者a:hover 鼠标悬停时的状态 # active{} a:active{} 鼠标按下的元素有效果(通常用在a元素中)## lin 阅读全文
posted @ 2020-03-08 13:28 尚宇园 阅读(102) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 13:27 尚宇园 阅读(110) 评论(0) 推荐(0)
摘要: 动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq 阅读全文
posted @ 2020-03-08 13:25 尚宇园 阅读(178) 评论(0) 推荐(0)
摘要: <!-- flex-flow是 flex-direction和 flex-wrap的复合属性 flex-direction 属性 flex-direction 属性指定了弹性子元素在父容器中的位置。 flex-direction的值有: row:横向从左到右排列(左对齐),默认的排列方式。 row- 阅读全文
posted @ 2020-03-08 13:15 尚宇园 阅读(114) 评论(0) 推荐(0)
摘要: <!-- 2.边框阴影:box-shadow:h v blur spread color inset h 水平方向上偏移值 v 垂直方向上的偏移值 blur 模糊度 spread 阴影的尺寸 color 颜色 inset 内阴影 border-image-source 用于指定要用于绘制边框的图像的 阅读全文
posted @ 2020-03-08 13:14 尚宇园 阅读(121) 评论(0) 推荐(0)
摘要: <!--######背景图和img元素的区别 img是html的概念 背景图是css的概念 1.当图片属于网页内容时,必须使用img元素 2.当图片仅用于图片美化时,必须使用背景图 #####涉及的css属性 1.background-image:url("") 2.background-repea 阅读全文
posted @ 2020-03-08 13:13 尚宇园 阅读(142) 评论(0) 推荐(0)
摘要: 2D <!-- transform transform:旋转 rotate(30deg); translate值(50px,100px)是从左边元素移动50个像素,并从顶部移动100像素。transform: translate(50px,100px); scale()方法,该元素增加或减少的大小, 阅读全文
posted @ 2020-03-08 13:12 尚宇园 阅读(229) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 13:07 尚宇园 阅读(110) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 13:06 尚宇园 阅读(133) 评论(0) 推荐(0)
摘要: <!-- 窗口事件属性(Window Event Attributes) 由窗口触发该事件 (适用于 <body> 标签): 属性 值 描述 onafterprintNew script 在打印文档之后运行脚本 onbeforeprintNew script 在文档打印之前运行脚本 onbefore 阅读全文
posted @ 2020-03-08 13:05 尚宇园 阅读(166) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 13:03 尚宇园 阅读(104) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 12:59 尚宇园 阅读(99) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 12:58 尚宇园 阅读(136) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 12:57 尚宇园 阅读(102) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 12:56 尚宇园 阅读(154) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head > <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi 阅读全文
posted @ 2020-03-08 12:49 尚宇园 阅读(101) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 12:46 尚宇园 阅读(89) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-03-08 12:45 尚宇园 阅读(258) 评论(0) 推荐(0)
摘要: //autofocus 1.自动获取焦点 2.autocomplete:on 打开 off关闭 必须配合name属性(获取提交记录) 3.required 必须填写内容不然不可以提交 4.pattern正则表达式验证 "^(\+86)?1\d{10}$" 5.<form id="#"></form> 阅读全文
posted @ 2020-03-08 12:39 尚宇园 阅读(145) 评论(0) 推荐(0)
摘要: 1 jQuery 事件方法 2 事件方法触发器或添加一个函数到被选元素的事件处理程序。 3 下面的表格列出了所有用于处理事件的 jQuery 方法。 4 bind()向元素添加事件处理程序 5 blur()添加/触发失去焦点事件 6 change()添加/触发 change 事件 7 click() 阅读全文
posted @ 2020-03-08 12:37 尚宇园 阅读(131) 评论(0) 推荐(0)
摘要: 1 $.ajax({ 2 url:"", 3 type:"POST", 4 data:{ 5 id: id, 6 status: status, 7 }, 8 success:function(data){ 9 if (data.success){ 10 }else { 11 } 12 } 13 } 阅读全文
posted @ 2020-03-08 12:24 尚宇园 阅读(87) 评论(0) 推荐(0)
摘要: 1 用户名 /^[a-z0-9_-]{3,16}$/ 2 密码 /^[a-z0-9_-]{6,18}$/ 3 十六进制值 /^#?([a-f0-9]{6}|[a-f0-9]{3})$/ 4 电子邮箱 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ 阅读全文
posted @ 2020-03-08 12:17 尚宇园 阅读(75) 评论(0) 推荐(0)
摘要: 1 XmlHttp是什么? 2 最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。 3 来自MSDN的解释:Xml 阅读全文
posted @ 2020-03-08 12:12 尚宇园 阅读(122) 评论(0) 推荐(0)
摘要: 表格局部刷新 1 $(id).DataTable().ajax.reload(); 阅读全文
posted @ 2020-03-08 11:37 尚宇园 阅读(164) 评论(0) 推荐(0)
摘要: 页面代码 1 <div class="fl search-box"> 2 <button type="button" name="btnSubmit" id="btnSubmit" class="btnSubmit">搜索</button> 3 <input id="sousuo" name="so 阅读全文
posted @ 2020-03-08 11:28 尚宇园 阅读(648) 评论(0) 推荐(0)