HTML
关注
分享
扫一扫
文章平均质量分 52
V_zcm
全栈学习中。
展开
-
自学的一些面试题-html
本节：html语义化、html语义化、水平居中垂直居中、px、em、rem的区别原创 2022-06-24 17:53:24 · 152 阅读 · 0 评论 -
HTML 16-js原生下拉框，连接接口赋值
本节：6.10-6.30 工作期间遇到的功能方法。1.js原生下拉框，连接接口赋值。js方法：这里有一个细节，就是 res.roles;这里的名字要根据接口的数组来赋值原创 2022-06-13 11:27:07 · 650 阅读 · 0 评论 -
HTML 15-后端传的内容，前端转换成标签字段和点击之后对应的链接
本节：后端传过来的内容，是一长串链接用下划线___分隔，前端要转换成对应的字段，点击之后可以到对应的链接地址。原创 2022-06-02 15:20:40 · 187 阅读 · 0 评论 -
HTML基础-07 引入jQuery链接 计算商品价格
1.div1.在head，引入jQuery链接，写函数和点击事件<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <!-- jQuery主要是函数和点击事件 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...原创 2021-10-28 16:43:08 · 282 阅读 · 0 评论 -
HTML基础-01
一些琐碎的笔记。【>】可以指到下一级的标签 table>tr>td> table>tr3>td3无序列表： 有序列表： 自定列表： ul>li2 ol>li3 dl>dt{标题}>dd{内容}*3div标签纯盒子，margin有垂直塌陷被包含 div是独占一行的，span不能独占一行，span是可以接在后面的，块的大小就是内容的大小。 rowspan，合并行；colspan，合并列padding就是边框里面内容的距离。所以要加上高和原创 2021-10-28 15:01:02 · 742 阅读 · 0 评论 -
HTML基础-08 vue数据绑定
（1）绑定，点击1.引入vue标签 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>1.{{a}},渲染出变量2. 点击事件：@click="f1"，f1() { this.a = "情书"; },this.变量，就这个变量的值=新的值3.绑定：<input v-model="a">&...原创 2021-10-28 16:23:39 · 441 阅读 · 0 评论 -
HTML基础-11 图片模糊化，div透明化， 输入框，按钮去边框，去点击之后的边框。
本节：模糊图片，模糊区域。模糊前：模糊后：.img{ filter: blur(6px); -webkit-filter: blur(6px); /* chrome, opera */ -ms-filter: blur(6px); -moz-filter: blur(6px);}原创 2021-11-02 20:50:39 · 331 阅读 · 0 评论 -
HTML基础-06 jQuery点击函数的使用
本节：1.点击小图标，更换大图的图片2.点击导航栏，隐藏的内容会出现。1.点击小图标，更换大图的图片 1.div1.在head开头引入jQuery链接<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <!-- 引入jQuery -->2.在页面执行内容<div style="position: rela...原创 2021-10-28 16:32:31 · 469 阅读 · 0 评论 -
HTML基础-02：常用布局
【0.】div的布局，什么包含什么很重要记清楚 <!-- overflow: hidden;防止maring塌陷 -->【1.弹性布局display:flex; 】最外面div，包含三个div，把他们平均分布三分：justify-content:space-between; （更多样式百度）flex：1；也可以分部分【2.底部导航栏】display:flex;//最外面div不换行（1） position: fixed; 浮动固定死 /*浮动且固定死方向，怎...原创 2021-10-28 15:17:45 · 489 阅读 · 0 评论 -
HTML基础-11 前后端交互，通过接口来拿服务器的内容 axios，vue
本节：通过aixos，从服务器拿数据，使用vue遍历出来。首先，在头部<head>,引入vue，axios <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!--引入了vue--> <script src="https://unpkg.com/axios/dist/axios.min.js"></script>...原创 2021-10-29 15:07:41 · 558 阅读 · 0 评论 -
HTML-04 获取修改数据样式
【1.获取要改变的内容，然后改变属性】1.创建div盒子，按钮可以修改盒子的属性样式<div onclick="one()" style="width: 200px;height: 200px;background-color: brown;" id="text1"></div> <button onclick="one()" id="text2">red</button>2.获得div的样式，然后重新赋值样式 f...原创 2021-10-28 16:12:56 · 195 阅读 · 0 评论 -
HTML基础-05 js遍历拿数据
(1)js遍历拿数据1.页面写一个点击事件<button onclick="fun51()">点击出现内容2</button><div id="m"></div>2.获取div内容，然后遍历获取vue里面的数据，再innerhtml输出</script>function fun51(){ let outnr = document.getElementById("m"); let inn...原创 2021-10-28 16:17:12 · 557 阅读 · 0 评论 -
HTML基础-09 jQuery 点击小图标，大图切换照片
本节：点击小图标，大图切换照片开头引入jQuery <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <!-- 引入jQuery -->1.div：子绝父相，小圆标位置控制在图片里面；图片，都要先显示，用方法调用2.script最后，完整代码<!DOCTYPE html>...原创 2021-10-28 17:32:41 · 648 阅读 · 0 评论 -
HTML-12 js数组的整合，提取单个数据，定义属性，对象
本节：数组数据的整合提取。提取单个数据数据// 删除,从012，第三位开始，删除2位数 数组.splice(2,2);题目1：提取（单个数据）用户邮箱，组成数组。答案： let output01 = []; //1.定义一个新的数组，来存放循循环提取出来的信息 for (let d of data01) { //2.循环数组，提取信息 output01.push(d["email"]) // 一整个数组用push...原创 2021-11-03 22:53:29 · 292 阅读 · 0 评论 -
HTML基础-03JS 数据获取
【javascript最初的梦】（1.）点击获取数据进行渲染<div id="f1" onclick="foo()">张三</div> <script> function foo(){ //利用class获取div var c1di = document.querySelector(".c1"); c1di.innerHTML = "李四";</scr...原创 2021-10-28 15:20:47 · 1426 阅读 · 0 评论 -
HTML基础-10 jquery 鼠标点击、触摸显示内容
本节：增加商品数量，购物车的价钱和对应的数量也增加。1.div原创 2021-10-28 19:13:52 · 2400 阅读 · 0 评论 -
Ant design-07 上传图片
本节：在表单里面上传图片（以为很难，其实很简单）1.表单里，上传写的内容： <a-form-model-item prop="via"> <upload-widget v-model="addData.via"></upload-widget> </a-form-model-item>2.传输的对象定义；栏目的捆绑3.接口数据传输过去就可以 了...原创 2021-12-30 15:29:30 · 977 阅读 · 0 评论 -
Ant design-06 在表格里渲染图片
本节：在表格里面渲染出图片1.在表单这里加：<div slot="via" slot-scope="text"><img :src="cdn + text" alt="" srcset="" style="width: 50px" /></div>2.在栏目数据这里加 ： scopedSlots: { customRender: 'via' },就可以了...原创 2021-12-30 15:05:27 · 815 阅读 · 0 评论 -
Ant design-05 表单多选的组件
本节：多选功能的表单table主要加的内容：1.<a-table :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :columns="columns" :data-source="data" />2.在data上面加const data = [];for (let i = 0; i < 46; i++) { data.pu...原创 2021-12-30 10:37:44 · 1558 阅读 · 0 评论 -
VUE-32 createError.js?2d83:16 Uncaught (in promise) Error: Request failed with status code 405
本节：报错405，可能是前端传给后台服务器的请求方式不对，所以找不到。最简单的解决办法是，看是不是get和post的问题。原创 2021-12-30 09:59:43 · 5755 阅读 · 0 评论 -
Ant design-04 status的传送
本节：按钮状态的传递。（刷新是证明真正传送到后台了。）1.显示的状态设置。2.接收数据表格的变量的定义3.点击之后的状态传送，调用方法。3.方法的编写。完整代码：<template> <div> <div> <template> <a-breadcrumb separator=""> <a-breadcr...原创 2021-12-29 22:45:28 · 627 阅读 · 0 评论 -
Ant design-03 查找数据
本节： 在Ant design 框架中的，查找数据1.输入框绑定要搜索的数据，按钮绑定点击事件，调用搜索功能。2.表单绑定变量控制是否显示。注意搜索之后的表格，连接的是搜索之后的数据表。3.变量的定义4.搜索功能...原创 2021-12-28 10:18:01 · 501 阅读 · 0 评论 -
HTML-14 将服务的路径变成全局变量，再引入
本节：服务器的路径经常用，加上偶尔调试可能用其他的服务器，所以拉出来变成全局变量是比较好的。1.创建一个js文件夹，创建common.js文件 。（文件夹和文件名字都可以自定义）2.common.js文件的内容。3.在head头部，使用script ,引入common.js文件。4.使用时：连接接口的变量名字+接口名完成啦~...原创 2021-12-22 16:43:26 · 342 阅读 · 0 评论 -
HTML-13 原生响应式，动画上移效果
本节：最完美的响应式，两个并列的情况，一个完全铺满的情况；动画效果。一、响应式1. 一整行的div上设置 flex-wrap:warp ,超过页面大小div就自动换行2. 在@media screen and (max-width: 750px){}里面重新定义屏幕缩放之后的div属性 即可响应，设置两个情况。二、动画效果（1.）按钮本来是不存在，一碰又出现了原来按钮div设置display: none;//不显示，...原创 2021-12-13 12:34:30 · 1767 阅读 · 0 评论