随笔分类 - 前端
摘要：一、移动端常用UI组件库——1.Vant2.CubeUI3.MintUIh二、PC端常用UI组件库——1.ElementUI2.IViewUI
阅读全文
摘要：一、<router-link>的replace属性1、作用：控制路由跳转时操作浏览器历史记录的模式2、浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push3、如何开启replace模式：<router-lin
阅读全文
摘要：一、基本使用 定义：一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理注：key为路径,value可能是function(后端路由)或component(前端路由) vue-router是vue的一个插件库，专门用来实现SPA应用npm i
阅读全文
摘要：一、概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信二、什么时候使用Vuex 1.多个组件依赖于同一状态2.来自不同组件的行为需要变更同一状态三、搭建vuex环境 1、安装npm
阅读全文
摘要：1、vue脚手架配置代理 方法一：在vue.config.js中添加如下配置devServer:{ proxy:"http://localhost:5000"} 1. 优点：配置简单，请求资源时直接发给前端（8080）即可。 2. 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。 3. 工作方
阅读全文
摘要：1、scoped样式 作用：让样式在局部生效，防止冲突 写法：<style scoped>...</style> 2、浏览器本地存储webStorage——localStorage和sessionStorage 存储内容大小一般支持5MB左右（不同浏览器可能还不一样）浏览器端通过 Window.se
阅读全文
摘要：1、初始化脚手架步骤 第一步（仅第一次执行）：全局安装@vue/cli。npm install -g @vue/cli第二步：切换到你要创建项目的目录，然后使用命令创建项目vue create xxx第三步：启动项目npm run serve 注：1、如出现下载缓慢请配置npm淘宝镜像：npm co
阅读全文
摘要：1、定义：实现应用中局部功能代码和资源的集合模块化：当应用中的js都以模块来编写的,那这个应用就是一个模块化的应用组件化：当应用中的功能都是多组件的方式来编写的,那该应用就是一个组件化应用2、非单文件组件（1）Vue中使用组件的三大步骤I、定义组件(创建组件) 使用Vue.extend(option
阅读全文
摘要：1、新选择器 E:nth-child(n)-选择器匹配其父元素的第n个子元素，不论元素类型，n可以是数字、关键字或公式E:nth-of-type(n)-选择与之其匹配的父元素的第N个子元素E:frist-child-相对于父级做参考，“所有”子元素的第一个子元素，并且“位置”要对应E:frist-o
阅读全文
摘要：1、概述 网页设计根据设备环境进行相应的响应与调整 优点：对用户友好；后台数据库统一；方便维护缺点：增加加载时间；开发时间 原理：<meta>标签；使用媒体查询/媒介查询适配对应样式；使用第三方框架(如Bootstrap)2、关于屏幕适配的常用术语 像素和屏幕分辨率 像素，全称图像元素，是尺寸单位
阅读全文
摘要：1、2D变换—transform 基本属性值 transform属性用于实现平移、缩放、旋转和倾斜等2D变换；transform-origin属性用于设置中心点的变换transform可以被指定多个属性值，用空格分隔 旋转 应用transform属性的rotate(<angle>)函数可实现2D旋转
阅读全文
摘要：1、文本相关属性 文字 字体设置 html中，文字字体通过<font face="字体名称">设置，css中通过font-family属性控制，且font-family属性可以同时声明多种字体，字体之间用逗号分隔 文字大小设置 font-size，单位：px、em、ex对p标签设置firstLett
阅读全文
摘要：1、概述 发展：CSS1-CSS2-CSS2.1-CSS3 使用link链接CSS文件到HTML文件中 2、选择器 基础选择器 元素选择器 类选择器 ID选择器 属性选择器 其他选择器 后代选择器/包含选择器：写法——加个空格 子代选择器：写法——加个> 相邻兄弟元素选择器：写法——加个+ 伪类和伪
阅读全文
摘要：(1)语义标签 <header></header>定义了文档的头部区域<footer></footer> 定义了文档的尾部区域<nav></nav> 定义文档的导航<section></section>定义文档中的节（section、区段）<article></article>定义页面独立的内容区域
阅读全文
摘要：video标签：视频/电影，属性——width、height、src、autoplay是否自动播放、perload是否预加载、poster视频不可用时的代替图片、loop是否循环播放、controls是否添加浏览器自带的控制条、volume播放音量、muted静音状态 audio标签：音频，属性——
阅读全文
摘要：1、form标签中设置属性 action、name、method、enctype表单信息提交的编码方式、target2、输入标签input（1）输入框 单行文本框，type设为text，有四个属性：name、size、maxlength、value 密码输入框，type设为password，也有四个
阅读全文
摘要：1、表格table、行tr、列、单元格td th是表头标签(内容是加粗显示的)caption是表头标签 表格样式属性：宽、高、对齐方式、插入图片...表格可以使用colgroup标签对列进行样式控制，col标签对具体的列控制 表格合并 <td colspan="跨的列数"> <td rowspan=
阅读全文
摘要：1、图像添加 格式：GIF(适合商标、新闻式的标题)、JPEG、PNG 添加图像img标签2、设置图像属性 宽width、高height、边框border、 <img> 标签的 hspace 和 vspace 属性可以设置图像周围的空间。hspace 和 vspace 属性可以给图像一个自由呼吸的空
阅读全文
摘要：1、标题 h1-h6 对齐方式：align属性2、文字 斜体：em/I/cite下划线u带删除线strike 文字上标sup文字下标sub应用：书写方程式 特殊文字符号："引号 &It;左尖括号 >右尖括号 ×乘号 §小节符号(一个圈里面一个C) 空
阅读全文
摘要：1、简介——指的是超文本标记语言，html语言是纯文本类型语言 发展历程——1.0-2.0-4.0-5.02、HTML文件的基本结构和标签（1）基本结构 标签：单独标签、成对标签 元素 文件结构：HTML——head——title——body（2）标签 开始标签html、头部标签head、标题标签t
阅读全文
浙公网安备 33010602011771号