- 博客(27)
- 收藏
- 关注
RSS订阅原创 【笔记】uniapp打包H5并通过nginx部署
初次使用uniapp打包h5，根据文档配置打包后依然无法直接检查是否打包正确，故决定使用nginx部署一下检查检查，记录步骤如下：1，新建项目预览一下我们编辑过的首页2，h5配置3，打包4，nginx配置在nginx安装目录下找到 nginx.conf 文件，对应配置如下：server { listen 8080; server_name localhost,127.0.0.1; location / { root D:/xxxx/te
2020-12-07 17:09:10
6943
1
原创 【笔记】在vue中使用svga动画
安装依赖：npm install svgaplayerweb --saveor yarn add svgaplayerweb html: <div class="svgaPage"> <div class="btn" @click="playSvga">点击播放</div> <div id="svgaBox"></div> </div>js:<script> import SVGA
2020-11-17 09:18:28
4222
3
原创 【笔记】vue中this.$nextTick()的作用
this.$nextTick()：dom更新后执行举例如下：//--------------html--------------<div ref="textDiv">{{txt}}</div><button @click="changeTxt">点击修改</button>//--------------data--------------data() { return { txt:'未修改', }}//---
2020-07-27 15:39:24
2232
1
原创 【笔记】webstorm关闭ESlint校验
Ant Design Pro Vue项目中，将lintOnSave改为 false后，代码规则不进行严格校验，但webstorm依然会进行ESlint校验，导致满屏红线，因此可以在设置中关闭ESlint校验，步骤如下：
2020-07-14 09:48:32
2336
原创 【笔记】vue项目使用Ueditor富文本编辑器
// 下载依赖yarn add vue-ueditor-wrap//下载ueditor包（https://github.com/HaoChuan9421/vue-ueditor-wrap），并更名为UEditor放在public文件夹下
2020-07-14 09:18:30
647
原创 【笔记】css实现鼠标移入，菜单图标变叉叉
html部分：<div class="rotateChange"> <div></div> <div></div> <div></div></div>css部分： .rotateChange{ border: 1px solid #42b983; width: 50px; height: 50p
2020-07-09 18:22:15
870
原创 【笔记】css实现文字横向排列/竖向排列
writing-mode：书写模式属性值效果horizontal-tb横向排列vertical-rl竖向排列，从右到左vertical-lr竖向排列，从左到右举例如下：html：<div class="textBox"> <h1>horizontal-tb：横向排列</h1> <h1>vertical-rl：纵向排列，从右到左</h1> <h1>vertical-
2020-07-08 09:35:16
21611
原创 【笔记】Object.values、Object.entries与Object.fromEntries
Object.values()：以数组形式返回给定对象可枚举属性的值，如：[ 值1，值2，值3，值4 ]举例如下： //对象 let obj1 = {one:'a',two:'b',three:'c'}; Object.values(obj1); // ["a", "b", "c"] //键为数字的对象,注意：此时会按照数字键的顺序输出 let obj2 = {1:'one',3:'tree',2:'two'}; Object.val
2020-07-06 14:23:07
429
原创 【笔记】vue安装sass依赖
gem install sassnpm install --svae-dev sass-loadernpm install --save-dev node-sass
2020-07-05 09:04:43
468
原创 【笔记】在vue项目中使用Lottie动画
1，下载vue-lottie包npm install --save vue-lottieoryarn add vue-lottie2，在main.js中引入并注册为全局组件//引入import lottie from 'vue-lottie';//注册为全局组件Vue.component('lottie', lottie)3，页面使用//----3.1 引入json文件（就是lottie动画资源）----import * as lottieJson from "../assets
2020-07-03 17:54:52
651
原创 【笔记】为小于10的月份加0
let month=[1,2,3,4,5,6,7,8,9,10,11,12]; console.log(month); //[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] let newMonth = month.map(item=>('0'+item).substr(-2)); //全部加‘0’，截取倒数两位 console.log(newMonth) //["01", "02", "03", "04", "05", ".
2020-07-01 15:44:09
629
原创 【笔记】css英文字母大小写转换，首字母样式，文本阴影
//html<h1>测试首个字放大</h1><h2>文字阴影</h2><p>abcd--------------首字母大写</p><p>abcd--------------首字母小写</p><p>abcd--------------全部大写</p><p>abcd--------------全部小写</p>//css h1:first-
2020-07-01 10:46:17
498
原创 【笔记】css设置文本超出部分显示为省略号
//html<div>测试显示区域文字超出</div><p>超出部分隐藏超出部分隐藏超出部分隐藏超出部分隐藏超出部分隐藏</p>//cssp{ width: 200px; overflow: hidden; /*溢出隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分文字以...显示*/ border: 1px solid forestgreen;}//实现效果
2020-07-01 10:11:28
146
原创 【笔记】页面跳转滚动条归零
//页面跳转滚动条归零router.afterEach((to,from,next) => { window.scrollTo(0,0);});
2020-06-30 09:59:16
724
原创 【笔记】vue回到顶部scrollIntoView
<div id='home' style="width:100%;height:900px"> <div @click="returnTop" class="backToTop">回到顶部</div> </div> //回到顶部 returnTop() { let content=document.getElementById('home'); content.scrollIntoView();.
2020-06-11 13:22:56
475
原创 【笔记】uni-app小程序退出当前小程序/app
<navigator open-type="exit" target="miniProgram">退出程序</navigator>
2020-06-04 14:08:57
6673
1
原创 【笔记】下载文件
toDownLoad () { downloadApi({'参数'}).then(res => { let url = window.URL.createObjectURL(new Blob([res], {type: "application/vnd.ms-excel;charset=utf-8"})) let link = document.createElement('a') //创建a标签 link.style.display
2020-05-28 09:28:46
158
原创 【笔记】清空数组、对象
清空数组：arr.splice(0,arr.length)清空对象：for(let key in obj){ delete obj[key]; }
2020-05-27 14:16:50
179
原创 【笔记】react修改state中某一对象的某一属性值
场景描述：页面有input框，输入值改变state中testData.name代码举例如下： {/*html部分*/} <Input onChange={this.textChange('name')} placeholder='请输入新的姓名' value={this.state.testData.name}/> //state中的数据 this.state={ ...
2020-05-07 19:23:50
5108
原创 【笔记】解决react中使用antd的Modal无法改变样式的问题
在设置样式时，为了防止样式影响全局，通常我使用 .父容器类名 .子类名的方式，但发现无论怎么写，都无法改变Modal的样式，仔细查看API发现Modal默认挂载节点为document.body，因此，指定Modal挂载的dom即可，为Modal加入属性getContainer如下：getContainer={()=>document.getElementsByClassName('fa...
2020-05-07 18:27:56
4378
原创 【笔记】获取当前时间并转为24小时制
let time = new Date(); time.toLocaleString('chinese', { hour12: false }); console.log(time.toLocaleString('chinese', { hour12: false })); //2020/5/5 17:46:50
2020-05-05 17:49:17
563
原创 【笔记】切换npm镜像
切换成淘宝镜像npm config set registry http://registry.npm.taobao.org/切换回原始npm仓库镜像npm config set registry https://registry.npmjs.org/
2020-04-29 11:38:33
139
原创 【笔记】react使用ECharts以及使用antd栅格后宽度无法自适应的解决办法
import React from 'react';import { Row, Col } from 'antd';import './Event.css'var echarts = require('echarts'); //npm install echarts --saveclass Event extends React.Component { render() {...
2020-04-29 11:30:56
1382
原创 【笔记】深复制与浅复制
深复制与浅复制的区别浅复制：复制地址let a={name:'张三',age:20}; //这里的a是变量，该变量指向堆中{name:'张三',age:20}对象的存储地址 let b=a; //此时b只复制了a变量中的地址，a与b指向同一个对象 console.log(a); //{name: "张三", age: 20} console.log(b); ...
2020-03-07 18:23:38
158
原创 【笔记】in、hasOwnProperty、instanceof区别
in：判断这个对象里面有没有某个属性和方法（所有，包括自己本身的属性和方法，包括从原型链中获取的属性和方法）hasOwnProperty： 判断这个对象里面有没有某个属性和方法 （这里是指通过构造函数创建的属性和方法）instanceof ：判断该对象是否通过这个构造函数创造出来的举例如下： function test() { this.name='张三'; } ...
2020-03-04 17:55:57
272
原创 【笔记】作用域问题
function foo() { var abc=1; } console.log(abc); //报错：abc is not defined //这里abc仅仅存在foo内部function foo() { var abc=1; function foo2() { console.log(abc...
2020-03-04 11:38:33
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人