- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端导出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
162
原创 mockjs的使用模拟后端接口
在开发基于api交互、前后端分离的网页应用时，经常会遇到几个问题：前端页面已经编排好了，但是后台接口还没准备好，或者是突然出现Bug，这样没办法进行对接测试。我们希望服务器返回特定类型的数据，以测试某页面在特定条件下是否存在问题，但作为前端我们一般不会接触到后端代码和数据库，每次都找后端添加模拟数据又很麻烦。为解决这两个问题，最简单的解决办法就是搭建一个mock server，专门返回需要的模拟数据。1.在vue项目中安装mockjsnpm i mockjs2. 在项目根目录新建文件 vue.
2021-08-07 10:41:49
280
原创 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
324
原创 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
87
原创 一些能用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
130
原创 mongoose操作mongoDB的封装及express的一些使用
一. 封装的sql操作文件//sql.js文件：module.exports = { insert({colName,data}){//colName:集合名称 //data要插入的数据 return new Promise((resolve,reject)=>{ colName.insertMany(data,(err)=>{ if(err){ reject(err);
2021-07-16 19:24:31
341
原创 mongo数据库的操作使用
下载完mongo安装后建立数据连接池（先找找不到执行启动失败的操作）- 在我的电脑，右键，管理，服务和应用程序，服务，找到MongoDB服务项，右键，启动- 启动成功，表示自动建立成功- 找到mongo的安装目录- 使用cmd进入bin文件夹- 执行：mongo，回车，输入help，查看帮助信息- 能看到帮助信息，OK！！！- 启动失败，需要手动建立连接池（或没找到MongoDB服务，或免安装版）- 找到mongo的安装目录，- 在某个盘的根目录，新建一个data文件夹- 使
2021-07-14 19:29:41
179
1
原创 git的用法总结
git 上传文件到gitee仓库的总步骤新建文件夹git init(初始化) （如果第一次需之后配置用户信息）git add .(所有文件上传暂存区)git commit -m "本次修改了XXX" （填写版本日志如修改了什么添加了什么）git remote add origin https://gitee.com/mao/test.git (与gitee上的仓库建立远程连接)git push -u origin master （提交文件）git的环境配置1.创建一个新文件夹，作为项目
2021-07-14 08:30:04
53
原创 js一次从数组中的删除多个元素
js一次从数组中的删除多个元素一、filterlet list = [ { id: 1, name: 1, }, { id: 2, name: 2, }, { id: 3, name: 3, }, { id: 4, name: 4, }]let delIndexList = [0, 2] // 要删除的序列var newList = list.filter((item, index) =
2021-07-12 08:28:45
389
原创 sass 的具体用法总结
scss编译后的css 文件中忽略识别单行注释，显示多行注释1.单值变量在scss文件中编写：$a : red; //单值变量使用$符号声明html { color: $a; //写单值变量$a}编译结果:html { color: red;}2.多值变量在scss文件中编写：$b : red green blue; //多值变量空格隔开.box1 { color: nth($b,1);//调用时使用nth(变量名，需要的值的位置)}.bo
2021-07-02 21:08:15
784
1
原创 JS实现商品放大镜
html部分<div class="s_box"> <img src="./imgs/s.jpg" alt="" class="s_img"> <span></span> </div> <div class="b_box"> <img src="./imgs/b.jpg" alt="" class="b_img"> </div>css部
2021-06-18 11:44:00
149
原创 轮播图之透明度变化版
html 结构部分 <div class="banner-box"> <div class="banner"> <ul> <li class="active"><a href="javascript:viod(0);"><img src="./img/01.jpg" alt=""></a></li> &
2021-06-18 11:22:54
225
原创 瀑布流布局
html样式 <div class="cont"> <div class="box"> <div class="box_img"> <img src="./imgs/1.jpg" alt=""> </div> </div> <div class="box"> <div
2021-06-17 09:24:39
67
原创 BOM总结
window 身上得事件load事件当整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发load事件。scroll事件事件在元素滚动条在滚动时触发。resize事件页面大小发生变化时触发的事件。window 身上的子对象document 文档对象history 历史记录对象location 地址栏对象frames 框架对象navigator 浏览器信息对象screen 窗口对象history 历史记录对象history.length 查看当前历史记录的
2021-06-01 17:46:36
249
原创 移动端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
原创 总结的一些特别常用知识点css
万能清除法（清除浮动）.clearfix:after { visibility: hidden; clear: both; display: block; content: "."; height: 0}.clearfix { *zoom: 1}单行文本溢出隐藏white-space: nowrap; 强制一行显示overflow: hidden; 溢出隐藏text-overflow: ellipsis; 溢出部分显示省略号防止文本
2021-05-09 11:30:05
48
原创 关于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
386
原创 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
111
原创 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
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人