手机端遇到的问题记录 1、使元素滚动到当前视口顶部：定义ref: private refScroll: { current: HTMLDivElement | null } = React.createRef();this.refScroll.current.scrollIntoView({behavior: ‘smooth’,});2、iphoneX 安全区问题1） 设置网页在可视窗口的布局方式新增...
使用create-react-app + antd快速搭建项目框架 1、搭建本地开发环境npx create-react-app my-appcd my-appyarn start2、安装antdantd使用的less，故如需修改其样式，需在项目中进行less的相关配置yarn eject //暴露配置文件--仅可使用一次，之后项目文件夹会多出来config文件夹 // react脚手架2.x 中将webpack.config.dev...
vuerouter带参数为数组，数组字符串与数字的转换 - 问题： 通过vue-router，实现从页面B跳转页面A，页面A默认展示选择B带过来的参数所查询到的结果列表- 涉及： - 数组字符串与数字的转换 - elementUI的Select选择器，options选项的value值为全等比较，若原有value值类型为数字而传入的是字符串，不会做转换，故value类型需确定好，防止出现问题- 源代码-页面A：//...
ES8基本特性整理 es8特性::: tipes8标准已于2017年6月发布:::Object.values()遍历对象属性值let obj = {a: 1, b: 2, c: 3}// - 使用Object.keys()获取Object.keys(obj).forEach((key) => { console.log(obj[key])})// - 使用for/of 获...
处理文字溢出省略号代替 html中处理文字溢出单行显示，文本溢出省略号代替tips: 一般在html标签中处理文字溢出，经常会限制标签的宽度，单行文字超出显示省略号。overflow:hidden;white-space:nowrap;text-overflow:ellipsis;效果图代码：// css.content { width: 200px; height: 30px; line-h...
vue项目F5刷新mounted里的函数不执行问题 项目背景在主文件index.vue中初始化页面相关的操作，在mounted中放置用户权限判断并更新store中的权限值，当点击相应组件时mounted可正常工作，但是在用户手动刷新时mounted内的函数并未执行，导致相应组件未获取到权限而显示异常问题解决首先，这跟vue生命周期有关，图就不贴了，直接说原因。当用户f5刷新页面时，整个页面会重新去请求，js的状态变量消失，但是el节点并...
jsPlumb应用指南（二）应用部分 背景创建一个流程图，一方面需要通过接口获取流程图的基本信息来绘制流程图，一方面可通过连接流程图节点的端点来添加线段。节点的创建通过拖动原型复制。节点的可连接线段端点有四个，分别为topCenter/bottomCenter/leftMiddle/rightMiddle节点连接线段的规则为：同一节点不可连接，每个端点连接线段不做限制引入包npm install jsplumb --s...
vue拖拽介绍 vue拖拽介绍基本使用方法同HTML5w3school方法介绍draggable为了使元素可拖动，设置draggable=“true”默认情况下，图像、链接和被选中的文本是可以拖动的，因为它们的draggable自动设置为true应用于被拖动元素上的事件dragstart在被拖放的元素上触发该方法（按下鼠标拖动开始）drag触发dragstart事件后，随后触发d...
jsPlumb应用指南（一）概念部分 jsPlumb简介jsPlumb是一个JavaScript的连接库，它可以根据不同需求，在两个元素之间生成连线，一个很典型的应用就是绘制流程图。jsPlumb可以对端点和连接线的样式做出精确的控制，支持拖拽元素，创建/删除连接线等。很方便实现“流程图编辑器”等的应用简单属性介绍source 源对象，JsPlumb通过元素的id属性获取对象target 目标对象（source和targ...
js针对对象的label值按照字母顺序进行排序 原始数据：let obj = { 0: '中国', 1: '上海', 2: '北京', 3: '天津', 4: '武汉'}转变为数组，排序：let array = []Object.keys(obj).forEach(key => { array.push({ label: obj[key], va...
vue elementUI 如何处理文件批量上传 问题：elementUI的Upload上传组件，通过设置multiple为true，就可以实现多选文件；但是在处理的时候还是一个一个传上去。目前需要在所有文件上传后，将某几个上传错误的结果拼接起来做一次提醒解决：this.$refs.upload.uploadFiles 该属性可以获取上传的文件相关信息，包括上传后后端返回的responsehtmlel-upload ref='up...
ES7基本特性整理 es7特性includes()不使用es7时// 例1：function isFruits(fruits){ if(fruits == 'apple' || fruits == 'banana' || fruits == 'pear'){ return true } return false}console.log(isFruits('bab...
文件上传与下载-前后端处理 文件上传前端组件-使用Element封装的组件<el-upload name="file" class="upload-demo" :action="/saveFiles/" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :o
理解js函数防抖与节流 一些概念描述 ：函数防抖与节流都是优化高频率js函数执行的手段。本质：在时间轴上控制函数的执行次数作用：防止函数“短时间”的重复执行问题引入：用户在网络比较差的情况下提交表单，多次点击提交按钮导致表单重复提交监听scroll滚动事件，根据滚动位置显示返回顶部按钮函数防抖概念 ：在函数触发N秒后执行，如果在N秒时间内再次触发，则从再次触发的时间节点开始重新计时N秒之后执行。...
VuePress介绍与配置引导 VuePress介绍VuePress ,是一个Vue 驱动的静态站点生成工具，由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。废话不说，具体相关介绍可以看官网介绍~：VuePress在之前写过vuepress搭建的一个项目，地址如下：https://www.tq.xiaoya...
js对象属性类型 ECMAScript中有两种属性：数据属性和访问器属性* 数据属性 * 访问器属性A、数据属性：包含一个数据值的位置，在这个位置可以读取和写入值，有4个描述其行为的特性1、[[Configurable]]：表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性，特性默认值为true2、[[Enumberable]]：表示能否
js深入之call、apply和bind模拟实现 call和apply 作用：调用一个对象的一个方法，以另一个对象替换当前对象。 区别：调用参数形式不同。（call参数依次给出，apply通过Array对象传入） this:谁调用我，我就指向谁 首先看个调用call的栗子：var foo = { value: 1};function fn() { console.log(this.value);}fn.ca
js中‘+’操作符与‘-’操作符的运算规则 下面是笔试或面试经常会遇到的关于字符串与数字加减的问题：var foo = "11"+2-"1";console.log(foo); //111console.log(typeof foo); //numbervar foo = "11"+2+"1"; console.log(foo); //1121console.log(typeof foo); //s
js动画效果之多物体动画 此案例演示的是多物体控制运动 下面两张图片演示的都是鼠标放在当前li其宽度发生变化，先看效果图，看看两图的区别： 对比： 区别就不说了，很简单，原因：控制多物体运动勿使用公共属性，此处图一是这些li公用一个timer，图二给每个li都添加了timer。代码上：window.onload=function(){ var oli=document.getEl
关注
