- 博客(19)
- 收藏
- 关注
原创 利用伪类创建图片相册
使用隐藏的radioboxes中的:checked伪类来构建一个只有在鼠标单击“预览”时,图片才会以全尺寸展示的图片相册<div id="gallery-container"> <div class="gallery-item"> <label for="gallery-item1" class="gallery-label"><img src="images/1s.jpg" class="gallery-preview" /></label&g
2020-08-29 19:02:32
207
原创 小清新版js扫雷
界面考虑到简单,一般,困难三个扫雷区域的格子数都不同,所以界面上的扫雷区域是用js动态生成。先搭好整体html框架: <div class="container"> <div class="level"> <button class="select">简单</button> <button>一般</button> <button>困难</button> <button>
2020-08-28 14:14:18
150
原创 ES6-变量的解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。本质上,这种写法属于模式匹配,只要等号两边的模式相同,左边的变量就会被赋予对应的值。如果解构不成功,变量的值就等于undefined。let [foo] = [];//foo等于undefinedlet [bar, foo] = [1];//foo等于undefined另一种情况
2020-08-24 18:07:14
122
原创 ES6-let&const
letES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1for循环的计数器,就很合适使用let命令。for (let i = 0; i < 10; i++) { // ...}console.log(i);// ReferenceError: i is not de
2020-08-24 17:10:19
105
原创 浏览器:发生了什么?
DNS解析输入url后,首先需要找到这个url域名的服务器ip,为了寻找这个ip,浏览器首先会寻找缓存,查看缓存中是否有记录,缓存的查找记录为:浏览器缓存 --> 系统缓存 --> 路由器缓存,缓存中没有则查找系统的hosts文件中是否有记录,如果没有则查询DNS服务器。发送HTTP请求,服务器处理请求并返回HTTP报文得到服务器的ip地址后,浏览器根据这个ip以及相应的端口号,构造一个http请求,这个请求报文会包括这次请求的信息,主要是请求方法,请求说明和请求附带的数据,并将这个htt
2020-08-24 16:08:26
100
原创 无缝轮播图?
index.js:var config = { imgWidth:380,//图片尺寸 dotWidth:8,//小圆点尺寸 doms:{ divImgs:document.querySelector('.imgs'), divDots:document.querySelector('.circle'), divDirection:document.querySelector('.direction'), divContainer:document.querySelector('..
2020-08-24 16:05:23
91
原创 无重复的最长子串(JavaScript)
题目:给定一个字符串,请你找出其中不含有重复字符的最长子串的长度。示例1:输入: “abcabcdc”输出: 4示例2:输入: “aabbcd”输出: 3示例3:输入: “aaaa”输出: 1思路遍历字符串,当遍历到的项与前面出现的项重复时,记录此时的字符串长度并删除与该项重复的前面的项,继续遍历。最后判断最长子串。以示例1为例:不含有重复字符的 最长子串 的长度为len(n-1)即长度为4。解答:var lengthOfLongestSubstring = function
2020-08-24 16:00:19
244
原创 json : javascript对象表示法
JSON (javascript object notation)json 是存储和交换文本信息的语法,类似XML。它采用键值对(key => value)形式来组织,易于阅读和编写。**json 是一种传输数据的格式。**以对象为模板,其本质就是对象,但用途有区别,对象是作用于本地,而json 是用来传输的。json 是独立于语言的,也就是不管什么语言都能解析json,只需按照json 规则来就行。json 语法规则:书写规则: “键” : “值”;// ( “key” : “value”
2020-08-24 15:57:51
164
原创 Ajax:告诉你不用再等了
Ajax (Asynchronus Javascript and XML)即异步的JavaScript和XMLAjax不是某种编程语言,而是一种在无需重新加载整个页面的情况下能够重新更新部分网页的技术。XMLHttpRequest 对象Ajax技术的核心就是XMLHttpRequest对象。ie7+、firefox、opera、chrome、safari都支持原生的XMLHttpRequest对象,在这些浏览器中创建XMLHttpRequest对象:var xmlhttp = new XMLHt
2020-08-24 15:55:51
107
原创 登录认证
本项目是在node环境下用vue-cli3搭建根目录下创建server文件夹,用来创建后台api接口连接数据库:server / db.jsmodule.exports = { mysql: { host: 'localhost', user: 'root', password: '1234', database: 'mydb', port: '3306', multipleStatements: true //允许执行多条语句 }}var sql = { u
2020-08-24 15:50:45
127
原创 css3实现3D正方体旋转
HTML代码 <div class="container"> <div class="back"></div> <div class="prev"></div> <div class="bg1"> <div class="item">bg1</div> </div> <div cla.
2020-08-14 20:06:30
214
原创 小清新版js打砖块游戏
打砖块小游戏A键发射小球开始游戏;使用左右方向键,进行移动;游戏结束时按A键重置游戏;S键暂停游戏;通关后按N键进入下一关游戏效果预览写个HTML页面通用CSS样式就不赘述了,主要是js边距及填充部分的css代码/*--------------------------- 边距 start ---------------------------*/.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}
2020-08-14 19:42:50
229
原创 Vue之猪猪电影
进行基本配置利用Git Bash管理代码1.新建仓库并推送本地master2.新建分支develop并推送3.新建createComponents分支开始写代码主要利用flex布局完成页面一级路由:电影、影院、我的二级路由:城市、正在热映、准备上映、搜索路由重定向...
2020-08-10 12:32:08
221
原创 非常有用的Git
1.安装Git客户端包括Git Bash/CMD/GUI2.VSCode下安装Git插件工作区=>暂存区cd 路径 进入当前目录(工作区)git config --global user.name "xxx"git config --global email "xxx"git init 进行初始化(建立暂存区)git add 文件名 提交指定文件(工作区=>暂存区)**git add *** 提交所有文件
2020-08-03 21:35:27
112
原创 require.js小实战
实现效果利用require.js完成简单的效果1.拖拽黄色区域实现红色区域的放大与缩小2.实现蓝色区域的拖拽代码如下console.log("加载成功");//管理模块require.config({ paths:{ "index":"index", "scale":"scale", "drag":"drag" }})//使用模块require(["index"],function(index){ index.i
2020-08-03 19:07:07
119
原创 快速排序算法JavaScript
首先,定义一个quickSort函数,它的参数是一个数组。var quickSort = function(arr) {};然后,检查数组的元素个数,如果小于等于1,就返回。var quickSort = function(arr) {if (arr.length <= 1) { return arr; }};接着,选择"基准"(pivot),并将其与原数组分离,再定义两个空数组,用来存放一左一右的两个子集。var quickSort = function(arr) {if (arr
2020-08-01 13:50:22
130
原创 Require.js
由于加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序,依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。所以采用reuire.js库实现js文件的异步加载,避免网页失去响应;管理模块之间的依赖性,便于代码的编写和维护。1.引入在代码底部<script src="js/require.js"></script>或<script src="js/require.js" defer
2020-08-01 13:45:16
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人