- 博客(18)
- 收藏
- 关注
原创 vxe-table解决启用虚拟滚动时合并单元格错位的问题
vxe-table在启用虚拟滚动时,合并单元格会出现错位问题,这里可以用临时单元格合并,只需要在列表加载时调用(注意:分页加载每次都需要重新调用)注意:如果你的列表数据量过大,临时单元格合并比较消耗性能,会有点数据卡顿。这里两个row:0,一个代表行号,一个代表物料信息。rowspan: 合并的行数 (5代表合并5行)colspan:合并的列数(3代表合并3列)
2024-02-01 11:11:12
1432
1
原创 TypeScript报错Object is possibly ‘undefined‘
最近初学vue3.0+typeScript在编辑器并没有警告,但在打包时却报错了,找了好多方法最后用vue3.0的defineComponent函数解决了,看了对defineComponent的介绍,最重要的是:在TypeScript下,给予了组件 正确的参数类型推断 。用法:import { defineComponent } from 'vue';export default defineComponent({ props:{}, setup(){ .
2021-08-11 18:12:14
2529
原创 js原型链详细解释
说到原型链不得不提到构造函数,任何一个对象都是由构造函数new出来的,其构造函数通过new来使用,作用是实例化对象。原型:任何一个函数都有一个prototype属性。下图就是构造函数,实例化,原型的关系图。1.构造函数通过.prototype找到原型上的属性和方法。2.实例化的对象能通过__proto__找到构造函数的原型的属性和方法。3.这里特别注意实例化的对象是不能访问构造函数里面的属性和方法的(这里实例化对象只能访问它原型上的属性和方法)function Person(n
2020-09-19 16:39:46
605
原创 this指向问题详解
一.this的使用场景1、纯粹的函数调用,这时this 就代表全局对象 windowfunction fn(){ this.x = 1; console.log(this.x);}fn(); // 12、作为对象方法的调用,这时 this 就指这个上级对象function test(){ console.log(this.x);}var o = {};o.x = 1;o.m = test;o.m(); // 1 this指向o这个对象3、作为构
2020-08-20 09:50:25
226
原创 前端常见基础整理
一、css1、盒模型html文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒模型。盒模型通过四个边界来描述:margin(外边距),border(边框),padding(内边距),content(内容区域)· 2、flex· 3、css单位· 4、css选择器· 5、bfc 清除浮动· 6、层叠上下文· 7、常见页面布局...
2019-10-29 10:40:26
387
原创 跨域问题
应用场景:简单的跨域请求jsonp即可,复杂的cors,窗口之间JS跨域postMessage,开发环境下接口跨域用nginx反向代理或node中间件比较方便跨域解决方案1、 通过jsonp跨域2、 document.domain + iframe跨域3、 location.hash + iframe4、 window.name + iframe跨域5、 postMessag...
2019-08-13 13:34:38
101
原创 js隔行变色效果
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>.even{ background: #eee;}.odd{ background: #fff;} </styl
2019-01-10 11:09:04
474
原创 cookie+session 和 token的区别
1.session:session是需要服务器端存储,浪费空间,当用户量太大,无法集群,需要共享session2.cookie:手机端很多浏览器不支持cookie或者禁用cookie,cookie无法跨域,不能跨站点登录,cookie保存在浏览器端,3.token优势:token无状态,服务端不用存储token,只需要签发和校验token集群,token是无状态的,在集群的时...
2019-01-10 10:46:53
518
原创 javaScript面试常问文档
js的数据类型:简单数据类型:number,string,undefined,null,boolean 复杂数据类型:object,array简单数据类型是没有属性和方法的,但是浏览器允许简单类型直接调用方法,会自动简单类型转换成复杂类型;但其中undefined和null没有对应的复杂类型,所以在调用方法时会报错1.浮点数:var num = 1.2;浮点数精度丢失问题:...
2018-12-28 14:27:08
161
原创 零基础学习vue文档详解
一.安装全局安装npm install vue-cli -g项目初始化vue init webpack vue-project //vue-project项目名称启动项目npm run dev2.3. vue-cli项目解释src目录- assets: 存放静态资源,比如图片- components: 存放组件- router/index.js 配...
2018-09-26 18:27:44
3704
原创 git学习笔记
1.创建一个空目录: 2.第二步,通过git init命令把这个目录变成Git可以管理的仓库:二 .把文件添加到版本库: 1.第一步,用命令git add .把文件添加到仓库, 2.第二步,用命令git commit -m "标注更新的内容描述",告诉Git,把文件提交到仓库, 3.git remote add origin 加<url...
2018-05-08 13:39:03
106
转载 wow.js页面滚动展现特效
1、wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css。<link rel="stylesheet" type="text/css" href="css/animate.min.css">2、在最底部引用wow.js或者wow.min.js,然后再下面再写一行javascript代码。(无需引用jQuery)3、在css下方...
2018-04-19 17:24:01
723
原创 node编译
1.安装: npm install node-sass -g2.检查是否安装成功: node-sass -vnode-sass 4.5.3 (Wrapper) [JavaScript]libsass 3.5.0.beta.2 (Sass Compiler) [C/C++]3.在node-sass环境中,执行 node-sass –watc...
2018-04-17 09:29:37
1496
原创 gulp
cnpm install gulp -g 全局安装gulp。gulp -v 查询gulp是否安装成功。进入项目目录,(cd example 进目录有时搞糊涂,好像是上边的)。npm init 在已进入的目录下初始化一个环境。敲入项目相关描述(可选填),完成后项目目录下会有一个名为’package.json’的描述文件。敲入yescnpm install gulp --save-dev (–save...
2018-03-14 19:53:14
153
原创 vue学习笔记
一.安装:1. vue依赖于node所以先安装node.js;2. 由于npm有些资源被屏蔽或者是国外资源,有时候会导致安装失败,所以安装cnpm,安装命令 npm install -g cnpm --registry=https://registry.npm.taobao.org3. 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架,输入指令: cnpm inst
2018-01-08 16:14:08
163
原创 webpack常用配置
一.Webpack安装:一、本地安装1.初始化项目:npm init -y 2.安装webpack及依赖:npm install webpack webpack-cli -D 3.配置webpack.json里面的scripts:"scripts": { "build": "webpack index.js -o ./dist/bundle.js" }...
2018-01-08 14:02:54
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人