- 博客(27)
- 收藏
- 关注
RSS订阅原创 浅入了解js数据类型
<script> // 1.引号里面的内容一律为【字符串】，字符串是一个非常基础的数据类型 // 2.页面中所见的所有内容，都是【字符串】除非数字，数字可能是number类型 // 图片 视频 音频 文字 都是字符串 资源地址是字符串 var str = "dsdfsfsd"; console.log(str) // 数值...
2019-11-30 13:58:02
182
原创 js变量赋值与换值技巧
1.变量赋值// 变量名:一经声明不可改变，值可以改变 var student = 'sasuke'; // 给student 重新赋值，以最后一次赋值为主student = ‘itachi’;// 变量的作用：存储数据// 变量的使用：读数据 console.log(student) //使用变量(就近原则) console.log('sasuke') // 直接使用【...
2019-11-30 11:52:12
1451
原创 js变量声明方式
**// var 关键字 作用：声明变量// student是变量名(自定义的，起名规范)// = 运算符号// ‘rhj’ 数据————>数据代表页面中所有的信息// 变量的作用：存储数据// 变量可以存储js的任意数据类型// 变量数据可以改变，名字不可变// 一个var声明一个变量，几个var几个变量var student = 'rhj'`;// 创建变量时，可以省...
2019-11-30 11:28:59
195
原创 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
469
原创 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
1829
原创 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
296
原创 媒体查询小范例
<!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
468
原创 鼠标移入效果大全
<!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
304
原创 伪类和选择符大全
代码在浏览器打开<!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
611
原创 纯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
158
原创 伪对象选择符的效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /*伪对象选择符*/ .link2 a { font-weight:...
2019-11-20 22:38:02
187
原创 锚点的一些理解
<!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
444
原创 渐变色原理
<!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
7344
原创 html结构搭建思维
结构 ———> html 组件1：组件： 经过编译后的htm2：开发的开端结构搭建思维1： 一个页面的结构；实际上是 一层一层的关系。也就是 盒子套盒子 注意问题：1：小盒子在大盒子中占地面积 ----> 区分是什么类型盒子border-box 边框盒子 = width * heightcontent-box 内容盒子 = (padding + b...
2019-11-12 22:14:19
193
原创 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
1090
原创 css盒子布局
盒子布局：1.主要利用margin2.margin为负值，元素会移动位置；3.默认下面的元素这招在上面元素；4.可以通过给元素加position：relative 实现改变层级关系z-index5：理解即可盒子的底层是margin，一个盒子浏览器中占据的位置：是margin所以margin为负值；就会给其他元素【让出位置】注意：1.千万不要使用margin拉开两个【间距大】的元素...
2019-11-11 20:18:11
284
原创 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
159
原创 看似方实是圆
<!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
337
原创 css动画
Document /* 定义动画 @keyframes 动画名字{ 动画过程 } 动画可以定义多个： 初始化：一开始，初始化只会执行一次定义思路：1：找到初始化的样式；————>form2：确定变化后的样式；————>to3：确定如何变化的，变化的过程；————>form…to…改为0%…100%*...
2019-10-25 10:02:02
148
原创 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
1025
原创 HTML常用标签（元素）
根元素分类：id属性：以id形式选取元素class属性：以class形式选取元素title属性： 鼠标悬停的时候显示的描述文字style属性:行内样式contentedtable属性：可编辑的内容区域，一般用来制作文本编辑器data-*：临时在标签元素上存储数据hidden：使标签元素隐藏，占据空间文本类的标签：<b></b> 文字 加粗显示<e...
2019-10-23 18:07:27
179
原创 HTML弹性布局思路及使用方式
弹性布局使用方式兼容性：适合使用手机端；pc 直接放弃（原因，项目需要兼容所有浏览器 ie10 以上考虑）粥店：微信，微信小程序，各个小程序，优先弹性布局使用规则：1：找到父容器，给父容器display：flex2：一旦容器变成flex布局，主轴 与 交叉轴 就会存在 （你用或者不用它都在那里）3：确定主轴方向：flex-direction 默认水平方向 从左往右—>决定 子元素...
2019-10-23 17:39:23
730
原创 css书写规范及优化方案
css 书写规范 性能优化方案1：禁止class 与 id 重名2：书写顺序：布局定位属性—>自身属性—>文本属性—>其他属性.box{ /* 布局定位类 */ float:left; /* 自身属性 */ width:100px; height:100px; /* 文本类 */ text-align:left;...
2019-10-23 17:34:02
152
原创 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
351
原创 HTML文件命名规范大全
项目中文件名字1：符合应用场景2：一律使用小写英文字母，统一要求，英文，禁止中文拼音。3：命名规则：是团队成员可以看懂自己的代码，自己也方便查找并修改xxx.hml文件的命名1：主页面: index.html2: 子页面，首页: home.html 我的: mine.html关于我们: abutus.html 信息反馈 feedback产品：product 购物: s...
2019-10-23 17:27:22
20190
2
原创 typora常用快捷键
typora 常用快捷键欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设...
2019-10-09 10:02:40
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人