丨小小风离丨-CSDN博客

原创 v-model绑定Object对象，保持单向数据流

vue中v-model绑定Object对象，如何保持组件的单向数据流

2023-05-25 16:15:32 3879

原创 JS数组对象通过某个值去重

数组对象去重，在项目开发中经常会碰到，算是比较常见的要求了。例如后端返回数据中有重复的数据这种这里提供一个思路跟实现给诸君数组去重，看到数组去重第一反应是啥，js数组提供的方法，或者ES6之后的)）。这是我们开发中最常用的去重。

2023-04-25 21:22:09 383

原创全家桶之组件化开发

将不同的功能封装到不同的组件中，然后组件桶过组合的方式实现一个完整的应用。

2022-11-05 01:32:05 154

原创 Vue全家桶-前端工程化（模块化）

通过配置项目不推荐使用这种配置方式。因为主要用来管理包的配置信息；为了方便维护，推荐将vue脚手架相关的配置，单独定义到配置文件中。// 必须是符合规范的json语法 "vue" : {通过单独的配置文件配置项目在项目的跟目录创建文件在该文件中进行相关配置，从而覆盖默认配置。

2022-11-04 22:58:36 375

DOM：Document Object Model(文本对象模型)id属性唯一。name属性就像人的姓名，可以有相同的。input标签相当于对一个类，同一个种族。控制HTML元素getElementById()ID获取元素通过 id 找标签语法: document.getElementById("id");getElementsByName()语法：document.getElementsByName(name)与getElementById() 方法不同的是，通过

2020-06-25 18:34:39 201

转载 transform属性

transform属性可以使元素进行缩放、平移、旋转等2D、3D的变换语法：transform: none/transform-function;参数：translate(x,y) 定义2D转换，表示在x轴和y轴上进行平移translate3d(x,y,z) 定义3D转换translateX(x) 表示在x轴上进行平移translateY(y) 表示在y轴上进行平移translateZ(z) 表示在z轴上进行平移rotate(deg) 表

2020-06-22 21:34:50 3077

原创 JS入门笔记

为什么要学习JavaScript?所有主流浏览器都支持JavaScript。全世界大部分网页都使用JavaScript。可以让网页呈现各种动态效果。制作漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。这次笔记，主要讲解基础语法和DOM的简单使用。基础语法如何插入JS使用< script >标签在HTML网页中插入JavaScript代码，写在<script></script>之间。也可以引用JS外部文件。< s

2020-06-11 15:36:06 115

原创 HTML5新特性

兼容性 IE9+ 浏览器支持, 但是不会影响页面布局,可以放心使用。HTML5 的新增特性主要是针对于以前的不足。增加了一些新的标签、新的表单和新的表单属性等。语义化标签以前我们用 div 布局时对于搜索引擎来说，是没有语义。所以HTML5新增了语义化的标签，用于布局。< header >：头部标签< nav >：导航标签< article >：内容标签< section >：定义文档某个区域< aside >：侧边栏.

2020-06-10 23:19:50 173

原创 CSS初始化（代码）

在开始写页面之前设置一些默认样式/* 内外边距清零 */ * { margin: 0; padding: 0 } /* 斜体文字不倾斜 */ em, i { font-style: normal } /* 去掉前面的小圆点 */ li { list-style: none } /* 取消底侧空白缝隙 */ img { border: 0; /* 低版本浏览器,链接边框问题 */ vertical-align: middl.

2020-06-10 16:48:11 285

原创 html溢出的文字省略号显示

单行文本溢出显示省略号单行文本需要满足三个条件。先强制一行内显示文本：white-space: nowrap; （默认 normal 自动换行）超出的部分隐藏：overflow: hidden;文字用省略号替代超出的部分：text-overflow: ellipsis;<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" c

2020-06-09 12:17:19 250

原创 vertical-align 属性(图片与文字的垂直对齐)

vertical-align 属性一般用于图片与文字的对齐方式。垂直对齐方式行内块元素或者行内元素有效语法：vertical-align : baseline | top | middle | bottom居中：img {vertical-align: middle; } 让图片与文字垂直居中对齐...

2020-06-09 11:46:09 569

原创鼠标样式、表单轮廓、防止表单域拖拽

鼠标样式（cursor属性）写法：li {cursor: pointer; }<html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>常用光标</title></head><body><span s

2020-06-09 11:35:29 112

原创 CSS三角形

网页中一些常用的三角形都是直接画出来的。例：一个上三角形height: 0;width: 0; border: 50px solid transparent; border-bottom-color: pink;利用边框的做法，将其它边框的颜色设为透明颜色（transparent）下面代码可直接运行使用<!DOCTYPE html><html><head> <meta charset="UTF-8"> <me.

2020-06-09 11:07:58 119

原创字体图标网站

国外IcoMoon 成立于 2011 年，推出了第一个自定义图标字体生成器，它允许用户选择所需要的图标，使它们成一字型。唯一的遗憾是国外服务器，打开网速较慢。http://icomoon.io国内这个是阿里妈妈 M2UX 的一个 iconfont 字体图标字库，包含了淘宝图标库和阿里妈妈图标库。可以使用 AI 制作图标上传生成。免费！https://www.iconfont.cn...

2020-06-08 15:33:45 150

原创 CSS学习笔记（详细）- 布局

盒子模型页面布局要学习三大核心，盒子模型、浮动和定位，通过盒子模型能很好的布局页面。页面布局的核心本质：利用CSS摆盒子。所谓盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:边框、内外边距、内边距和实际内容阴影效果：CSS3新增属性border: ; /* 边框 */content: ; /* 内容 */padding: ; /* 内边距 */margin:

2020-06-04 10:48:12 617

原创 CSS3属性、选择器，2/3D（动画）

新增属性兼容性 IE9+ 浏览器支持, 但是不会影响页面布局,可以放心使用.圆角边框（重点）在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法： border-radius:length;参数值可以为数值或百分比的形式如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50%该属性是一个简写属性，可以跟四个值，分别代表左上角、右上角、右下角、左下角分

2020-06-03 18:28:33 463

原创 JS（面试题）闭包-浅

javascript闭包作用域的特殊情况。闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。函数作为参数被传递。函数作为返回值被返回。闭包：自由变量的值是在函数执行的地方向上级作用域寻找，非执行的地方。优点：加强封装性，可以达到对变量的保护作用。缺点：由于闭包内部变量优先级高于外部变量，所以多查找作用域链中的一个层次，就

2020-06-02 20:56:18 134

原创 CSS三大特性

CSS三大特性CSS有三个非常重要的特性：层叠性、继承性、优先性层叠性同样的选择器设置一样的样式，后一个样式就会**覆盖（层叠）**另一个冲突的样式。层叠性主要解决样式冲突的问题。样式冲突：就近原则，那个样式离结构烬，就执行哪个样式。（后者优先）样式不冲突：不会发生层叠。继承性子标签会继承父标签的某些样式，例如文本颜色和字号等。可以理解为：子承父业。恰当使用继承可以简化代码，降低CSS样式复杂性。子元素可继承：父元素的样式（text-、font-、line-这样元素开头的

2020-06-02 12:23:31 188

原创 CSS学习笔记（详细）- 基础

CSS学习笔记从零开始代码风格样式书写格式CSS基础选择器css选择器的作用：（选择标签用的）选择器分类：基础选择器和复合选择器基础选择器标签选择器类选择器 **- 开发最常用**多类名id选择器（一次性）通配符选择器css复合选择器后代选择器子元素选择器交集选择器并集选择器CSS字体属性font-family设置字体系类font-size设置字体大小font-weight字体粗细font-style字体样式font复合属性写法CSS文本属性文本颜色color对齐文本text-align文本装饰text-

2020-06-01 22:51:56 774

此家伙很懒

原创 v-model绑定Object对象，保持单向数据流

原创 JS数组对象通过某个值去重

原创 React项目创建的一些必备知识

原创 React入门基础

原创 React懒加载(Hook版)

原创全家桶之组件化开发

原创前后端交互

原创 Vue全家桶-前端工程化（模块化）

原创 Vue - 路由（Vue-Router）

原创 Vue常用特性

原创 Vue学习总结

原创 VUE生命周期

原创 javascript进阶学习之 DOM操作