前端技术
关注
分享
扫一扫
分享前端的UI设计，以满足W3C标准的前端技术，以及Vue为代表的前端框架技术
「已注销」
算法工程师，大数据技术、数据挖掘、数据分析。
展开
-
前后端跨域问题
Cross-origin resource sharing -跨域资源共享允许浏览器向跨源（协议+域名+端口）的服务器，发出XMLHTTPRequest请求，从而克服了Ajax只能同源使用的限制特点：1，浏览器自动完成（在请求头中加入特殊头 或 发送特殊请求）2，服务器需要支持（响应头中需要有特殊头）1.简单请求1.1简单请求的条件1.请求方法如下：GET HEAD POST2.请求头仅包含如下：AcceptAccept-LanguageContent-typeConten原创 2022-01-02 00:09:18 · 502 阅读 · 0 评论 -
RESTful风格
1RESTful概念全称 Representational State Transfer1.资源 Resources网络上的一个实体，或者网络上的一个具体信息，并且每个资源都有一个独一无二的uri对应，获取资源直接访问uri即可。2.表现层如何去表现资源 即资源表现形式 如HTML XML JPG JSON等3.状态转换访问一个URI即发生一次客户端和服务端的交互，此次交互将会涉及到数据和状态得变化客户端需要通过某些方式触发具体得变化 - HTTP method 如GET POST原创 2022-01-02 00:08:24 · 399 阅读 · 0 评论 -
解决wangEditor编辑器与 弹窗 模态框 遮挡问题
原因：通过元素审查发现 编辑器的z-index 为1001，因此需要降低一些。解决办法：.w-e-toolbar { z-index: 2!important;}.w-e-menu { z-index: 2 !important;}.w-e-text-container { z-index: 1 !important;}引入css后 即可解决。...原创 2021-12-25 11:50:38 · 1864 阅读 · 0 评论 -
Vue项目中关闭eslint检查的方法
自定义Vue配置，在项目根目录，新增vue.config.js文件.在文件中增加以下内容module.exports = { lintOnSave:false,}原创 2021-09-28 09:28:14 · 123 阅读 · 0 评论 -
Vue组件化的通用流程
Vue 组件化的基本过程原创 2021-09-09 09:01:37 · 99 阅读 · 0 评论 -
浏览器私有前缀
浏览器私有前缀浏览器私有前缀是为了兼容老版本的写法，新版本的浏览器无须添加。私有前缀-moz-:firfox浏览器私有属性-ms-:代表ie浏览器私有属性-webkit-:v8引擎系列 safari、chrome私有属性-o-:代表Opera私有属性国产浏览器 基本囊过了以上内核推荐写法-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;...原创 2021-01-30 17:04:51 · 203 阅读 · 0 评论 -
CSS3 2D转换
CSS3 2D转换转换 transform 是css3中具有颠覆性的特征之一，可以实现元素位移、旋转、缩放等效果有三种方式：移动：translate旋转：rotate缩放：scale移动 translate语法p { transform:translate(x,y); transform:translate}translate ，是不影响标准流，不影响其他元素的标准流，只针对块级元素，对行内元素无效。translate的百分比单位是相对于自身元素的translate（50原创 2021-01-28 17:01:56 · 126 阅读 · 0 评论 -
清除浮动
清除浮动为什么要清除浮动父盒子不方便给高度时，但子盒子浮动就不占位置，父盒子高度坍塌，因此需要清除浮动。清除浮动的本质为解决父级元素因为子元素引起内部高度为0的问题，清除浮动后，父级就会根据浮动的子盒子自动检测高度，设置父级高度。清除浮动的三种方式在css中 使用clear 清除选择器 {clear:属性值;} clear 清除left 不允许left 有浮动right 不允许right 有浮动both 同时清除左右两侧浮动的影响在实际工作中，几乎只用clear：both；额外标签法原创 2021-01-26 03:35:37 · 134 阅读 · 0 评论 -
盒子模型 Box Model
盒子模型 Box Model盒子模型有元素的内容 边框 内边距 外边距CSS盒子模型、浮动、定位边框 内边距 外边距 ps基本操作边框border border:border-width border-style border-color;/*综合使用*/border的样式 border-stylenone：没有solid：实线dashed：短线dotted：点上下左右的分别边框border-top border-bottom border-left border-rigth原创 2021-01-25 22:57:05 · 97 阅读 · 0 评论 -
CSS的三大特性
CSS的三大特性说出CSS样式冲突采取的原则说出样式继承写出css优先级的算法计算常见选择器的叠加值1后者居上后面生成的 覆盖前面的，就近原则，哪个离得近 哪个优先实现。2继承性<style>div{ color:red; font-size:30px;}div{ color:pink;}</style>/*意义是 pink 覆盖了 red*/3CSS优先级（重点）权重计算公式定义样式，两个同时div{color:red;}di原创 2021-01-23 23:22:02 · 107 阅读 · 0 评论 -
CSS的背景（background属性）
CSS的背景（background属性）背景的作用css背景图片和插入图片的区别为css背景属性给页面添加背景样式1背景颜色background-color:2背景图片Background-img:url();有图片设置背景颜色无效3背景平铺background-repeat值描述repeat默认，平铺no-repeat不平铺repeat-x水平平铺repeat-y垂直平铺4背景位置（重点）position参数值原创 2021-01-23 16:40:11 · 139 阅读 · 0 评论 -
一个简单的导航栏
练习目的：使用 垂直居中 水平对齐方法使用a标签的行内块模式水平布局实现效果：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Navbar</title> <style> .navbar-item{ display: inline-block;原创 2021-01-19 23:01:59 · 152 阅读 · 0 评论 -
CSS标签的显示模式（display）
CSS标签的显示模式（display）标签的三种显示模式 标签以不同的方式进行显示， 例如 div独占一行， span标签一行可以有很多个。特点以及区别理解三种显示模式的相互转换块级元素（block-level）例如 h1>h6 p div ul ol li等为块级元素块级元素的特点独占一行高度、 宽度、 外边距 、以及内边距都可以控制宽度默认是外部容器的100%是一个容器及盒子，里面可以放行内和块级元素。只有文字才能组成段落，p里面不能放块级元素，特别是P原创 2021-01-19 22:43:09 · 291 阅读 · 0 评论 -
复合选择器
1.CSS复合选择器复合选择器可高效选择元素，可由两个或多个基础选择器，通过不同方式的组合而成。使用后代选择器给元素添加样式使用并集选择器给元素添加样式使用伪类选择器给元素添加样式1.1后代选择器后代选择器又称为包含选择器，基本使用方法：father child{ attr:value;}1.2子元素选择器子元素选择器只能选择下一级的子标签，不能影响子标签内部的元素，基本使用方法：father > child{ attr:value;}1.3交集选择器有两个原创 2021-01-18 22:45:58 · 209 阅读 · 0 评论 -
CSS外观属性
CSS外观属性color:文本颜色作用：用来定义文本的颜色取值有三种标识属性值预定义值red，green，blue十六进制#fff000,实际推荐使用rgbrgb(red,green,blue),rgbtext-align:文本水平对齐方式属性描述left左对齐center居中对齐right右对齐line-heigh：行间距作用用于设置行间距就是行与行之间的距离，一般情况下，行距比字号大7~8像素左右t原创 2021-01-18 16:19:29 · 118 阅读 · 0 评论 -
CSS字体样式
CSS字体样式font字体Font-size:调节大小通常使用单位为 px;Font-family:字体中文字体需要加引号，英文字体一般不需要如果字体名中包含空格等特殊符号则必须加引号，尽量使用系统字体。CSS Unicode字体在css 中设置字体名称，可以直接写中文，但在文件编码不匹配时会产生乱码情况使用英文来代替，或者直接使用Unicode编码来写字体名称来避免这些错误。为避免不同电脑的字体安装问题，尽量使用宋体和微软雅黑。Font-weigth:字体粗细在html中给字体加粗可原创 2021-01-17 19:33:54 · 166 阅读 · 1 评论 -
Css选择器 标签选择器 类选择器 ID选择器 通配符选择器
Css选择器选择器是css中选择对象的方法，通常有 标签选择器 类选择器 id选择器 通配符选择器标签选择器标签选择器通常用来给某一类标签设置统一的样式使用方法标签 { 属性：属性值；}/**例如*/h3 { color:red; font-size:16px;}作用：可以把某一类的标签快速设置样式，但不能差异化设置类选择器类选择器使用"."后跟类名.类名 { 属性：属性值;}优点：可差异化选择， 选择一个或多个，谁应用谁调用。实际中用的最多。类名的选取原创 2021-01-16 14:37:00 · 310 阅读 · 0 评论 -
CSS 的引入方式
css 的引入方式行内样式，行间样式是通过style属性来设置元素的样式<标签名 style="属性1:属性值1；属性2:属性2;属性3:属性3"><!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <div style="color:red; font-size:16px"&g原创 2021-01-15 23:03:04 · 97 阅读 · 0 评论