boboj1 - 个人主页动态

2021-10-08 14:42

已编辑

简介 网格布局可以将容器划分为各种网格，可以对这些网格进行任意的组合，组成网格分界线的有行网格线和列网格线，由两两相邻的行网格线和列网格线组成的单元格叫做网格单元格。 注意：划分的网格并不是div，div存在与划分的网格之中，具体看以下实例。  <div class="container"> <div class="d1">1</div> <div class="d2">2</div> <div class="d3">3</div>...

0 点赞评论收藏

2021-10-08 14:41

湖北第二师范学院 Web前端

Scss&Less初探，学会基本的使用方式

文章目录  简介 Less&Scss     注释 变量定义 插值 作用域 选择器嵌套、伪类嵌套、属性嵌套(Scss) 运算 函数 混入 命名空间 继承 合并 媒体查询 条件语句 循环语句 引入      简介 Scss和Less都属于CSS预处理器，CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为css增加了一些编程的特性，如：变量、语句、函数、继承等概念。将css作为目标生成文件，然后开发者就只要使用这种语言进行CSS编码工作。 Less&Scss 注释 两者注释都是单行注释编译后不显示，多行注释显示。 变量定义 less采用@ @number : ...

0 点赞评论收藏

2021-10-08 14:41

已编辑

湖北第二师范学院 Web前端

输入年月日，计算这一天是该年的第几天

var year = 2021, month = 5, date = 19, sum = 0; switch(month) {  case 12: sum += 31; case 11: sum += 30; case 10: sum += 31; case 9: sum += 30; case 8: sum += 31; case 7: sum += 30; case 6: sum += 31; case 5: sum += 30; case 4: sum += 31; case 3: sum += 28; if(year % 4 == 0 && year % 100 != ...

0 点赞评论收藏

2021-10-08 14:41

湖北第二师范学院 Web前端

js求斐波拉契数列的第n项以及前n项和

通过递归的方式来处理 递归的方法：  首先去找临界值，无需计算就能得到的值 找这一次和上一次的关系 假设当前函数已经可以使用，调用自身计算上一次   //零界值为第一项和第二项的值都为1 function Fibonacci(n) {  if(n == 1 || n == 2) {  return 1; }else{  return Fibonacci(n-1) + Fibonacci(n-2); } } alert(Fibonacci(3));//第3项的值 //零界值为前1项的和为1，前2项的和为2 //sumFibonacci(n) = sumFibonacci(n-1) + Fibon...

0 点赞评论收藏

2021-10-08 14:40

湖北第二师范学院 Web前端

js数组常用操作

数组 三种声明方式   var arr = new Array(10,20,true,"hello");   var arr = Array(10,20,true,"hello");   var arr = [10,20,true,"hello"];   常用方法   arr.pop() 取数组末尾的数，返回的是取的值  var arr = new Array(1,2,3,4); arr.pop();//4 console.log(arr);//[1,2,3]   arr.push() 在数组末尾添加  var arr = new A...

0 点赞评论收藏

2021-10-08 14:40

已编辑

湖北第二师范学院 Web前端

js实现冒泡排序和选择排序

冒泡排序 冒泡排序是在每一轮中，依次往后每相邻两个之间进行比较 每一轮比较都能够选择一个最大的数  var arr = [5, 4, 3, 2, 1]; for (var i = 0; i < arr.length - 1; i++) {  //总共要进行几轮 for (var j = 0; j < arr.length - (i + 1); j++) { //每轮的排序次数 if(arr[j] > arr[j + 1]) {  var temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } }  选择排序 选择排...

0 点赞评论收藏

2021-10-08 14:40

湖北第二师范学院 Web前端

php基础及连接数据库

基本语法 数据类型 String,Integer(整型),Float,Boolean,Array,Object,Null 开头 header('content-type:text/html;charset="utf-8"');  输出函数 echo echo "<h1>hello</h1>"  print print "false";  输出函数中有html代码会自动解析 定义变量 $username = "钢铁侠" $age = 10;  条件语句  $sum = 2; if($sum) ...

0 点赞评论收藏

2021-10-08 14:39

湖北第二师范学院 Web前端

简单容易的MySql基本操作

目录  初识MySql     连接数据库 创建数据库 创建表 添加主键约束 添加外键约束   数据库和表的基本操作     删除数据库中的表 查看数据库中的表 查看数据表基本结构 查看数据表详细结构 修改表名 修改字段名 修改字段数据类型 添加字段 删除字段 修改字段的排列位置 删除表的外键约束 插入数据 更新数据 删除数据     初识MySql 安装mysql 连接数据库 输入命令：mysql -u用户名 -p密码 创建数据库 create database 数据库名 创建表  CREATE TABLE 表名 ( 字段名,数据类型, 字段名,数据类型, ..... )  添加主键约束  ...

0 点赞评论收藏

2021-10-08 14:39

湖北第二师范学院 Web前端

认识ajax，学会ajax的创建

目录  ajax简介 ajax的特点 ajax的创建 try_throw_catch 请求状态监控 get和post请求   ajax简介 AJAX（ASynchronous JavaScript And XML） = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速***页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。 ajax的特点 异步请求 局部刷新 优点：  局部刷新页面，提高用户体验度 异步请求 减轻服务器的压力，只返回请求的内容 对于客户端节省宽带占用  ajax的创建  //1.创建ajax对象（老版本的IE浏览器不支持XMLH...

0 点赞评论收藏

2021-10-08 14:38

已编辑

湖北第二师范学院 Web前端

ajax的封装

function querystring(obj) {  var str = ""; for (var arr in obj) {  //对传递的参数进行字符串拼接 str += (arr + "=" + obj[arr] + "&"); } //最后一位不取 return str.substring(0, str.length - 1); } function $ajax({  method = "get", url, data, success, error, }) {  var xhr = null;...

0 点赞评论收藏

2021-10-08 14:38

已编辑

湖北第二师范学院 Web前端

ajax获取json数据示例

使用ajax请求数据时，可以先封装ajax function querystring(obj) {  var str = ""; for (var arr in obj) {  str += arr + "=" + obj[arr] + "&"; } return str.substring(0, str.length - 1); } function $ajax({  method = "get", url, data, success, error, }) {  var xhr = null; try ...

0 点赞评论收藏

2021-10-08 14:38

湖北第二师范学院 Web前端

MySql单表查询

基本查询语句 SELECT 基本语法规则为： SELECT 字段名 FROM 表名; 查询数据表中所有内容 select * from 表名; 带IN关键字的查询 语法规则为： SELECT 字段名 FROM 表名 WHERE 字段名 IN (n1,n2,n3,...); 带NOT IN关键字的查询 语法规则为： SELECT 字段名 FROM 表名 WHERE 字段名 NOT IN (n1,n2,n3,...); 示例 查询当Id不等于1时，字段Name和Salary的内容 SELECT Name,Salary FROM tb_emp WHERE Id not in (1); 带BETWEE...

0 点赞评论收藏

2021-10-08 14:37

湖北第二师范学院 Web前端

MySql连接查询

内连接查询  仅将两个表中满足连接条件的行组合起来作为结果集，称为内连接； 关键字：[inner] join ... on。  语法： 表1 [inner] join 表2 on 表1.字段=表2.字段  查询数据表中学生姓名以及对应的班级名称，将其对应的列名分别另命名为studentName和className。 tb_student表数据：    id name class_id     1 Emma 2   2 Mary 4   3 Allen (null)   4 Kevin 1   5 Rose 2   6 James 1    tb_class表数据：    id name    ...

0 点赞评论收藏

2021-10-08 14:37

已编辑

湖北第二师范学院 Web前端

jsonp跨域详解 + 天气查询案例，简单易懂

什么是跨域 ajax请求具有同源策略（1.同协议。2.同域名/同IP。3.同端口号）。其中三项任何一项不满足都会发生跨域问题 jsonp原理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content...

0 点赞评论收藏

2021-10-08 14:37

已编辑

湖北第二师范学院 Web前端

百度搜索框案例，jsonp实现搜索功能

想要实现该功能得先有一个接口–>百度搜索框数据接口  API地址后面进行拼接  wd=后面跟的就是要搜索的关键词，因此我们只需要将input框中的值传到wd=后面，然后通过jsonp跨域实现搜索功能 jsonp跨域详解 附上全部代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&quo...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：