![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
mao2411
这个作者很懒,什么都没留下…
展开
-
前端导出cvs 表格(一键下载)
导出cvs 表格/* 数据data从后端返回 */storageObj= {title: ['q','w中文'],//表的标题titleForKey: ['o','g'],//表的字段名data: [{ //表的数据 o:'1', g:'2' }, { o:'3', g:'4' }, ]} //导出csv const exportCsv = (storageObj: any) => { let title =原创 2021-10-21 15:24:33 · 161 阅读 · 0 评论 -
mockjs的使用模拟后端接口
在开发基于api交互、前后端分离的网页应用时,经常会遇到几个问题:前端页面已经编排好了,但是后台接口还没准备好,或者是突然出现Bug,这样没办法进行对接测试。我们希望服务器返回特定类型的数据,以测试某页面在特定条件下是否存在问题,但作为前端我们一般不会接触到后端代码和数据库,每次都找后端添加模拟数据又很麻烦。为解决这两个问题,最简单的解决办法就是搭建一个mock server,专门返回需要的模拟数据。1.在vue项目中安装mockjsnpm i mockjs2. 在项目根目录新建文件 vue.原创 2021-08-07 10:41:49 · 275 阅读 · 0 评论 -
vue中使用better-scroll上拉加载及swiper轮播图的笔记
演示部分(better-scroll):代码位置部分:该组件详细代码部分:<template> <div> <div class="scroll" :style="{height:height+'px'}"> <loader1 v-if="isLoader"></loader1> <ul v-if="!isLoader"> <li v-for="(item原创 2021-07-30 17:06:56 · 321 阅读 · 0 评论 -
Vue实现简易购物车
具体代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title.原创 2021-07-24 19:13:14 · 86 阅读 · 0 评论 -
一些能用css代替javaScript实现效果的代码-笔记
平滑滚动随着scroll-behavior属性的新增,我们可以使用一行CSS代码来处理网站上的平滑滚动!浏览器支持约为75%,兼容性还是挺不错的。html { scroll-behavior: smooth;}滚动捕抓<main class=”parent”> <section class=”child”></section> <section class=”child”></section> <sectio原创 2021-07-18 17:57:58 · 127 阅读 · 0 评论 -
html结构
html 第一天1、网页的组成部分结构 html/xhtml表现 css行为 js2、标准w3chtml和css标准ECMAjs标准3、html 的版本html 超文本标记语言xhtml 可扩展超文本标记语言h54、项目的命名1.字母、数字、下滑线组成,不能中文,特殊符号2.开头小写字母开头5、文件的组成部分css、js、images、html文件6、编辑器的使用必备的插件安装1.汉化插件 chinese2.打开浏览器插件 open原创 2021-04-29 15:38:36 · 110 阅读 · 0 评论 -
移动端VW+rem适配布局
vw+remvwvw是当前窗口浏览器的百分比单位 与%不同的是 %是相对于父元素的百分比单位vw的计算方法设置在html中html {font-size:26.66vw}如 设计图为750px的 750/2(dpr) 为375px设置默认100px为基准方便计算100/375 为26.66vw 单位直接取前两位之后body设置font-size为16px 为了解决继承问题(必须)*设计图测算转换为rem单位测算大小距离宽度所有的px现在都转化为rem如 测算盒子高度为88原创 2021-05-13 11:36:17 · 198 阅读 · 0 评论 -
关于2D,3D的知识点
css3的过渡复合属性:transition : 参与过渡的属性 完成事件 延迟时间 速度动画1、初始值 和最终值2、需要事件(事件就是用户对网页的操作)触发参与过渡的属性transition-property: all完成时间transition-duration: s ms延迟transition-delay速度动画transition-timing-functionease 默认 逐渐变慢ease-in 加速ease-原创 2021-05-08 20:20:58 · 380 阅读 · 0 评论 -
html选择器
选择器选择我们要设置的标签(元素)div 标记选择器,类型选择器(选择的是网页内所有的div元素)id选择器(选择的是id名为box1的内容,id选择器唯一性,不能重复) <div id="box1">老大</div> #box1{ color: red; }class选择器,类选择器(选择的是class名为box1的内容,可以重复使用,可以设置多个值) <div class="box1 fon原创 2021-04-29 15:48:48 · 110 阅读 · 0 评论 -
自己总结的思维导图
原创 2021-04-29 17:13:09 · 62 阅读 · 0 评论