Web 修炼
文章平均质量分 89
基础 Web 三件套、UI框架等
sun-flower__
也许自己还可以
展开
-
elementUI 框架组件
文章目录elementUI 框架学习笔记1、创建一个vue-cli脚手架2、Container 布局容器3、Layout 布局4、按钮 button5、链接6、表单系列6.1、input 输入框6.1.1、基础用法6.1.2、带icon的输入框6.1.3、文本域输入框6.1.4、复合型输入框6.2、单选按钮6.2.1、单选按钮组6.2.2、按钮单选6.2.3、属性6.3、多选按钮6.3.1、多选按钮组6.3.2、indeterminate 状态6.3.3、按钮多选6.3.4、属性6.4、input-numb原创 2021-12-03 18:16:49 · 4018 阅读 · 0 评论 -
Vue 进阶,路由,路由函数
文章目录Vue 进阶学习1、webpack 打包2、vue-router 路由2.1、安装 vue-router 路由2.2、创建一个router文件夹2.2、将路由的配置文件导入到main.js中2.3、创建一个Main组件,并将组件配置到router中2.4、使用router路由2.5、测试3、Element-UI3.1、安装element-ui3.2、在main.js中引入element-ui模块3.3、使用element-ui组件4、路由传参4.1、vue-router传参4.2、在路由配置中接受参原创 2021-11-23 14:24:28 · 1821 阅读 · 0 评论 -
axios 异步请求,配置环境,请求配置,响应配置
axios 异步请求学习笔记 Axios 是一个基于promise网络请求库,作用于node.js和浏览器中,它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.js http模块, 而在客户端 (浏览端) 则使用XMLHttpRequests。1、json-server的安装 这个用于请求服务器建立,通过请求获取数据。使用npm命令安装npm install -g json-server在项目的根目录下创建一个db.json原创 2021-11-18 17:14:20 · 1476 阅读 · 0 评论 -
node.js 环境安装及创建vue-cli脚手架
node.js 环境安装及创建vue-cli脚手架1、node.js环境安装node.js官网:https://nodejs.org/zh-cn/进行傻瓜式安装就可以了。检测环境是否安装正确:在cmd窗口使用node -v和node -v这两个命令能否输出对应的版本,能就是安装成功了。2、安装淘宝镜像使用命令:npm install -g cnpm --registry=https://registry.npm.taobao.org检测cnpm环境是否安装:使用cnpm -v命令原创 2021-11-15 18:46:51 · 1131 阅读 · 0 评论 -
Vue基础,常用指令,组件,自定义属性
文章目录`Vue2`基础学习笔记1、`MVVM`模式2、第一个`Vue`程序3、`Vue`的基本语法3.1、v-bind指令3.2、v-if 指令3.3、v-else 指令3.4、v-else-if 指令3.5、v-for 指令3.6、v-on 指令3.7、v-model 指令3.8、v-once 指令3.9、`v-html`指令3.10、v-show 指令4、组件5、计算属性6、插槽(slot)7、`Vue` 实例7.1、创建`Vue`对象7.2、`Vue` 的7大属性7.3、数据与方法7.4、 `Vue原创 2021-11-15 12:42:15 · 1194 阅读 · 1 评论 -
Ajax学习笔记,原生的ajax,jQuery的ajax,跨域问题
Ajax学习笔记AJAX 是开发者的梦想,因为您能够:不刷新页面更新网页在页面加载后从服务器请求数据在页面加载后从服务器接收数据在后台向服务器发送数据1、原生js实现ajax<script> var box = $(".box"); $("button").click(function () { // 创建ajax对象 var xhr = new XMLHttpRequest(); // 设置响应体的类型,以jso原创 2021-11-01 10:22:45 · 190 阅读 · 1 评论 -
JQuery学习笔记,加油
文章目录JQuery学习笔记1、入口函数2、$ 对象3、jQuery基础选择器4、隐式迭代5、jQuery中的筛选选择器6、父子选择器7、链式编程8、样式的操作9、动画9.1、显示与隐藏9.2、animate自定义动画10、属性操作11、遍历对象12、元素操作13、jQuery中的尺寸和位置14、事件15、对象的拷贝JQuery学习笔记 jQuery是一个快速、简洁 的javascript库,它的宗旨就是让我们写得更少,做得更多。jQuery封装了javascript的常用功能代码,优化了DOM操作对原创 2021-10-31 17:38:13 · 326 阅读 · 1 评论 -
JavaScript 基础笔记,不会翻一番,值得收藏
文章目录JavaScript 基础1、`javascript` 简介2、第一个`javascript`程序3、`js`代码编写的位置4、`js`基本语法5、字面量和变量6、标识符7、数据类型8、类型转换9、运算1、算术运算符:2、一元运算符:3、自增和自减:4、逻辑运算符:5、赋值运算符:6、关系运算符:7、相等运算符:8、条件运算符:9、运算符优先级:10、语句1、条件判断语句:2、switch语句:3、while语句:4、do...while循环:5、for循环:6、break和continue关键字J原创 2021-10-25 11:54:17 · 806 阅读 · 1 评论 -
颜色渐变、网页标题图标、动画、弹性盒子
文章目录1、颜色渐变2、设置网页标题的图标3、动画(animation)1、过渡2、动画(animation)3、变形(transform)4、弹性盒子1、弹性容器2、弹性元素3、弹性容器的样式4、弹性元素的样式1、颜色渐变 通过渐变可以设置一些复杂的背景颜色,可以实现从一个颜色向其它颜色过渡的效果。线性渐变:颜色沿着一条直线发生变化,渐变是背景图片的渐变,所以也是通过background-image属性设置的。格式:background-image: linear-gradient(red,ye原创 2021-08-28 15:59:49 · 362 阅读 · 0 评论 -
CSS3详细笔记,两万字笔记终于肝完了,超级详细
CSS 进阶文章目录`CSS` 进阶1、文档流2、盒子模型3、盒子模型的水平布局4、盒子模型的垂直布局5、盒子模型的外边距折叠6、行类元素的盒模型7、浏览器的默认样式8、盒子的大小9、盒子的轮廓和圆角10、浮动11、高度塌陷和`BFC`12、`clearfix`类13、定位14、相对定位15、绝对定位16、固定定位17、粘滞定位18、绝对定位元素的位置19、元素的层级20、字体族21、图标字体22、阿里的图标库23、行高24、font属性25、文本样式26、背景1、文档流文档流:网页是一个多层结构,一原创 2021-08-17 17:51:55 · 1020 阅读 · 2 评论 -
CSS基础
CSS基础文章目录CSS基础1、简介2、CSS编写的位置3、CSS的基本语法4、常用选择器5、超链接的伪类6、伪元素的选择器7、继承8、选择器的权重9、单位1、简介CSS 是一种描述 HTML 文档样式的语言。CSS 描述应该如何显示 HTML 元素。本教程将从零起点的基础教程开始,一直到 CSS3 高级教程,为您提供全面系统地讲解。是设置网页的样式设置,让网页看起来更加好看。称为层叠样式表,通过css可以分别为网页的每一层设置样式,而最终我们只能看到网页最上面的一层。2原创 2021-08-10 19:46:11 · 308 阅读 · 0 评论 -
HTML详解
HTML1、简介HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页2、我的第一个网页<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"&原创 2021-08-08 20:23:50 · 1550 阅读 · 0 评论