07 2021 档案
摘要：今天做了一个手机端的网页，感觉在缩放窗口大小来控制内容的缩放上面还有点问题。 不够熟练，一直在练习PC端的，忽略了手机端。经过搜索问题来解决，还是完成了这个网页。 最近也是在看尚硅谷的JavaScript视频，了解到了对象，视频上讲解的比书本上的更容易懂一点。 对象（Object） 对象是JS中的引
阅读全文
摘要：来讲一下做网页的步骤，我们首先看见网页的效果图，可以把它分成一块块的来操作，从上至下来写。一块块中如果不熟悉，也可以分成小部分。比如状态栏可以分为左半边和右半边，这样会容易操作一点。简单的css样式动画，就是隐藏与显示，高度变化等等，主要是对样式的继承需要仔细了解一点，很容易样式不生效或者叠加了。
阅读全文
摘要：javascript语言基础 1.运算符 逻辑运算符 ! 非运算可以对一个布尔值进行取反，true变false false边true 当对非布尔值使用!时，会先将其转换为布尔值然后再取反 我们可以利用!来将其他的数据类型转换为布尔值 && &&可以对符号两侧的值进行与运算 只有两端的值都为true时
阅读全文
摘要：今天继续完成了小米商城的网页，经过了两天的练习，对网页的排版，有了更进一步的了解。 还有对元素的用法和意思也有了更进一步的理解。网页的样式总共就那么多，主要是得样式的排版和组合的过程。 几个新学到的操作方法。 利用了 opacity透明属性实现图片的简单覆盖 html代码： <div> <img a
阅读全文
摘要：今天继续做了小米商城的首页，我都是自己在试着写，然后遇见了不会的就搜索。 遇见一个box-shadow: 0 8px 10px -7px rgba(0,0,0,.3);给边框的阴影。 transition: height 0.3s;效果过渡。 z-index: 5;定位元素的层叠次序，但是仅仅只能在
阅读全文
摘要：今天完成了这个网页的后续。主要是一下css样式的基本。 然后在做小米商城的主页，目前做了这些，新学到的内容是利用hover鼠标触碰弹出窗口，和隐藏。 .app{ position: relative; 给弹出窗口的父类设置相对定位，为了后面弹出窗口的绝对定位的对象。 } li:hover>.app:
阅读全文
摘要：JavaScript中的变量 var关键字，需要注意var的声明作用域，var声明的变量会自动提升到函数作用域顶部。 let声明，let跟var的作用差不多，明显区别就是let声明的范围是块作用域，var声明的范围是函数作用域。let声明的变量不会在作用域中提升，在页面中只能声明同一个变量。 con
阅读全文
摘要：今天把之前学习的HTML基础和CSS基础重新熟悉了一遍，记了一些之前不熟悉的代码。 书签链接 创建书签<a name="书签名">[文字或者图片]</a> 创建书签<a href="（file_URL）#书签名"></a> 图片热点区域 <img src="图片文件路径" usemap="#map名
阅读全文
摘要：利用HTML、CSS、JavaScript，Bootstrap页面布局，Vue.js的数据绑定、事件触发响应，Vue.js的组件化来进行操作。 页面分为左右两部分，利用bootstrap栅格布局实现。 <div class="container" id="app"> <div class="row"
阅读全文
摘要：实操制作高校网站首页 了解网站创建流程 网站的制作步骤 1、网站策划 2、网站素材收集 3、网站规划 4、网站目录设计 5、网站制作 网页内容主要包括：导航栏、轮播图、学校要闻、学术讲座、综合新闻、通知通告、友情链接、版权信息。 首先得了解网页的主体结构，分成一部分一部分的来制作。 这个网页的主体结
阅读全文
摘要：Vue.js组件中的data与methods 例如： Vue.component('mycom',{ template:"#temp", data(){ retrun{ msg:'组件中的data数据定义' } } }) 组件中的data如果像Vue实例那样传人一个对象，由于JavaSeript中的
阅读全文
摘要：1、什么是计算属性 在Vue. js构造函数中定义数据使用data,该对象是对数据的代理，是一个键值对， 并且实时与页面的表现是一致的，但在这个对象中只能是简单的键值对，不能拥有业务逻辑。由于 “data”中的属性属于同-一个生命周期，所以如果需要某一个属性是依赖于另外一个属性时，在‘data”属性
阅读全文
摘要：模态框的触发 1、模态框的触发方式 1、声明式弹出触发 直接使用data-toggle和data-target两个属性进行相应的设置 2、href链接弹出触发 直接使用<a>标签中的href属性代替data-toggle属性。 2、JavaScript触发 $('#id').modal(option
阅读全文
摘要：今天继续学习了Bootstrap表单与组件的应用。 导航栏 1、默认样式导航栏 向<nav>标签添加navbar和navbar-default样式类。添加role=“navigation”有助于增加可访问性。向<div>元素添加标题navbar-header样式类。 为导航栏添加链接的话，只需要添加
阅读全文
摘要：今天继续学习了Bootstrap 表格 利用table样式类来定义基本表格样式 table-striped增加一条斑马线条纹。 table-bordered为表格的每个单元格添加边框。 table-hover指针悬停在表格的某一行上时会出现浅灰色背景，即对悬停状态给出响应。 Bootstrap为表格
阅读全文
摘要：今天学习了JSON，JSON是一种轻量级的数据交换格式。 双括号{}：表示对象。 中括号[]：表示数组。 双引号""：其中的值是属性或值。 冒号: ：表示后者是前者的值。 JSON数据获取的语法格式： JSON对象.键名 JSON对象.["键名"] 数组对象[索引] 要实现从JSON字符串转换为Ja
阅读全文
摘要：今天学习了jQuery事件处理 1、指定事件处理函数 $("选择器").事件名(function(形参){ //函数体 }) 2、绑定事件处理方法 （1）bind（）方法 bind(事件类型,[可以选参数，] function) （2）delegate（）方法 $(选择器).delegate(指定事
阅读全文
摘要：今天学习了jQuery库，$()是jQuery的缩写；最基本的jQuery语法格式：$(selector).action jQuery选择器是允许通过标签名、属性名或内容对HTML元素进行选择或者修改HTML元素的样式属性。 jQuery的选择器很多，可以分为基本选择器、层次选择器、过滤选择器和属性
阅读全文
摘要：今天学习了数据验证 正则表达式的组成及定义的基本语法： 正则表达式由普通字符和元字符组成。 分组正则表达式，后向引用正则表达式，忽略大小写和全局修饰符，换行修饰符，贪婪模式，懒惰模式。 正则表达式的常用方法： test()方法（可以测试字符串中是否有匹配的结果）； match()方法（用于检索一个或
阅读全文
摘要：今天学习了DOM对象和DOM对象模型； 了解了BOM编程和DOM模型的基本概念； Window对象的属性和方法： setTimeout方法（用来设置计时器）；setInterval方法（也是用来设置定时时钟），他们两个的区别是setTimeout定时时间到后仅调用一次指定函数，setInterval
阅读全文
