- 博客(31)
- 收藏
- 关注
RSS订阅原创 面试总结
localstorage;sessionstorage;cookie 三者的区别css的一些布局问题http协议BFC 清除浮动的方法js实现一些jq的选择器 比如 addclassvue的生命周期vue.js优缺点购物车逻辑为什么使用vuex弹性盒子布局( justify-content ,align-item:center 产生的效果)ES6如何处理多个ajax并发请求...
2019-10-21 16:40:44
185
1
原创 面向对象-轮播图
html<div id="view"> <ul class="container"> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd...
2019-10-21 09:06:46
145
原创 面向对象-简易选项卡（简易轮播图）
html代码<body> <div id="div1"> <input class="active" type="button" value="1" /> <input type="button" value="2" /> <input type="button" value="3" /> <div s...
2019-10-20 11:42:53
179
原创 php增删改查实训
**PHP：教师管理系统增删改查分页查询**列表页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../day02/jquery-3.4.1.min.js"></scri...
2019-10-18 10:16:02
422
转载 【转载】很全很全的前端本地存储讲解
三种本地存储方式cookie前言网络早期最大的问题之一是如何管理状态。简而言之，服务器无法知道两个请求是否来自同一个浏览器。当时最简单的方法是在请求时，在页面中插入一些参数，并在下一个请求中传回参数。这需要使用包含参数的隐藏的表单，或者作为URL参数的一部分传递。这两个解决方案都手动操作，容易出错。cookie出现来解决这个问题。作用cookie是纯文本，没有可执行代码。存储数据，当用...
2019-09-20 11:58:12
120
原创 web前端学习 app初接触（小BUG（解决））
今天写了一个app静态页面 写完后发现 右部有留白部分右侧多了部分留白，导致页面下部出现了滚动条 可拖拽；html部分也没发现端倪~从大到小审查后发现 是一个部分给了padding值，导致边框溢出了一段；之前一直以为box-sizing 对弹性盒 没有效果；所以就没加。然后自己又试了一下，发现自己之前的理解一直有错（我竟然理解错了几个月~）；box用display-flex分了两...
2019-09-07 21:31:06
155
原创 JS 无缝轮播（四张图片）
四张图片要实现无缝轮播，我的第一个想法就是立方体，然后每次去转动 然后就自己尝试了一下CSS部分：<style> *{ margin: 0; padding: 0; list-style: none; } #focus{ /*overf...
2019-08-21 18:25:43
1580
原创 JS 实现 左轮播
图片随便搜的（侵删）CSS<style> *{ margin: 0; padding: 0; list-style: none; } #focus{ overflow: hidden; position: relat...
2019-08-20 14:40:20
256
原创 JS 实现选项卡
CSS部分<style> *{ margin: 0; padding: 0; outline: transparent; } #box{ width: 600px; margin: 100px auto; ...
2019-08-20 14:37:33
190
原创 JS 简单分页样式
css部分 <style> ul{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } li{ ...
2019-08-20 14:35:07
552
原创 JS 选项卡（简单选项卡原理）
css部分<style> div{ width: 220px; height: 220px; border: 1px solid red; display: none; } .active{ display: bloc...
2019-08-17 10:59:42
939
原创 JS全选功能完善（全选/全不选/判断是否全选）
判断是否全选，用到计数器的方法。html部分<input type="checkbox" name="all">全选<br /><input type="checkbox" name="check"><span>10</span><br /><input type="checkbox" name="check...
2019-08-17 10:57:48
2834
原创 JS 点击按钮，随机变色
css部分body{ taxt-align:center; }#box{margin: 100px auto 0;}#btn{width: 100px;height: 50px;}html部分<div id="box"></div> <button id="btn">变色</button>JS 部分 <s...
2019-08-16 20:22:27
2125
1
原创 JS 实现 “文字搬运工”
CSS部分<style> *{ margin: 0; padding: 0; } body{ background-color: #C0C0C0; } #box{ overflow: hidden; ...
2019-08-16 20:13:23
192
原创 JS实现随机生成四位验证码（数字+大小写字母+随机颜色）
html 部分 <div id="box"> <span></span> <span></span> <span></span> <span></span> </div> <button i...
2019-08-16 20:10:01
4771
原创 简单闭包的理解
function fn1() { var a = 1; function fn2() { alert(a++); // alert(a); a=a+1; //alert(++a) // a=a+1; alert(a); } return fn2; //返回出去的是一个引用类型的值 ...
2019-08-14 07:59:41
225
原创 Web前端学习 13 (JS数组+函数)
一，for…in forEach1.用于遍历数组和对象2.关联数组，及关联数组和索引数组之间的区别区别：关联数组没有顺序，键值对形式存在，键是唯一的索引数组按索引排序，访问和赋值都是通过索引for…in:用于遍历数组（索引数组和关联数组）和对象forEach:用于遍历索引数组数组.forEach(function(item,index){ console.log(item)...
2019-08-13 14:45:51
152
原创 Web前端学习 12
一.循环结构1-100作用：解决重复操作,减少代码编写量，使代码结构清晰,增强代码的可读性分类：for,for…in,while,do…while,forEachfor,whilefor:for (1初始部分; 2循环条件; 3条件迭代) { //4循环执行的语句}1243 243 243 243...i=0,i<=100,console.log(i),i++...
2019-08-11 17:41:33
180
原创 Web前端学习 11
目前学到了 javascript 阶段了；我现在看的是 javascript 的基础部分…javascript 的作用:1，表单验证；2，特效:轮播图←（我之前学了CSS3的动画的时候，用动画实现出来了轮播的效果），选项卡之类的…3，动态改变网页内容定义：javascript 是一种基于对象和事件驱动的，并且具有安全性能的脚本语言。特点：交互脚本语言解释性语言 边解释边执行...
2019-08-06 19:58:42
92
原创 Web前端学习 10
1.字体图标第一步：登录，图标官方图标库，选择自己需要的图标加入购物车第二步：购物车，把购物车的图标加入项目（如果项目不存在就新建项目）可以从导航上图标管理==》我的项目中找到第三步：在我的项目页面选中font class ,点击下载进本地2.2d移动：translate(x,y)或 translateX() translateY()旋转：rotate() 正或负缩放：scale(...
2019-08-01 15:58:45
125
原创 Web前端学习 09 css3实现太极图
昨天学习了CSS3基础的部分知识，并用所学的内容做出了一个旋转的太极图。先总结所学的内容吧！css3基础1.边框border-radius：用于创建圆角border-image：使用图片创建边框box-shadow：用来添加阴影2.背景background-size: 300px 300px;background-size: 50% 100%;background-size: ...
2019-07-30 13:44:25
824
原创 Web前端学习 08
1.了解html52.新增的标签3.css3新增的选择器4.新增的input一.新增的结构标签header 页面或页面中某一个区块的页眉，通常是一些引导和导航信息nav 可以作为页面导航的链接组article 页面中的一个内容区块，通常由内容及其标题组成section 代表一个独立的、完整的相关内容块，可独立于页面其它内容使用aside 非正文的内容，与页面的主要内容是分开的，...
2019-07-29 08:15:46
95
原创 Web前端学习 07
前两天除了继续练习写静态页面，还继续学习了 CSS弹性盒模型目前只学习了部分内容flex-direction:指定弹性子元素在父容器中的位置。语法： flex-direction: row | row-reverse | column | column-reverseflex-direction的值有:row：横向从左到右排列（左对齐），默认的排列方式row-reverse：反...
2019-07-28 11:48:47
125
原创 Web前端学习 06
昨天定位也看完了；一直到现在都在尝试着写一些静态页面，没有继续记录自己的学习笔记…目前用 html+css 所学到的一些东西 去尝试写了京东的部分页面。也写出来了二级菜单，很开心！今天写页面的时候，在定位侧面的固定栏的时候遇到了一些小问题我给它加了fixed定位 然后测试的时候发现当我缩放浏览器时这个div会往右上偏移（因为我只是单纯的用了top:xx px;right:xx px）...
2019-07-24 19:34:31
99
原创 Web前端学习 05
复习：1.盒子模型2.content-box,border-boxwidth:100px height:100px; padding:10px;border-width:10px3.如果box-sizing为content-box时，元素的width,height不包含内边距和边框如果box-sizing为box-box时，元素的width,height包含内边距和边框浮动和定位1....
2019-07-24 19:16:57
73
原创 Web前端学习 04
目标1.表单语义化（熟悉）2.盒子模型的使用3.盒子坍塌和合并4.box-sizing的使用5.案例1.form>input,select,textareaform:method,action，onsubmittype:submit 触发2.type=text,password,hidden,checkbox,radio,submit,reset,button,file,i...
2019-07-21 21:55:57
215
1
原创 Web前端学习 03
1.列表及vertical-align的使用2.表单一.列表定义：一系列相关数据的展示形式分类：有序列表 <ol> <li>桔子</li> <li>香蕉</li> <li>苹果</li> </ol>无序列表 <ul> <li>...
2019-07-19 21:22:42
138
原创 Web前端学习 02
复习：标签，css样式1.结构标签：body,html,head,title,style内容标签：h1-h6，p，div,a,span,em,strong,i行内元素，块级元素2.css选择器：id>class>tag通配符：*后代 div span a子选择器 div>span>a交集: div.box并集：div,span,a内部，外部，行内字体...
2019-07-18 16:43:35
88
原创 Web前端学习 01
回顾：html的结构标签-重点- head,html,body,titlehtml的内容标签-重点- i,p,b,hr,br,div,em,strong,span,img,a行内标签和块级标签- 行内不会独占一行，无法设置宽高，块级标签独占一行，可以设置宽高特殊符号-今天：1.为什么学习css?作用？定义？（熟悉）2.选择器(三种)-重点3.css在网页中的引入方式（三种）-重点...
2019-07-16 13:42:24
90
原创 Web前端学习 00
html前端三大结构 结构层掌握：结构标签，基础标签（重要）1.html定义：HTML：超文本标记语言（Hyper Text Markup Language）HTML不是一种编程语言，而是一种标记语言，描述网页的语言HTML使用标签描述网页中图片、文本、音乐、视频、超链接等html4+css22.结构标签：html,head,title,body，meta内容标签：h1-h6...
2019-07-16 13:38:57
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人