- 博客(91)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue组件
注册局部组件，这个组件只能在这个实例中使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="vue.js"></script> <div id="app"> <name></name&g
2020-08-26 17:02:03
332
原创 Vue样式绑定（切换样式）
<head><meta charset="utf-8"><title></title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script><style>.active1 { width: 100px; height: 100px; background: green;}.active2 { width: 100px
2020-08-25 11:51:42
441
原创 Vue监听属性
在Vue.js中可以使用watch监听属性的变化<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="vue.js"></script> <div id="message"> <input type="te
2020-08-25 11:16:25
337
原创 Vue学习整理（入门）
引入Vue<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>（开发环境）<script src="https://cdn.jsdelivr.net/npm/vue"></script>（生产环境）▲声明式渲染<div id="test1"> {{ text }} //text的内容通过vue来设定</div><script>
2020-08-24 11:29:19
250
原创 cookie函数的封装
增加/修改cookie：function setCookie(name,value,iDay){ var newDate = new Date(); newDate.setDate(newDate.getDate()+iDay); document.cookie=name+"="+value+";expires="+newDate+";path=/";}获取cookie函数：function getCookie(name){ let cookie = do
2020-07-21 16:49:29
204
原创 调用百度搜索的接口实现简单的百度搜索
<form action="http://www.baidu.com.cn/s" method="get" > <input type="text" name="ss" placeholder="在这里输入文字..." /> <input type="submit" value="百度一下" /></form>可以正常跳转到百度搜索结果页...
2020-06-20 09:41:15
2216
原创 jquery之添加元素
append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容append()：<head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(d
2020-06-15 10:29:55
259
原创 jquery之设置内容和属性
text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值<head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){
2020-06-15 09:53:08
179
原创 jquery之获取内容和属性
jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值<head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.m
2020-06-12 19:44:50
143
原创 jquery效果之淡入淡出
fadeIn() 用于淡入已隐藏的元素，语法$(selector).fadeIn(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒可选的 callback 参数是 fading 完成后所执行的函数名称<head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
2020-06-12 19:15:40
218
原创 jquery效果之隐藏和显示
隐藏和显示需要用到hide() 和 show()<head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ $("#hide").click(function(){ $("p").hide();
2020-06-12 15:44:44
212
原创 jquery事件
页面对不同访问者的响应叫做事件，事件处理程序指的是当HTML中发生某些事件时所调用的方法实例：在元素上移动鼠标选取单选按钮点击元素常见DOM事件：▲click()，该方法是当按钮点击事件被触发时会调用一个函数，该函数在用户点击HTML元素时执行<head><meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10
2020-06-12 15:23:36
153
原创 jquery选择器
jQuery 选择器允许对HTML元素组或单个元素进行操作。jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"（或选择）HTML元素，所有选择器都以美元符号开头：$()▲元素选择器<head><meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></scrip
2020-06-12 14:42:15
152
原创 ES6继承的简单实例
class Father{ constructor(name,age){ this.name=name; this.age=age;} hello(){ console.log("我的名字是"+this.name); }}class Son extends Father{constructor(name,age,hobby){ //hobby是子类独有而父类没有的，也要记得写上 super(name,age); //调用super方法让子类获取this对象 this.hobby=h
2020-06-10 10:00:29
200
原创 闭包学习整理
什么是闭包概念：是js中函数的一种高级应用方式作用：调用函数中局部作用域变量，在函数之外可以直接使用。正常情况下只能使用return返回局部作用域变量的数值，要想调用使用int就必须要使用闭包。return只能返回一个数值，使用闭包的形式可以返回调用多个数值闭包的执行条件要使用执行闭包，必须要有3个条件，缺一不可①在函数A中直接返回一个函数B，函数A的返回值是另一个函数B②函数B中调用使用函数A中的局部作用域变量③函数A外部有一个变量存储接收函数B闭包的特点：优点同时也是缺点①函数执行空间
2020-06-08 15:32:32
174
转载 let，const，var的区别
let是ES6新规定的一种声明变量的方法，用来取代ES5中var命令，消除var声明变量的不合理，不严谨之处。const用来声明常量。let使用规则1.let声明的变量不存在变量提升的问题，必须遵循 "先声明，后使用"否则会报错。但用var声明不会出现报错。2.let声明的变量，存在块级作用域。let声明的变量只在所声明的代码块内有效，块级作用域{}，包括if和for3.let不允许在同一作用域内重复声明同一个变量，var在同一个作用域内声明同一个变量后面会覆盖前面的，但是let会报错。4.存在暂
2020-06-03 19:21:26
133
原创 ajax的封装与简单实例
封装的四个步骤：①创建ajax对象②配置定义请求信息内容③发送ajax请求④接收响应内容针对于get请求 function ajax(url, fnSuccess, fnError) { if (window.XMLHttpRequest) { //创建ajax实例化对象 var xhr = new XMLHttpRequest(); } else { var xhr = new ActiveXObject("Mi
2020-06-03 19:19:15
616
原创 cookie的增删改查
添加cookie，默认路径：在当前目录下 默认有效期：浏览器存续期间document.cookie = "username=abc";设置cookie的有效期和路径①expires设置有效期let oDate = new Date();//7天之后的日期oDate.setDate(oDate.getDate() + 7);document.cookie = "username=abc;expires=" + oDate;②路径设置let oDate = new Date();oDat
2020-06-02 20:30:33
279
原创 cookie学习整理
什么是cookie？cookie是浏览器的一个功能，是前端浏览器的一种存储机制。本质上是在浏览器内建立一个文档文件，来存储浏览器执行页面时产生的一些数据。这些数据是各个浏览器都要使用的公共数据，会存储在cookiecookie的时效cookie存储的数据不会一直存储在浏览器的文件中，容易被攻击造成数据泄露。为了确保数据的安全性，cookie存储的数据是有时效性的，也就是有存储时间。如果到达存储事件，浏览器会自动删除cookie中存储的数据cookie的时效性设定的是一个时间节点，超过这个时间节点的话
2020-06-02 19:30:50
318
原创 json字符串
json字符串是专门用于数据交互时使用的一种特殊的字符串不同计算语言，相同的数据类型，语法可能不同。需要将所有的计算机语言的数据内容转化为相同的格式，便于数据交互。计算机程序接收到json字符串之后，再转化为当前计算机语言可以支持的数据类型PHP中定义一个数组 $arr = ['name'=>'张三' , 'age'=>18];PHP中数组支持字符串作为索引键名JavaScript中数组只支持数值作为索引下标PHP中字符串数组就要转化为JavaScript中对象不同计算机语言,都有
2020-05-19 16:31:29
317
原创 使用php做出一个注册页面
总体过程和登录验证基本一致，参考https://blog.youkuaiyun.com/MixedSignals/article/details/106210400<form action="./02_reg.php" method="post">注册账号: <input type="text" name="regname" placeholder="请您输入注册账号"><br>注册密码: <input type="password" name="regpwd" plac
2020-05-19 16:12:46
842
3
原创 使用php做出一个登录验证页面
登录页面使用post方式传参，将账号密码两个input标签的数据传参给php文件 <form action="./02_login.php" method="post"> 账号: <input type="text" name="username" placeholder="请您输入账号"><br> 密码: <input type="password" name="userpwd" placeholder="请您输入密码">&...
2020-05-19 11:32:32
1201
原创 前后端交互之超链接
通过超链接跳转至php程序，并且给PHP程序传递参数。超链接要传参，必须严格按照语法规范执行①传参的参数必须写在超链接的href属性中，作为href属性值的一部分②具体的语法规范1、在原url地址之后来定义传参的数据，url地址与传参数据之间以 ? 作为间隔符号2、参数的形式必须是键值对的形式，即键名 = 数值，键名和数值都是自定义内容3、一次可以传递多个参数，多个参数之间，必须以一个&符号作为间隔4、?之后的传参内容不要随便添加空格5、键名一般是不会重复的，非要使用相同键名的话要给键
2020-05-19 10:25:30
948
原创 使用php进行前后端的数据交互
<form action="./02_demo.php" method="post" enctype="multipart/form-data">账号: <input type="text" value="jack" name="username" placeholder="请输入账号"><br> 密码: <input type="password" value="123456" name="userpwd" placeholder="请输入账号">&l
2020-05-18 18:57:14
1872
原创 php操作数据库
PHP的本质也是在PHP程序中通过运行SQL语句来操作数据库，PHP提供了专门的方法来对MySQL数据库进行操作，并且获取操作结果方法有3种方法①mysql函数库，弃用②mysqli函数库③PDO函数库，必须7.0以上版本才可以通过mysqli函数库方法来操作MySQL数据库有5个固定步骤 ①连接登录 $link = mysqli_connect(地址,账号,密码,库名,端口); ②定义要执行的SQL语句 $sql = "SQL语句
2020-05-18 16:36:09
338
原创 node.js中的第三方模块
内置模块：是node.js 给我们定义好的模块，直接require(‘模块名称’)自定义模块：是我们自己定义的模块，直接require(‘文件相对路径’)第三方模块：是其他程序员定义的模块，需要先下载再通过require()来导入node.js有一个 专门下载第三方模块的’商店’ — npm，npm是专门下载安装第三方模块的网站。node.js中npm默认在国外的网站来下载安装第三方模块，一般需要切换下载地址，切换成国内的下载地址，这样安装速度更快且不容易安装错误切换的方式有两种①通过nrm来切换
2020-05-14 22:41:30
382
原创 node.js的学习整理
中文网站 http://nodejs.cn/英文官网 https://nodejs.org/en/node.js是一个基于Chorme V8引擎运行环境的JavaScript程序，是谷歌浏览器中加载执行的浏览器引擎。 所谓的浏览器引擎是执行编译前端代码的计算机程序。比如汽车引擎的作用是汽油转换为动力，而浏览器引擎就是代码编译为 浏览器显示执行的效果node.js将浏览器中定义的引擎程序单独的剥离出来，形成一个独立的运行环境，让JavaScript代码不再依赖浏览器，而是可以脱离浏览器独立运行。no
2020-05-12 21:12:12
325
原创 用jQuery实现选项卡效果（tab切换）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-04-29 11:12:18
1712
原创 jQuery的简要介绍
①概念：jQuery是一个前端JavaScript的函数方法库，极大地简化了 JavaScript 编程，可以直接调用使用。本质上还是JavaScript，只是别人把功能和程序都设定好了②使用方法：加载外部jQuery文件，本质上实际是一个js文件，通过$或者jQuery来调用方法③优点：强大的选择器、链式编程、隐式迭代④选择器——都是伪数组基本选择器：$(’#id属性值’)$(’.c...
2020-04-28 16:08:08
138
原创 SQL查询实例
-- 查询表结构所有字段SELECT * FROM `student`;-- 查询表结构指定字段SELECT `id`,`username`,`userpwd`,`phone` FROM `student`;-- 查询表结构中,符合约束条件的字段-- WHERE对字段数据的约束-- 查询 id字段 数值是 100的数据SELECT * FROM `student` WHERE ...
2020-04-22 11:04:08
292
原创 SQL基本语句
创建库结构：CREATE DATABASE IF NOT EXISTS `库名`;CREATE DATABASE `库名` //简写如果创建的库名已经存在，不会创建新的库结构，并且不会报错。但是用简写的话就会报错查看库结构：查看所有的库结构：SHOW DATABASES;查看库结构的设置信息：SHOW CREATE DATABASE IF NOT EXISTS 库名;查看正在使用的...
2020-04-22 10:03:59
129
原创 php相关学习整理
在PHP文件中，PHP程序有基本的语法格式所有的PHP程序必须要写在 PHP起始和结束表示符之间PHP起始标识符 <?phpPHP结束表示符 ?>php程序会执行标识符之间的程序内容如果PHP程序结束之后没有其他程序内容，PHP的结束标识符必须省略如果有 ?>结束标签，多余的内容例如回车空格等也会作为内容出现在页面中，会对其他PHP程序有可能造成执行错误PHP程...
2020-04-16 21:15:40
149
原创 JS中自定义构造函数
创建对象的方法有两种： 字面量const obj = {}和构造函数const obj = new Object()这个构造函数就是JavaScript程序定义好的构造函数，直接使用就可以了。所谓的构造函数实际上也是一种函数构造函数专门用于生成，定义对象。通过构造函数生成的对象，称为实例化对象构造函数就是一种函数，是专门用于生成对象的函数。实例化对象就是通过构造函数生成的对象，称为实例化对象...
2020-04-13 11:04:55
749
原创 JS中的面向对象介绍
什么是面向对象？所谓的面向对象是一种编程思想，代码的书写格式之前为了简化代码，我们是将程序封装为函数的形式来调用函数会有一些小问题：函数内部定义的局部作用域变量，函数外部无法直接调用；函数调用使用时，会占用大量的系统内存，容易造成数据溢出数据泄露，容易被黑客攻击；函数一般只是封装一些模块化的功能复杂程序的封装会封装成其他形式，使用面向对象的方式来封装程序之前的编程方式称为面向过程的编程方式...
2020-04-13 10:32:38
212
原创 JS中展开运算符与合并运算符
展开运算符：…数组将数组中的数据展开来使用，在函数的实参中使用 // 有多个形参 function fun(num1,num2,num3,num4,num5){ console.log(num1,num2,num3,num4,num5) } // 执行时就要输入多个实参 fun(100,200...
2020-04-12 16:29:20
506
原创 JS中数组与对象的解构
数组的解构语法就是数组的另一种使用调用方法，可以不通过[]语法或者不通过索引下标来调用使用数组中的数据。用于将数组中的数据一一对应的赋值给变量 const arr = ['北京','上海','广州','重庆','天津']; // 之前使用数组的数据，必须要通过[]语法和索引下标 // let str1 = arr[0]; // let...
2020-04-12 16:18:38
871
原创 使用JS立即执行函数
立即执行函数：在定义函数的同时，立即执行这个函数语法:①(封装的函数)()②!封装的函数()③~封装的函数()这三种语法没有区别，爱用哪个用那个立即执行定义的函数，不是真正的在定义声明函数。立即执行之后，无法再次被正常的调用。具体使用方法要到闭包的时候使用 // 立即执行：在定义的同时立即执行函数 ( function fun1(){console.lo...
2020-04-12 15:15:25
134
原创 JavaScript中的箭头函数
所谓的箭头函数，是函数的另一种语法形式。将匿名函数的部分，从 function(){} 写成 ()=>{} 的形式const fun = function(){} 普通函数const fun = ()=>{} 箭头函数如果函数只有一个参数，可以不写()const fun = function(e){} 普通函数const fun = e =&...
2020-04-10 16:50:42
532
原创 JavaScript中事件的监听
事件的监听作用：如果是普通的事件绑定相同事件类型，只能绑定一个事件处理函数如果同一个类型绑定多个事件处理函数，后绑定的事件会覆盖之前绑定的事件语法:标签对象.addEventListener(事件类型 , 事件处理函数)第三个参数: true / false(默认值)事件的获取方式冒泡 : 从子级开始，向父级执行捕获 : 从父级开始，向子级执行浏览器默认都是冒泡的执行方式可以...
2020-04-10 16:00:08
203
原创 ES6语法之变量的定义（let和const）
ES6版本的JavaScript语法是一个非常重要的版本，对于JavaScript的功能上有一个极大的丰富，让JavaScript从弱类型语言提升到了半强类型语言ES6语法新增的变量的定义：let、const关键词定义变量let定义变量：let定义的变量不会进行预解析let定义的变量与 forEach() 中的变量类似，每次执行都会定义出一个新的，相互之间不影响的变量。尤其是在循环中，fo...
2020-04-10 11:32:07
612
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人