自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 浅入了解js数据类型

<script> // 1.引号里面的内容一律为【字符串】,字符串是一个非常基础的数据类型 // 2.页面中所见的所有内容,都是【字符串】除非数字,数字可能是number类型 // 图片 视频 音频 文字 都是字符串 资源地址是字符串 var str = "dsdfsfsd"; console.log(str) // 数值...

2019-11-30 13:58:02 160

原创 js变量赋值与换值技巧

1.变量赋值// 变量名:一经声明不可改变,值可以改变 var student = 'sasuke'; // 给student 重新赋值,以最后一次赋值为主student = ‘itachi’;// 变量的作用:存储数据// 变量的使用:读数据 console.log(student) //使用变量(就近原则) console.log('sasuke') // 直接使用【...

2019-11-30 11:52:12 1352

原创 js变量声明方式

**// var 关键字 作用:声明变量// student是变量名(自定义的,起名规范)// = 运算符号// ‘rhj’ 数据————>数据代表页面中所有的信息// 变量的作用:存储数据// 变量可以存储js的任意数据类型// 变量数据可以改变,名字不可变// 一个var声明一个变量,几个var几个变量var student = 'rhj'`;// 创建变量时,可以省...

2019-11-30 11:28:59 168

原创 js书写规则及变量命名规则

1.变量命名规则 1.禁止出现关键字 if else break for return function等 2.禁止使用中文 3.禁止在变量名中出现空格 4.可以使用数字字母,下划线 5.建议采用驼峰式命名 useName 6.数字不能单独命名 7.起名要符合场景2.书写规则// 单行注释/**多行注释1.js语言写在sc...

2019-11-30 09:39:54 434

原创 js求1-100的质数及其个数

var a=0;for (var i = 2; i <= 100; i++) {//4 var flag = true; for (var j = 2; j < i; j++) { if (i % j == 0) { flag = false; } } if (flag == true)...

2019-11-23 16:36:51 1785

原创 css resize属性的作用

<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="utf-8" /> <title>resize_</title> <style> .test{ overflow:auto;...

2019-11-21 23:31:53 265

原创 媒体查询小范例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-11-20 23:05:43 443

原创 鼠标移入效果大全

<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="utf-8" /> <title>cursor_CSS参考手</title> <style> .test{width:400px;border-co...

2019-11-20 23:00:48 274

原创 伪类和选择符大全

代码在浏览器打开<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择符列表</title> <base href="//www.w3.org/TR/selectors/"> <sty...

2019-11-20 22:53:27 577

原创 纯css画圆

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-11-20 22:43:03 135

原创 伪对象选择符的效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /*伪对象选择符*/ .link2 a { font-weight:...

2019-11-20 22:38:02 168

原创 锚点的一些理解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-11-20 22:31:30 416

原创 渐变色原理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-11-20 22:22:30 7278

原创 html结构搭建思维

结构 ———> html 组件1:组件: 经过编译后的htm2:开发的开端结构搭建思维1: 一个页面的结构;实际上是 一层一层的关系。也就是 盒子套盒子 注意问题:1:小盒子在大盒子中占地面积 ----> 区分是什么类型盒子border-box 边框盒子 = width * heightcontent-box 内容盒子 = (padding + b...

2019-11-12 22:14:19 174

原创 HTML常见的几种元素隐藏方式

css隐藏方式 1.display: none;(彻底隐藏,所有的子元素也隐藏) 重新显示:display:block; 2.heght: 0px;(当前元素隐藏,子元素不隐藏)重新显示:height:100px;(高度不为0) 3.visibility:hidden(样式隐藏位置还依然占据) 4.删除dom元素:显示时候在进行添加dom元素(难懂)<!D...

2019-11-11 20:24:27 1028

原创 css盒子布局

盒子布局:1.主要利用margin2.margin为负值,元素会移动位置;3.默认下面的元素这招在上面元素;4.可以通过给元素加position:relative 实现改变层级关系z-index5:理解即可盒子的底层是margin,一个盒子浏览器中占据的位置:是margin所以margin为负值;就会给其他元素【让出位置】注意:1.千万不要使用margin拉开两个【间距大】的元素...

2019-11-11 20:18:11 254

原创 css实现立方体

```**3d旋转:元素绕轴旋转后;x y z轴也旋转注意:无论元素怎么转动y轴始终在高度方向x轴始终在宽度方向 z轴始终与xy平面垂直**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...

2019-11-11 20:08:49 138

原创 看似方实是圆

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-11-11 20:02:34 193

原创 css动画

Document /* 定义动画 @keyframes 动画名字{ 动画过程 } 动画可以定义多个: 初始化:一开始,初始化只会执行一次定义思路:1:找到初始化的样式;————>form2:确定变化后的样式;————>to3:确定如何变化的,变化的过程;————>form…to…改为0%…100%*...

2019-10-25 10:02:02 133

原创 HTML破坏流式布局position

Document

2019-10-23 18:18:50 161

原创 HTML行内块转换及转义字符

1、HTML行标签:img、span、strong 、i 、b、a这类元素会占据尽可能少的空间,并且一个紧贴一个从左到右,从上往下排列、他们不受width、height样式影响、在窗口变化时,他们大小不变,但会自动行块标签:div、p 、section 、h1 、header 、footer这些元素会独占一行,它们受width和height的控制、在窗口变化时,他们跟着变宽或边窄、除非设置...

2019-10-23 18:16:46 953

原创 HTML常用标签(元素)

根元素分类:id属性:以id形式选取元素class属性:以class形式选取元素title属性: 鼠标悬停的时候显示的描述文字style属性:行内样式contentedtable属性:可编辑的内容区域,一般用来制作文本编辑器data-*:临时在标签元素上存储数据hidden:使标签元素隐藏,占据空间文本类的标签:<b></b> 文字 加粗显示<e...

2019-10-23 18:07:27 158

原创 HTML弹性布局思路及使用方式

弹性布局使用方式兼容性:适合使用手机端;pc 直接放弃(原因,项目需要兼容所有浏览器 ie10 以上考虑)粥店:微信,微信小程序,各个小程序,优先弹性布局使用规则:1:找到父容器,给父容器display:flex2:一旦容器变成flex布局,主轴 与 交叉轴 就会存在 (你用或者不用它都在那里)3:确定主轴方向:flex-direction 默认水平方向 从左往右—>决定 子元素...

2019-10-23 17:39:23 697

原创 css书写规范及优化方案

css 书写规范 性能优化方案1:禁止class 与 id 重名2:书写顺序:布局定位属性—>自身属性—>文本属性—>其他属性.box{ /* 布局定位类 */ float:left; /* 自身属性 */ width:100px; height:100px; /* 文本类 */ text-align:left;...

2019-10-23 17:34:02 128

原创 CSS命名规范大全

CSS 命名规范页面结构容器:container/wrap 整体宽度:wrapper页头:header内容:content侧栏:sidebar栏目:column中间内容:center导航导航:nav主导航:mainNar/gloaNav main_nav/gloab_nav main-nav/gloab-nav子导航:subNav sub_nav sub-nav...

2019-10-23 17:30:35 340

原创 HTML文件命名规范大全

项目中文件名字1:符合应用场景2:一律使用小写英文字母,统一要求,英文,禁止中文拼音。3:命名规则:是团队成员可以看懂自己的代码,自己也方便查找并修改xxx.hml文件的命名1:主页面: index.html2: 子页面,首页: home.html 我的: mine.html关于我们: abutus.html 信息反馈 feedback产品:product 购物: s...

2019-10-23 17:27:22 19727 2

原创 typora常用快捷键

typora 常用快捷键欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设...

2019-10-09 10:02:40 101

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除