![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Din2248
这个作者很懒,什么都没留下…
展开
-
vue:前后端交互模式
jsonp axios 为什么选择axios?原创 2020-06-19 11:05:10 · 126 阅读 · 0 评论 -
Vue:初学知识点总结
Vue的实例对象封装了对视图的所有操作,包括数据读写、事件绑定、DOM更新。 Options: options是 new Vue 的参数,我们一般称之为选项或者构造选项 options的五类属性: 数据:data、 props、 propsData、 computed、methods、 Watch DOM: el、 template、 render、 renderError 生命周期钩子: beforeCreate、 created、beforeMount、 mounted、 beforeUpdate、 u原创 2020-06-10 10:01:29 · 306 阅读 · 0 评论 -
JS:DOM,事件初识
DOM: (Document Object Model)文档对象模型 模型: 浏览器在加载一个页面时,是按照自上而下的顺序加载的,读取到一行就运行一行。如果将script标签写到页面上面,在代码执行时,页面还没有加载,页面没有加载DOM对象也没有加载,会导致无法获得DOM对象。 ***load***事件会在整个页面加载完成后才出发。 为window绑定一个onload事件,该事件对应的响应函数将会在页面加载完成之后执行。这样可以确保我们的代码执行时所有的DOM对象已经加载完毕了。 ...原创 2020-06-05 14:59:29 · 94 阅读 · 0 评论 -
js基础知识总结
js简介 js的实现 js语法 js注释 js运算符 js的条件语句 1.if…else 2.switch…case…break js的循环语句 1.for循环\ for in 2.while循环、do…while循环 js跳转语句 1.break 2.continue js函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 函数调用 调用方式: 1)在<script>标签内调用 2)在html文件中调用 js异常捕获 1.异常: 当javascript引擎执行js原创 2020-06-04 19:24:56 · 148 阅读 · 0 评论 -
CSS架构与CSS新特性(自定义属性、shapes)
CSS架构 在一个大型项目中,由于页面过多,导致css代码难以维护和开发。所以css架构可以帮助我们解决文件管理与文件划分等问题。 首先要对css进行模块化处理,一个模块负责一类操作行为。可利用sass或less来实现。 CSS新特性 1.自定义属性 CSS自定义属性(也称为’'css变量),在目前所有的现代浏览器中都得到了支持。 1.定义与使用 :root{ --color:red; --number:100px; --size:50px; } #box{ background:var(--co原创 2020-06-03 10:22:47 · 178 阅读 · 0 评论 -
CSS:grid网格布局、rem布局、响应式布局
Grid网格布局是一个二维的布局方法,纵横两个方向总是同时存在。 grid-template-columns和grid-template-rows 对网格进行横纵划分,形成二维布局。单位可以是像素,百分比,自适应以及fr单位(网格剩余空间比例单位)。 有时候,我们网格的划分是很规律的,如果需要添加多个横纵网格时,可以利用repeat()语法进行简化操作。 grid-template-areas和grid-template area是区域的意思,grid-template-areas就是给我们的网格划分区域原创 2020-06-02 21:40:16 · 384 阅读 · 0 评论 -
CSS:flex弹性布局
flex简介 常用参数 flex-direction flex-direction用来控制子项整体布局方向,是从左往右还是从右往左,是从上往下还是从下往上。 flex-wrap flex-wrap用来控制子项整体单行显示还是换行显示 flex-flow flex-flow 属性是flex-direction和flex-wrap的缩写(结合),表示flex布局的flow流动特性。第一个值表示方向,第二个值表示换行,中间用空格隔开。 justify-content justify-content属性决定原创 2020-06-02 16:24:33 · 152 阅读 · 0 评论 -
CSS:position定位、不让内容折行,隐藏溢出内容,添加省略号、添加圆角
position特性 css position属性用于指定一个元素在文档中的定位方式。top,right,bottom,left属性则决定了该元素的最终位置 CSS定位 position取值 static(默认) relative absolute fixed sticky relative: 1.如果没有定位偏移量,对元素本身没有任何影响 2.不使元素脱离文档流 3.不影响其他元素布局 4.left,top,right,bottom是相对于当前元素自身进行偏移的 absolute 1.使元素脱离文档流 2原创 2020-06-01 19:54:24 · 422 阅读 · 0 评论 -
CSSfloat浮动
文档流 文档流是文档中可显示对象在排列时所占用的位置 如何理解float浮动 脱离文档流,延迟父容器靠左或靠右进行排列。(left\right\none) float特性 加浮动的元素,会脱离文档流,会延迟父容器靠左或靠右排列,如果之前已经有浮动的元素,会挨着浮动的元素进行排列。 浮动注意点 1.只会影响后面的元素。 2.内容默认提升半层。 3.默认宽根据内容决定。 4.换行排列。 5.主要给块元素添加,但也可以给内联元素添加(很少用)。 如何清除浮动? 上下排列:clear属性,表示清除浮动的。(left原创 2020-06-01 16:28:20 · 92 阅读 · 0 评论 -
CSS标签分类、显示框类型、嵌套规范、溢出隐藏、透明度与手势、默认样式、reset
标签分类 按类型 block : div,p,ul,li,h1… 1,独占一行 2.支持所有样式 3.不写宽的时候,和父元素的宽相同 4.所占区域是一个矩形 inline: span, a ,em ,strong, img… 1.挨在一起的 2.有些样式不支持,例如:width,height,margin,padding 3.不写宽的时候,宽度由内容决定 4.所占的区域不一定是矩形 5.内联标签之间会有空隙,原因:换行产生的 inline-block:input,select… 1.挨在一起,但是支持宽高原创 2020-06-01 11:00:02 · 167 阅读 · 0 评论 -
CSS盒子模型布局
CSS盒子模型 盒子模型组成 content->padding->border->margin 用快递类比:物品 -> 填充物->包装盒->盒子与盒子之间的间距 content:内容区域,由width 和 height组成 padding:内边距(内填充);padding-left/padding-right/padding-top/padding-bottom 只写一个值时:上下左右 只写两个值时:上下、左右 写四个值时:上、右、下、左(顺时针方向) border:原创 2020-05-29 16:49:27 · 370 阅读 · 0 评论 -
CSS常用属性与选择器知识点总结
CSS的定义: 层叠样式表。属性和属性值用冒号分隔开,以分号结尾(这些符号都是英文的)。用来修饰网页的 CSS得引入方式: 行内引入:<div style="这里写样式">我是一个块级的标签</div> 嵌入式:将CSS样式表放到head中用<style>标签包裹起来 <head> ... <style type="text/css"> ...此处写CSS样式 </style> </head原创 2020-05-29 14:13:05 · 148 阅读 · 0 评论 -
html总结
1:HTML 定义 HTML,超文本标记语言,写给浏览器的语言,目前网络上应用最广泛的语言。HTML也在不断的更新,最新版本已经出现了HTML5。在HTML5中出现了许多新特性,也遗弃了一些旧元素。我们写好html文件后,在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。 HTML元素与标签 HTML元素由开始标签和结束标签组成。如<p>/<p>,<h1><h1/>。虽然现在我们还不知道具体标签代表的意思,但标签一定是这样的格式原创 2020-05-29 08:42:56 · 110 阅读 · 0 评论