- 博客(25)
- 收藏
- 关注
RSS订阅原创 Cookie&Ajax&Json
Cookie概念:用于存储页面的用户信息,常用于自动登录、记住用户名或密码Cookie优点：1.通过良好的编程，控制保存在cookie中的session对象的大小。 2.通过加密和安全传输技术（ssl），减少cookie被破解的可能性 3.只有cookie中存放不敏感数据，即使被盗了也不会有多大的损失 4.控制cookie的生命期，使之不会永远有效。Cookie缺点：1."cookie" 数量和长度的限制，每个domain 最多只能有20条cookie，每个cookie
2020-10-26 11:34:09
183
原创 js学习（正则表达式实例及常用验证方法）
search()方法var str="hello kgc"; console.log(str.search(/kgc/)); console.log(str.search(/KGC/)); console.log(str.search(/KGC/i)); match()方法var str="1 and 2 and 3"; console.log(str.match(/\d/)); console.log(str.match(/kgc/)); console.log(str...
2020-10-26 09:11:46
208
原创 每天一个小知识：HTML(块元素、行内元素、行内块元素和空元素)、null和undefined区别、css盒子模型详解
HTML(块元素、行内元素、行内块元素和空元素)HTML可以将元素分类方式分为块元素、行内元素、行内块元素和空元素。其中块元素、行内元素和行内块元素这三者是可以互相转换的，使用display属性能够将三者任意转换：display:inline;转换为行内元素 display:block;转换为块状元素 display:inline-block;转换为行内块状元素块元素块状元素最具代表性的就是div标签，大部分块元素标签可以用div来实现。为了可以方便程序员解读代码，一般都会使用特定
2020-10-26 09:10:46
663
原创 js学习（正则表达式&表单验证）
一、首先了解传统的验证方式1、非空验证if(emall==""){ alert("Emall 不能为空") return false}2、查找字符串首次出现的位置var str = "this is JavaScript"var selectFirst = str.indexOf("Java");console.log(selectFirst);返回值为 83、根据字符串的特殊符号来查找form.onsubmit=function(){ va
2020-10-17 16:30:16
676
2
原创 js事件（一）
绑定事件方法var btn=document.getElementById("btn");(1)btn.onclick=function(){ alert("我是第一种绑定事件的方法");}(2)btn.addEventListener("click",function(){ alert("我是第二种绑定事件的方法");},false)(3)function clickFn(){ alert("我是第三种绑定事件的方法");}鼠标事件事件名 描述 ...
2020-10-16 08:26:21
92
原创 js学习（DOM-节点操作）
操作DOM（Documeent Object Model 文档对象模型）节点属性属性名称 描述 parentNode 返回节点的父节点 childNodes 返回子节点集合，childNodes[i] firstchild 返回节点的第一个子节点 lastChild 返回节点的最后一个子节点 nextSibling 下一个节点 previousSibling 上一
2020-10-14 09:04:02
447
3
原创 js学习（计时事件）
计时事件语法 说明 setInterval() 间隔指定的毫秒数不停地执行指定的代码 clearInterval() 用于停止 setInterval() 方法执行的函数代码 setTimeout() 暂停指定的毫秒数后执行指定的代码 clearTimeout() 用于停止执行setTimeout()方法的函数代码 setI
2020-10-13 11:35:20
137
原创 js练习（函数）
1.增加学员和显示学员信息 <button onclick="add ()">新增学员</button> <button onclick="show ()">显示学员信息</button> var arr = []; function add (){ var input = prompt("请输入新增学员姓名："); arr.push(input)
2020-09-25 20:57:49
1787
原创 js（操作BOM&DOM）
什么是BOM：Browser Object Model（浏览器对象模型），提供了独立于内容与浏览器窗口进行交互的对象window对象:弹窗 语法 说明 警告框 window.alert() 用于确保用户可以得到某些信息 确认框 window.confirm() 用于验证是否接受用户操作 提示框 window.prompt() 用于提示用户在进入页面前
2020-09-25 19:25:08
112
原创 js学习（内置对象，函数）
函数函数的含义：函数的基本单元，是完成特定任务的代码语句块函数分类：系统函数、自定义函数常用系统函数：parseInt ("字符串")：将字符串转换为整型数字 ，如: parseInt ("86")将字符串“86“转换为整型值86parseFloat("字符串")：将字符串转换为浮点型数字，如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45isNaN()：用于检查其参数是否是非数字 var num = "512";
2020-09-24 14:55:46
94
原创 js学习（内置对象，字符串）
String对象String 对象用于处理文本（字符串）语法：var 字符串对象=new String(参数)参数 是要存储在 String 对象中或转换成原始字符串的值属性lenghth:字符串的长度方法 length 长度属性 charAt() 使用下标查找元素 concat() 连接字符串 replace() 替换字符串 indexOf() 通数组 根据参数来找下标 能找到 返回下标 找不到 返回-1 从左到右 只找第一个
2020-09-23 18:16:00
83
原创 js学习（内置对象，数组，日期）
JavaScript内置对象js中的所有事务都是对象，分为：内置对象、自定义对象对象是带有属性和方法的特殊数据类型：对象名.属性名称、对象名.方法名称JavaScript常用内置对象Array：用于在单独的变量名中存储一系列的值Date：用于操作日期和时间String：用于支持对字符串的处理Math：用于执行常用的数学任务，它包含了若干个数字常量和函数Array（数组）对象数组：具有相同数据类型的一个或多个值的集合创建数组：方法一： var arr =
2020-09-22 20:12:16
93
原创 js学习（双重循环内及跳转）
↵什么是双重循环：一个循环体内又包含另一个完整的循环结构，比如for(循环条件1){ //循环操作1 for(循环条件2){ //循环操作2}注意：各循环可互相嵌套；一般不超过三层；外层循环变量变化一次，内层循环变量要变化一遍break语句break语句用于终止某个循环，使程序跳到循环块外的下一条语句；在循环中位于break后的语句将不再执行；break 语句不仅可以用在for循环中，也可以用在其他循环中。c...
2020-09-22 19:03:35
737
原创 js学习（循环结构）
循环循环就是在满足条件的情况下，去不断重复的执行某一个操作常用循环：for、for-in循环结构for循环for (初始部分; 循环条件; 条件迭代) { //循环执行的语句}for-in循环常用于对数组或对象的属性进行循环操作语法：for (变量 in 对象) { //循环执行的语句}补充：数组是具有相同数据类型的一个或多个值的集合eg：使用for计算100之内的偶数和<script type="text/jav...
2020-09-22 17:56:34
100
原创 js学习（运算符和选择结构）
运算符算数运算符： + - * / % ++ -- += -=赋值运算符： =比较运算符： > < >= <= == != ===逻辑运算符： && || !注意：i++ 先做别的事，再自己加1；++i先现在加1，再做别的事选择结构什么使程序结构：程序使一系列有序指令的集合分类：顺序结构、选择结构、循环结构选择结构：根据条件判断结果选择后续事宜基本if结构语法一：if(条件){ //JavaScript语句;..
2020-09-22 17:38:08
179
原创 JS学习（基础语法）
目的表单验证-减轻服务器压力；制作页面特效；动态改变页面内容。JavaScript是一种基于对象和事件驱动的脚本语言特点交互、脚本语言、解释性语言，边执行边解释组成ECMAScript：语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象BOM：Browser Object Model（浏览器对象模型），提供了独立于内容与浏览器窗口进行交互的对象DOM：Document Object Model（文档对象模型，是HTML文档对象模型（HTML DOM）定义的一
2020-09-22 09:28:49
116
原创 HTML学习日记（盒子模型）
↵盒子模型边框属性 说明 样式值 border-top-style 上边框样式 none：无边框 solid：实线边框 dashed：虚线边框 dotted：点状边框 double：双线边框 hidden：与none相同，应用于表解决边框冲突 border-right-style 右边框样式 border-botto..
2020-09-09 00:31:38
134
原创 HTML学习日志（高级选择器）
并集选择器：多个选择器通过逗号连接而成，同时声明多个风格相同样式CSS:ul,ol{ list-style: none;}交集选择器：由两个选择器连接构成，选中二者范围的交集，两个选择器之间不能有空格（第一个必须是标签选择器，第二个必须是类选择器或者ID选择器）HTML:<li class="item"><a href="" class="active">这是我的一个列表</a></li><li clas.
2020-09-07 20:48:18
129
原创 HTML学习日记（表单）
表单：注册、登录、个人信息记录...基本结构 <form method="post" action="result.html"> <p> 名字：<input name="name" type="text" > </p> <p> 密码：<input name="pass" type="password" > </
2020-09-07 17:50:14
176
原创 HTML学习日记（表格）
表格表格的基本结构：行；列；单元格表格的基本语法 <table> <thead> <th colspan="" rowspan="" headers="" scope="">标题</th> </thead> <tbody> <tr> <td>data</td&g
2020-09-03 16:56:58
234
原创 CSS学习日记（列表）
列表：一系列相关数据的展现形式分类：有序列表（ordered list）；无序列表(unorder list)；自定义列表无序列表<ul> <li>桔子</li> <li>香蕉</li> <li>苹果</li></ul>有序列表<ol> <li>桔子</li> <li>香蕉</li&...
2020-09-02 20:25:48
120
原创 CSS学习日记（伪标签、鼠标样式和div布局）
伪标签伪标签 含义 a:link 未单击访问时超链接样式 a:visited 单击访问后找链接样式 a:hover 鼠标悬浮其上的超链接样式 a:active 鼠标单击未释放的超链接样式 a:hover { color:#B46210; text-decoration:underline:}标签名：伪类名{声明;}代码如下：<!DOCTYPE html><html lang="en"><he..
2020-09-02 18:17:18
146
原创 CSS学习日记（文本和字体样式）
字体样式属性 含义 示例 font-faimly 设置字体类型 font-faimly:"l隶书"； font-size 设置字体大小 font-size：12px； font-style 设置字体风格 font-style：italic； font-weight 设置字体的粗细 font-weight：bold； <p>享受<span class=“show”>“自助式”</s
2020-09-01 18:28:09
142
原创 CSS学习日记（语法结构）
（承接上一篇）CSS:层叠样式表（Cascading Style Sheet）引用css的方法第一种：写在head标签中，写<style> </style>内联样式表（标签、类、id选择器）标签选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title>...
2020-09-01 17:10:45
123
原创 HTML学习日记（基本标签和超链接应用）
什么是HTMLa.HTML：超文本标记语言（Hyper Text Markup Language）b.HTML不是一种编程语言，而是一种标记语言，描述网页的语言c.HTML使用标签描述网页中图片、文本、音乐、视频、超链接等HTML基本标签标题类型 标题 段落和换行 水平线 斜体 字体加粗 标签 <h1>~<h6> <p>...</p>、<br/> <hr/>
2020-09-01 16:11:41
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人