2023年1月12日
JS语句
摘要： 什么是语句 ECMA-262 规定了一组流程控制语句。语句定义了 ECMAScript 中的主要语法,语句通常由一个或者多个关键字来完成给定的任务。诸如:判断、循环、退出等。 语句主要分为：声明、分支控制、循环控制、流程控制、异常处理等。 声明语句 声明语句包含三种：声明变量、声明函数和声明标签 / 阅读全文
posted @ 2023-01-12 21:28 z_bky 阅读(46) 评论(0) 推荐(0)
JS运算符
摘要： 运算符是根据特定的规则对操作数执行运算 JS共定义了47个运算符。 逗号操作符 逗号运算符是二元运算符,它能够先执行运算符左侧的操作数,然后再执行右侧的操作数,最后返回右侧操作数的值。 //逗号操作符执行计算总会返回最后一项 var num4 = (4,5,6,7,8); console.log(n 阅读全文
posted @ 2023-01-12 21:27 z_bky 阅读(77) 评论(0) 推荐(0)
JS数据类型
摘要： 数据类型－声明变量练习 // 声明一个变量a，值为：3 // 声明一个变量b，值为：null // 声明一个变量c，值为："Hello!" // 声明一个变量d，值为：true // 声明一个变量e，不赋值 // 声明一个变量f，值为"" var a = 3; var b = null; var c 阅读全文
posted @ 2023-01-12 21:27 z_bky 阅读(46) 评论(0) 推荐(0)
JS初步使用
摘要： JS的引入 <script>标签 向 HTML 页面中插入 JavaScript 的主要方法,就是使用*<script>*元素 按照传统的做法,所有<script>元素都应该放在页面的<head>元素中 但是现在脚本一般都写在 body 元素紧接着关标签之上 浏览器解析HTML文档的时候，将根据文档 阅读全文
posted @ 2023-01-12 21:26 z_bky 阅读(52) 评论(0) 推荐(0)
JS简介
摘要： JS历史 JavaScript 诞生于 1995 年。NetSpace发布Netspace Navigator2浏览器，提供了免费开发工具LiveScript，设计的主要目的是处理以前由服务器端语言负责的一些输入验证操作。在人们普遍使用电话拔号上网的年代,能够在客户端完成一些基本的验证任务绝对很不容 阅读全文
posted @ 2023-01-12 21:18 z_bky 阅读(122) 评论(0) 推荐(0)
2023年1月10日
响应式布局
摘要： 前言 早在2010年，设计人员和开发人员就开始实践“响应网页设计”(RWD): 随着网络设备尺寸千变万化，为了达到相同的体验，通常的做法是剪切不相关的设计。实际上，我们可以让我们的设计更好的适应渲染屏幕。 一、 什么是响应式 响应式网页设计就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版 阅读全文
posted @ 2023-01-10 22:41 z_bky 阅读(28) 评论(0) 推荐(0)
弹性盒子布局
摘要： 伸缩盒子模型 伸缩盒子模型控制的是父子关系 父元素：伸缩容器 子元素：伸缩项目 主轴：start-end 交叉轴（侧轴） Flex容器 display:flex display:-webkit-box(旧版本) 主轴布局方向 flex容器flex-direction： row row-reverse 阅读全文
posted @ 2023-01-10 22:41 z_bky 阅读(38) 评论(0) 推荐(0)
CSS动画
摘要： 过渡动画 允许 CSS 的属性值在一定时间区间内平滑的过渡，在鼠标点击，鼠标滑过或对元素任何改变中触发，并圆滑地以动画改变css的属性值 CSS3 过渡语法： transition：[ transition-property ] || [ transition-duration ] || [ tra 阅读全文
posted @ 2023-01-10 22:40 z_bky 阅读(38) 评论(0) 推荐(0)
CSS3 背景设置
摘要： 背景图原点 background-origin ：padding-box; (默认) border-box | padding-box | content-box background-origin是用来决定图片的原始起始位置。 它有三个可选值content-box,padding- box,bor 阅读全文
posted @ 2023-01-10 22:40 z_bky 阅读(55) 评论(0) 推荐(0)
CSS3其他
摘要： 圆角边框 CSS3 圆角边框（IE9.0以前版本不支持）： border-radius：[ length | % ]{1,4} / [ length | % ]{1,4} border-top-left-radius:5px ; border-top-right-radius:15px; borde 阅读全文
posted @ 2023-01-10 22:39 z_bky 阅读(20) 评论(0) 推荐(0)