- 博客(22)
- 收藏
- 关注
RSS订阅原创 echarts 屏幕变化自适应
解决方法： 将 window.onresize 替换成 window.addEventListener(“resize”, () => { })遇到的问题： vue 多个组件中同时使用window.onresize时，只有一个组件起作用。
2022-10-21 10:47:30
260
1
原创 vue阻止页面回退
mounted() history.pushState(null, null, document.URL) window.addEventListener( 'popstate', () => { // 在这个可以添加条件判断 history.pushState(null, null, document.URL) }, false ) }...
2022-03-03 16:41:18
589
原创 TODO 进行判断字符串是否有效
需求：给定一个只包括 '(',')','[',']','{','}'的字符串，判断字符串是否有效字符串需满足的条件1.左括号必须用相同类型的右括号闭合2.左括号必须以正确的顺序闭合注意空字符串可被认为是有效字符串示例：输入：'()'输出: true输入：'([)]'输出： false方法 function isValid(s) { // TODO let items = [] let len = s.length
2021-10-28 10:27:10
131
原创 代码编辑器 vue ace editor 在vue中的使用
1.安装vue ace editor npm install --save-dev vue2-ace-editor2.引用 // 1.在使用的vue页面进行引用 import Editor from 'vue2-ace-editor' components: { Editor }, // 2.在main.js中引用 import Editor from 'vue2-ace-editor' Vue.component('editor', Editor)3.页面使用<
2021-07-13 14:36:23
633
原创 关于vs code 中写HTML代码时按tab键Emmet提示很慢的问题
步骤：管理>设置>输入：emmet.triggerExpansionOnTab
2021-07-06 10:55:47
198
原创 div 嵌套两个div 第一个div 高度固定 第二个div将剩下的高度补全
<div class="registerBox"> <div class="register_top"> </div> <div class="register_mode"> </div> </div>.registerBox{ height: 100%;}.register_top{ height: 60px; } .register_mode{ width: 100%; hei
2021-07-02 10:23:19
665
原创 搭建AntVue网页项目
1.创建Vue2 项目vue create ant-demo2.安装ant-design-vue组件npm i --save ant-design-vue//引用ant 在main.js添加import Antd from 'ant-design-vue';Vue.use(Antd);3.安装vue-routernpm install vue-router --save// 引用 router 在main.js 添加import VueRouter from 'vue-rout
2021-04-28 16:03:18
494
原创 vue moment 当前时间
1、安装插件 moment <div class="time-warp"> <span class="time">{{ nowtime | updatetime }}</span> </div> import moment from 'moment' export default { filters: { updatetime: function (value) {
2021-03-22 15:48:49
184
原创 forEach 双重嵌套遇到的问题
let arr1 = [{id:'1'}, {id: '2'}]let arr2 = [{fileId: '123'}, {fileId:'421'}]let arr3 = []arr1.forEach(item => { arr2.forEach(key => { key.fileId = item.id arr3.push(key) })})console.log('arr3', arr3)运行结果arr3 (4) [{…},
2021-03-17 17:18:37
3150
原创 ant-desgn 下拉选择 使用v-decorator设置值显示为数字的问题
<a-col :sm="24" :md="12"> <a-form-item label="上报类型" :label-col="labelCol" :wrapper-col="wrapperCol"> <a-select v-decorator="['type', validatorRules.type]" placeholder="请选择进出类型" ..
2021-03-12 15:55:14
550
原创 文件夹大小换算
sizeTrans(size) { if (size < 1024 * 1024) { const temp = size / 1024 size = temp.toFixed(2) return size + 'KB' } else { const temp = size / (1024 * 1024) size = temp.toFixed(2) return size + 'M
2021-03-12 15:52:16
120
原创 Vue 动态绑定 CSS 和 Style
绑定CSS1.对象语法<div :class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}2.数组语法<div :class="[isActive ? activeClass : '', errorClass]"></div>data: { activeClass: 'active'
2021-03-02 10:20:31
176
原创 vue-cli 中使用 postcss-px-to-viewport 插件实现移动端自适应
1.安装使用npm 进行安装npm install postcss-px-to-viewport --save-dev2.在 vue.config.js 中配置参数（若没有则在根目录创建vue.config.js）module.exports = { css: { loaderOptions: { postcss: { plugins: [ require("postcss-px-to-viewport")({ u
2021-01-15 17:09:41
200
原创 介绍下 BFC 及其应用
BFC 就是块级格式上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。创建 BFC 的方式有：1、html 根元素2、float 浮动3、绝对定位4、overflow 不为 visiable5、display 为表格布局或者弹性布局BFC 主要的作用是：1、清除浮动2、防止同一 BFC 容器中的相邻元素间的外边距重叠问题...
2021-01-13 14:07:38
298
原创 什么是防抖和节流？有什么区别？如何实现？
1.防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉 timeout = se
2021-01-11 10:36:13
86
原创 多个数组之间的交集
例：let a = [1,2,3];let b = [2,3,4];let intersect = a.filter(x => b.includes(x)); => [2, 3]let a = [1,2,3];let b = [2,3,4];let c = [3,4,5];let intersect = a.filter(x => b.includes(x)&&c.includes(x)); => [3]
2021-01-06 16:57:45
191
原创 Vue 中的 computed 和 watch 的区别
computed：计算属性计算属性是由data中的已知值，得到的一个新值。这个新值只会根据已知值的变化而变化，其他不相关的数据的变化不会影响该新值。计算属性不在data中，计算属性新值的相关已知值在data中。别人变化影响我自己。不支持异步，当computed内有异步操作时无效，无法监听数据的变化。watch：监听数据的变化监听data中数据的变化监听的数据就是data中的已知值我的变化影响别人watch支持异步1.watch擅长处理的场景：一个数据影响多个数据2.computed擅
2021-01-06 16:25:18
92
原创 Js逻辑运算符
JS 逻辑运算符 && || ！&& —“与”&& 是先看第一个表达式转换成布尔值的结果，如果结果为真，那么它会看第二个表达式转换成布尔值的结果，如果只有两个表达式，只看到第二个表达式就可以返回该表达式的值（注意：不是转换成布尔值的结果）。如果第一个表达式为假，则直接返回第一个表达式的值。（本质：寻假）其中：undefined , ...
2019-07-29 16:03:24
457
原创 HTML 浮动
HTML 浮动浮动的定义：浮动的框可以向左或者向右移动，直到它的外边缘碰到包含框或者另一个浮动框为止。浮动框会脱离文档（ DOM ）流，（也就是浮动框会脱离原来的界面，浮动到原来界面的上方界面）父级元素会表现出浮动框不存在一样现象。元素一旦浮动之后，后面的元素就会占据前面元素的位置元素浮动之后 的确可以脱离文本文档流，所以就会有字围效果浮动的特点：浮动和清除浮动成对出现清除浮动一般...
2019-07-26 19:39:22
1990
原创 margin塌陷
margin 塌陷原因：父子嵌套元素在垂直方向上的margin，父子元素是结合在一起的，margin会取它们之间的最大值。在正常情况下，父级元素应该是相对于浏览器来进行定位，子级元素相对于父级元素定位。但是由于margin塌陷问题，会造成子级元素没有相对父级元素进行定位，而父级元素还是相对浏览器进行定位，这样一来，子级相对于父级来说就像塌陷了一样。eg:效果图：此时的父级div距离...
2019-07-24 18:29:42
274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人