- 博客(103)
- 收藏
- 关注
原创 mark down笔记
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为 .md, .markdown。标题标记格式=/-我展示的是一级标题我展示的是二级标题用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。一级标
2020-09-28 20:36:53
159
原创 ajax传输
ajax方法$.ajax() 执行异步 AJAX 请求$.get() 使用 AJAX 的 HTTP GET 请求从服务器加载数据$.getJSON() 使用 HTTP GET 请求从服务器加载 JSON 编码的数据$.post() 使用 AJAX 的 HTTP POST 请求从服务器加载数据获取数据库的数据到页面渲染页面并生成一条数据 $(document).ready(function(){ //获取列表数据 $.getJSON('/admin/list',function(r
2020-09-27 22:21:56
208
原创 linux常见命令
清除屏幕历史:CLS(windows)、CLEAR(LINUX) 结束运行:CTRL+C MD (MKDIR) [目录名]:创建目录//创建WWW目录MKDIR www CD (CHDIR) [目录名]:进入目录,可以使用相对目录或绝对目录//进入当前文件夹下的PAGE目录CD PAGE//进入上一个文件夹CD ..//返回根目录CD \//进入c:\windows文件夹CD c:\windows//进入D盘目录 切换磁盘D: RD ( RMDIR)
2020-09-24 20:36:14
242
原创 npm相关操作
本地安装$ npm [install/i] [package_name]全局安装npm install/i -g [package_name]本地安装:为了某一块功能或者某一个项目安装的包 安装到你cd到的当前文件夹下全局安装:安装一个(调试/测试/转换)工具,在任何目录都可以使用 安装到C盘一个隐藏的文件夹安装node-dev包安装:$ npm install node-dev install简写为iPackage.json字段说明dependencies - 依赖包列表。如果依赖
2020-09-24 20:28:06
302
原创 validform+layer结合
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="./lib/validform/css/index.css" /> <link rel="stylesheet" type="text/css" href="lib/boots
2020-09-23 21:00:11
136
原创 bootstrap框架 辅助类
del删除文本small 缩小文本strong 强调文本class类列表类list-inlinelist-unstyled文字对齐方式text-lefttext-righttext-centertext-nowrap:单行文本强制一行,可以防止文字折行text-:单行文本截断 文字后边出现省略号,但必须是 display: inline-block 或 display: block 类型。font-weight-bold:文字加粗text-reset 类重置文本或链接的颜色,以
2020-09-21 16:12:16
121
原创 css3属性
CSS3 文字/字体text-shadow阴影兼容性属性 chrome IE firefox safari operatext-shadow 4.0 10.0 3.5 4.0 9.6语法text-shadow: h-shadow v-shadow blur color;@font-face属性常用字体图标库font-awesome、阿里图标库教程有步骤盒模型阴影效果box-shadow兼容性IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支
2020-09-16 21:11:16
65
原创 HTML5第一天
兼容性:1 标签兼容方法IE9 以下版本浏览器兼容HTML5的方法,使用百度静态资源的html5shiv包:html5shiv.js 引用代码必须放在 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。载入后,初始化新标签的CSS:/html5/article,aside,dialog,footer,header,section,footer,nav,figure,menu { display : block }html5的新属性定义页面的侧边栏内容。定义 se
2020-09-14 22:11:10
90
原创 jquery弹窗插件
特别说明:事件需自己绑定,以下只展现调用代码。//初体验layer.alert('内容')//第三方扩展皮肤layer.alert('内容', { icon: 1, skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则,去这里查阅})//询问框layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮}, function(){ layer.msg('的确很重要'
2020-09-02 08:27:49
254
原创 jq表单数据验证
实现方式(正则表达式)逐个取值验证:逐个取值,使用正则表达式验证 true/false,并做提示 借助 js 插件:按照插件的规则,定义正则表达式,自动提示。推荐大而全的 Validform.js, 解决很多问题 。1、引入css2、引入js (jquery 1.4.3 以上版本都可以)<script type="text/javascript" src="./js/jquery-1.6.2.min.js"></script><script type="text/
2020-09-01 09:07:48
184
原创 jQuery 动画笔记
在一段时间内改变 CSS 属性值,让属性值按照缓动函数的曲线增加/减少,达到平滑动画的效果,动 画的参数一般包含 3 部分,属性值、缓动函数、运动时间。动画改变的属性值一般都是数值类型,方便缓动函数的计算,颜色除外。内置动画5-2.1 显示/隐藏:show()/hide() 关键属性:display:block => display:none5-2.2 淡入/淡出:fadeIn()/fadeOut() 关键属性:opacity5-2.3 滑上/滑下:slideUp()/slideDown(
2020-08-31 09:28:36
124
原创 jquery事件笔记
click 事件: $("p").click(function() { $(this).hide(); });hover 事件:$("td").hover( function() { $(this).addClass("hover"); }, function() { //回调函数 $(this).removeClass("hover"); } ); 绑定/移除事件:on()/off()$("p").on("click"
2020-08-29 14:39:40
103
原创 jquery的Dom操作
生成元素(′<div>thisisnew</div>′)插入元素内部尾部插入:('<div>this is new </div>')插入元素内部尾部插入:(′<div>thisisnew</div>′)插入元素内部尾部插入:(selector).append(element)内部头部插入:element) 内部头部插入:element)内部头部插入:(selector).prepend(element)外部头部插入:elemen
2020-08-29 11:18:58
169
原创 小球移动变色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { height: 100%; } body { margin: 0; padding: 0; overflow: hidden; }
2020-08-28 09:48:26
247
原创 jquery的方法和属性
获取设置属性:1.常规属性:attr()removeAttr(name):从每一个匹配的元素中删除一个属性$(“img”).attr(“src”);获取$(“img”).attr({ src: “test.jpg”, alt: “Test Image” }); 设置2.表单属性:prop() removeProp(name)$(“input[type=‘checkbox’]”).prop(“checked”); $(“input[type=‘checkbox’]”).prop(“checked”,
2020-08-28 09:48:02
155
原创 jquery基础语法选择器
$代表jquery的缩写选择符(selecor)查询和查找html元素action()执行对元素的操作,包括修改样式属性、事件、动画等基础选择器id选择器、class选择器、标签选择器、属性选择器、伪类等层次选择器父子 后代兄弟相邻$(‘m n’)后代选择器$(‘m>n’)子代选择器$(‘m~n’)兄弟选择器$(‘m+n’)相邻选择器属性选择器$()...
2020-08-27 10:26:06
147
原创 js弹窗案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .alert { width: 500px; height: 200px; background-color: cornsilk; border: 1px solid #CCC; p
2020-08-27 09:08:51
136
原创 jsbom对象
BOM : Browser Object Model 浏览器对象模型。js 不仅可以控制html文档中的任意一个元素,还可以控制浏览器。 window 对象:是bom对象。是所有对象的根对象。任何一个对象,都是直接或间接的属于 window对象。documentalert、confirm、promptparseInt、parseFloatsetInterval、clearInterval 循环定时器,反复执行setTimeout、clearTimeout 定时器,仅执行一次。inne
2020-08-27 08:56:01
137
原创 js事件冒泡事件委托笔记
事件类型、事件对象,事件冒泡,事件委托注意事项:并非所有事件都可用作用在任意元素之上。click: 单击事件,最常用的事件。 dblclick:双击事件,不太常用。onload事件只能作用在window对象和img对象上,当加载完成之后。 window.onload 常用事件。鼠标相关事件:一般使用。 mousedown :鼠标按下。 mouseup : 鼠标弹起。 mouseenter :鼠标进入,只有进入当前元素才会触发。 mouseover :鼠标滑过,越过。滑过当前元素或其子元素时,都会触发
2020-08-26 09:26:48
93
原创 jsDOM进阶
1. dom 增删改查。document.querySelector/querySelectorAll/ …/…/… dom.querySelect/querySelectAll 哪个对象调用,就是在谁的上下文内查找。 指定上下文,不影响选择器,和选择器无关。2. 增dom.appendChild(); 表示在dom内添加一个子元素,在最后。 dom.insertBefore( dom1,dom2 ) ; 在dom内添加一个子元素dom1,插入到dom2的前面,要声明dom2才能使用, documen
2020-08-26 09:23:47
136
原创 js对象进阶
使用构造函数来创建对象,构造函数相当于一个模板。模板就是所有创建的对象的类型。instanceof 判断某个对象是否属于某个类型。js特性:基本数据类型可以访问与之对应的对象类型的属性和行为,在访问时,自动将基本数据类 型转换为对象类型。string -> String number -> Number boolean -> BooleanString对象常用方法: var a="你好吗?我不好,为什么不好?"; console.log(typeo
2020-08-24 09:32:30
144
原创 js函数进阶
变量的作用域(空间有效范围)。在js中,只有全局作用域和函数作用域两种。 如果一个变量没有定义在任意函数之内,则为全局作用域。全局作用域是从声明位置开始, 一直到脚本结束。 定义在函数之内的变量,则为函数作用域。函数作用域从声明位置开始,到函数结束。函数 中的变量会覆盖全局的同名变量。函数参数也是属性函数作用域,其作用域从函数开始到函数结束。 在函数中,可以使用全局变量。变量的定义提升。不管是在全局作用域中,还是在函数作用域中,使用var定义的变量,其定义默认会提升到脚本或 函数的前面。变量的生命.
2020-08-24 09:28:11
133
原创 js事件
如何给元素添加事件1.直接在标记中,使用onxx属性。取消事件:删除onxxx,或者使用 dom.οnclick=null;2.通过dom.onxxx=定义的函数,绑定的事件3.通过dom.addEventListener(事件名,事件的处理函数)推荐使用。移除事件: removeEventListener(事件名称,事件的处理函数名称)区别:前两种,对同一个元素,相同类型的事件只能绑定一个。而第3种可以绑定多个同类型的事件。setInterval(函数,毫秒)字符串.replace(“要替换
2020-08-24 09:11:52
65
原创 jsDOM对象
DOM : Document Object Model,文档对象模型,将html文档中的每一个元素都可以使用一个对象 来表示。如何获取某一个html元素所对应的dom对象document.getElementById(“aa”)document.getElementsByTagName(“aa”)document.getElementsByName(“aa”)document.getElementsByClassName("")。document.querySelector(“a”); /
2020-08-24 09:06:03
215
原创 js对象
var a = { };//空对象var a ={name:"张三",sex;“男”}JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…对象只是一种特殊的数据。对象拥有属性和方法。此外,JavaScript 允许自定义对象。键是字符串,值可以是任意类型,包括基本数字类型、数组、函数1.一个,由若干个键值对组成,键值对之间用逗号隔开。2.访问对象的属性,可以使用点运算符,也可以使用中括号,使用中括号时,键名称可以是任意字 符串。3.键必须是字符串,即便是没有使用双
2020-08-24 09:01:50
113
原创 js函数
Math.ceil() 大于等于他的最小整数;向上取整Math.floor()小于等于他的最大整数;向下取整Math.random()取随机数Math.abs()取绝对值console.log()输出parseInt()parseFloat()把变量变成小数alert()弹出框confirm()确认弹出框prompt()输入框toFixed()可以保留指定几位小数,结果是字符串函数名称自己定义,且不能重复定义函数 函数定义不会输出需要调用,函数定义可以在任何位置,不用非在调用之前
2020-08-24 08:54:54
62
原创 js数组
数组:一组数。数指的是变量的值。 主要用来解决过多的变量的复杂运算问题。数组的每一个元素都是一个普通变量,可以是任意数据类型。Math.random() 生成0~1的随机小数parseInt生成整数下面的代码创建名为 cars 的数组:var cars=new Array();cars[0]="Saab";cars[1]="Volvo";cars[2]="BMW";var cars=new Array("Saab","Volvo","BMW");创建一个数组存放数据输出十个60-10
2020-08-24 08:37:30
75
原创 输出一个菱形案例
var i = 0; var out = ""; while (i < 9) { var t = 0; var starts = ""; while (t < 9 - i) { starts += " "; t++; } .
2020-08-21 10:30:41
121
原创 js语法基础
变量的命名规则:字母,数字,下划线,不能以数字开头,不能是关键字要有语义性,易读。以分号结束算数运算符需要两个操作数,运算结果仍是数字。取余使用百分号%比较运算符:需要两个操作数,运算结果是布尔型输出语句:cosole.log()字符串:加号可以把字符串连接起来比较运算符:><逻辑运算符:&& 、|| 、! ,双目运算符变量的数据类型:1.number:数字,整数和小数2.string:字符串。+可以将两个字符串拼接起来3.boolean:布尔型
2020-08-21 10:29:32
74
原创 运动案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { height: 100%; } body { margin: 0; padding: 0; overflow: hidden; }
2020-08-19 19:39:49
203
原创 事件案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> html, body { height: 100%; } body { margin: 0; padding: 0; overflow: hidden; } .box{ wid
2020-08-19 19:38:04
105
原创 简易计算器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> input{ width: 80px; } input,select{ height: 50px; padding: 0; margin: 0; box-sizing:
2020-08-19 19:36:37
123
原创 8.3笔记层叠继承
css的层叠、继承层叠:对于同一个(一些)元素,多种样式修饰可以叠加一起,效果会叠加。继承:后代元素可以继承祖先元素的部分样式。可以被 继承的样式:和文字相关的样式。bady{font-size:20px} font-weigh/family/colorcss优先级:1.离被修饰的元素越近,优先级越高。2.精准度越高,优先级越高。3、!important来调精准度,慎用比id选择器的精准度还高。4、尽量避免样式冲突,以进行优先级的选择情况。...
2020-08-18 08:47:28
80
原创 7.29笔记浮动
浮动默认文档流:1.块级远元素,默认沾满一行,如果手动设置了尺寸,则以手动设置的为准。如果有内容,内容决定了块级的尺寸。2.内联元素。默认从右往左破坏默认文档流1.浮动:float清除浮动:必须要和浮动元素是同级(兄弟元素),且在浮动元素之后.clear::after { content: ""; display: block; height: 0; clear: both;}色块布局:问题: 1. class,id 定义太多。结构复杂。 2. 命名烂,
2020-08-18 08:45:59
125
原创 7.28笔记盒模型
内外边距都是透明的,不可以编写内容一个html元素占用的空间=内容区域+内边距+边框家外边距一个html元素设置尺寸的时候,默认设置在内容区域。盒模型的内外边距、边框都可以单独设置,四个方向。可以用方位名词来进行设置内联元素不可以设置尺寸,可以通过背景来设置内联元素可以和块级元素互相转化-+方位名词padding:abcd 右下左padding:abc 上 左右 下padding:ab 上下 左右padding: a 上下左右CSS中块级、内联元素的应用:
2020-08-18 08:40:10
101
原创 7.27笔记选择器
样式写法;键:值;css的引入方式:1.行内样式、内联样式 通过style样式来引入,在标记内增加style属性,在值中写样式。缺点:只能修改所在标记,不能批量修饰。2.页内样式 使用style标记一般写在head里,优点可以使用*{}批量选择符3.引入外部样式表:使用link标记,引入外部样式表文件,可以修饰多个页面,只需要引入样式表即可,无缺点。基础选择器:1.#{} ID选择器:根据元素的id来选择2.{}选择器:全选,选中所以元素3…{}类选择器:根据元素的class名称来进行选择
2020-08-18 08:32:37
97
原创 7.24笔记标记
iframe标记src属性:可以包含其他页面,可以是本地页面也可以是外部页面。width:宽度height:高度其他标记:vido audio header footer nav符号实体:使用符号来代替某些特殊符号的写法,  空格&lg 大于< 小于" 引号...
2020-08-18 08:25:53
101
原创 7.23笔记
7.23笔记一、表格元素:1.块级标记2.th有居中、加粗的效果3.border width align cellspacing cellpadding4.bgcolor,td的优先级大于tr大于table5.tr中有align,水平方向对齐,td也有,优先级高于tr6.tr有height属性。td有height和width属性7.行合并列合并,colspan行合并,rowspan列合并,注意事项只有临近的单元格才能合并。二、form表单:表单是块级元素,表单元素是内联级的表单元
2020-07-23 20:45:45
123
原创 7.22笔记
7.22笔记水平标记线单标记单标记和双标记:单标记:无需内容就可以表达特定的含义。双标记:开始结束标记之间需要有内容标记可以有的属性:不同标记会有不同的属性,也可能有相同的属性(通用属性)属性的语法:key="value"键值对,需要用引号引起来属性名是关键字,属性值不是关键字多个属性之间使用空格分隔hr水平线属性:align 属性:水平对齐方式。 值:left | center | right 分别代表居左居中和居右width属性:代表宽度,可以是固定像素值,也可以是百分比(占据
2020-07-22 21:03:14
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人