![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
one橙子
学习笔记
展开
-
文件导出方式
GET方式导出文件```javascriptwindow.open('')window.location.href = ''<a href={''} download="数据.xlsx">导 出</a>`在这里插入代码片`POST方式导出文件用axios方式 axios.post(url, params, {responseType: 'blob'}).then(res => { const BLOB = res.data; //原创 2021-08-11 10:09:46 · 320 阅读 · 0 评论 -
echarts折线图设置属性
var option = { backgroundColor: '#FFF0F5', title: { text: '折线图', subtext: '模拟数据', x: 'center' }, legend: { // orient 设置布局方式,默认水平布局,可选值:'horizontal'(水平) ¦ 'vertical'(垂直) orient: 'horizontal', // x 设置水..原创 2021-08-07 10:20:40 · 763 阅读 · 0 评论 -
重排性能优化 typeof installof的区别
插入多个标签会造成 重绘 重排每插入一个浏览器都会重绘一次文档碎片 fragment 将多次 变成一次 只会发生一次重绘脱离文档流 只会重绘自身 不影响其他先display:none 在display:blocktypeof 判断基础类型 (null function object arry都会返回object) instanof 通过原型判断引用类型 (用于检测构造函数 在不在原型对象上 会沿着对象隐式原型 向上找 存在返回true)...原创 2021-05-17 09:37:56 · 301 阅读 · 0 评论 -
vue响应式 底层原理
页面端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> 订阅发布1:&原创 2021-04-24 22:48:16 · 111 阅读 · 0 评论 -
微信小程序实战教程 超级详细
1.首先创建小程序项目删掉三个文件夹里面的东西,后面重新创建2.打开微信开发者工具 打开项目找到app.josn3.我需要三个页面,所以创建首页,地图,和用户4.配置 vant weapp :vant weapp地址:https://youzan.github.io/vant-weapp/#/search①.点开miniprogram文件夹在终端中打开,在终端中输入“npm init”后,直接enter到最后,②. init操作完成后 输入“npm i @vant/weapp -S -原创 2020-09-30 16:46:07 · 3870 阅读 · 1 评论 -
CSS 动画练习 写轮眼
CSS 动画练习 写轮眼 Document} */<div class="yz"> 眼眶 <div class="quan1"> 圈1 <div class="zz1"></div> //圈中黑点 <div class="zz2"></div> <div clas原创 2020-08-18 14:44:52 · 487 阅读 · 0 评论 -
8-17 笔记 高度坍塌 解决方法 隐藏方式 及弹性布局
一.隐藏1.opacity=0:该元素隐藏起来了,但不会改变布局,并且,如果该元素已经绑定了一些事件, 如click事件,那么点击该区域,也能触发点击事件。2 visibility=hidden,该元素隐藏起来了,但不会改变页面布局,但是不会触发该元素已经绑定的事件3 display=none,把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删除掉一样二.弹性布局,代替浮动float float用于网页布局 flex 用于移动端布局 灵活性更高原创 2020-08-18 14:34:21 · 264 阅读 · 0 评论 -
# html 利用翻转过度的简单 翻牌游戏
html 利用翻转过度的简单 翻牌游戏原理差不多就是 P标签 盖住img图片 hover 与backface-visibility(背向翻转) 利用旋转属性做成的翻转效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2020-08-18 14:25:40 · 648 阅读 · 0 评论