赤蓝紫
CSS选择器 CSS选择器 CSS选择器
CSS 选择器1. 标签选择器1<div></div> 12345div { width: 100px; height: 100px; background-color: pink;} 2. ID 选择器1
2021-10-15
Vue学习笔记(二) Vue学习笔记(二) Vue学习笔记(二)
Vue 学习笔记(二)单页面应用程序 SPA,指的是一个 Web 网站中只有唯一一个 HTML 页面,所有的功能和交互都在这个唯一的页面内完成。 1. vue-clivue-cli 是 Vue.js 开发的标准工具。 1.1 安装 npm
2021-10-08
Javascript_元素三大系列 Javascript_元素三大系列 Javascript_元素三大系列
元素三大系列这里讲的三大系列的属性返回的是数值,不带单位 元素偏移量 offset 系列使用 offset 系列相关属性可以动态得到该元素的位置(偏移)、大小等。 作用: 获得元素距离定位父元素的位置(如果没有父元素或者父元素都没有定位
2021-10-03
BOM BOM BOM
BOM(浏览器对象模型)概述BOM(Brower Object Model) 即浏览器对象,它提供了独立于内容而与浏览器窗口进行交互的对象,核心对象是 window。 BOM 缺乏标准,Javascript 语法的标准化组织是 ECMA,D
2021-10-01
webpack webpack webpack
前端工程化和 webpack前端开发四大要点: 模块化:js、css、资源的模块化 组件化:UI 结构、样式、行为可复用 规范化:目录结构、编码、接口、文档规范化、git 分支管理 自动化:自动化构建、自动部署、自动化测试 1. 前端工
2021-10-01
Vue学习笔记(一) Vue学习笔记(一) Vue学习笔记(一)
Vue 学习笔记(一)1. vue 简介Vue 是一套用于构建用户界面的前端框架 1.1 vue 的两个特性 数据驱动视图 使用了 vue 的页面,vue 会监听数据的变化,自动重新渲染页面的结构 数据驱动视图是单向的数据绑定,即只能由
2021-10-01
rem适配布局 rem适配布局 rem适配布局
rem 适配布局rem 单位rem 是根 em(root em)的缩写,是相对于根元素(html 元素)的字体大小。 rem 作用于非根元素字体大小时,相对于根元素字体大小;rem 作用于根元素字体大小时,相对于其初始字体的大小。 比如,根
2021-09-27
移动端流式布局 移动端流式布局 移动端流式布局
1. meta 视口标签1<meta name="viewport" content="width=device-width, user-scalable = no, initial-scale=1.0, maximum-scale
2021-09-26
响应式布局 响应式布局 响应式布局
响应式布局原理使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备。 设备 尺寸区间 手机 <768px 平板 [768px, 992px) 桌面显示器 [992px, 1200px) 大桌面显
2021-09-25
事件 事件 事件
JavaScript 事件注册事件(绑定事件)给元素添加事件,称为注册事件或者绑定事件。 有传统方式和方法监听方式 传统方式利用 on 开头的事件,如 onclick, 同一个元素同一个事件只能设置一个处理函数,出现多个处理函数的话,后面的
2021-09-09
JavaScript DOM(二) JavaScript DOM(二) JavaScript DOM(二)
JavaScript DOM(二)案例只留下案例名称,需复习的话,下载素材,按名字搜索后可找到文件 节点操作通过上文可知获取元素可以来利用 DOM 提供的方法来获取元素,如 getElementById、querySelector 等方法,
2021-09-02
Javascript DOM(一) Javascript DOM(一) Javascript DOM(一)
JavaScript DOM(一)整理一下学习的 DOM 部分知识,首先小复习一下知识点”预解析”。. 案例只留下案例名称,需复习的话,下载素材,按名字搜索后可找到文件 预解析运行 js 会分为两步。 预解析 代码执行 预解析:js 引
2021-08-26
12 / 13