Leayh

日常工作记录及JavaScript丨node丨vue相关技术分享。个人主页:www.xiaxiangyun.com

Vue上传Excel文件并校验Excel内容

背景 在近期开发的学校管理系统中,有一个导入管理模块,其中包含Excel的上传功能,由用户选择文件后进行上传,前端需要对文件内容进行初步校验后给出是否符合规范的提示后再传给后端。这就需要前端事先对Excel文件内容进行读取。 解决 我们这个项目使用Vue+Typescript进行开发,UI库使用...

2019-03-29 14:16:09

阅读数 136

评论数 0

微信小程序开发笔记

去年在项目的空档期,自己学习了一下微信小程序的开发。由于之前的项目一直使用的Vue框架,所以在开发小程序的时候决定使用mpVue框架,配合iView Weapp的UI库,成功撸出了一个属于自己的微信小程序。在此也将整个开发过程和其中所遇到的问题记录分享一下。 起步 参考:使用mpvue开发小程序...

2019-03-03 21:07:33

阅读数 45

评论数 0

2018年工作总结

年过完了,今天是年后的第一个周末。 终于有时间能静下心来回顾一下过去一年的所作所为了,回想起某位大佬曾说过的一句话:“我不怕你在新的一年因为工资double而离职,我怕的是你到来年依旧还只会今天的这些东西。” 不知道在北京还能待多久,现在想到这个问题竟然也会莫名有些伤感。去年4月份离开博汇加入为明...

2019-02-16 20:11:38

阅读数 29

评论数 0

Virtual DOM原理详解

背景 今天准备开始学习React,于是看到了React入门看这篇就够了一文。而在看到虚拟DOM的时候,让我联想到了Vue中的虚拟Dom,于是顺着链接点进去看了一下Virtual DOM的实现原理。 Virtual DOM 具体实现原理参考深度剖析:如何实现一个 Virtual DOM 算法一文,感...

2018-12-03 16:14:07

阅读数 59

评论数 0

ES6 Class语法介绍

参考文章:ECMAScript 6 入门 概述 基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功/能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 举个栗子: // ES5 function Point(x, y) { ...

2018-11-28 15:36:51

阅读数 52

评论数 0

JS读取上传文件内容

背景 今天遇到这样一个需求:用户选择一个文件上传,需要读取到文件的内容并筛选出所需数据进行处理。 解决 function readFile() { const objFile = document.getElementById('file_id') if(objFile.val...

2018-11-20 14:05:26

阅读数 747

评论数 0

点击按钮复制表格功能实现

背景 今天这样一个需求:点击按钮,一键复制表格中的内容,能直接粘贴到Excel中。开始查找到了使用clipboardData方法实现复制,可是发现在chrome浏览器下无效。 解决 function copyTable() { const table = document.g...

2018-11-20 13:57:14

阅读数 119

评论数 0

git-flow 的工作流程

原文档:git-flow 的工作流程 什么是 git-flow? 一旦安装安装 git-flow,你将会拥有一些扩展命令。这些命令会在一个预定义的顺序下自动执行多个操作。是的,这就是我们的工作流程! git-flow 并不是要替代 Git,它仅仅是非常聪明有效地把标准的 Git 命令用脚本组合...

2018-11-02 11:32:25

阅读数 40

评论数 0

Mac下使用nvm管理node版本

概述 日常工作中,由于node版本更新很快,时常会出现一些依赖在老版本的node下无法运行的问题,这就使得node的版本管理成为一个越来越迫切的需求。 目前常用的node版本管理工具有n和nvm,本文中主要记录nvm的相关内容。 nvm安装 curl -o- https://raw.git...

2018-11-02 10:48:12

阅读数 307

评论数 0

JS中阿拉伯数字转中文数字

背景 做学业评价项目的时候,后台返回的数字为阿拉伯数字,而页面上需要展示中文数字。 解决 // 阿拉伯数字转中文 private numberConvertToUppercase (num: number): string { const upperNumbers: st...

2018-08-28 17:22:21

阅读数 526

评论数 0

从Object.assign()到ES6对象到扩展

本文内容参考:ECMAScript 6 入门 背景 在上一个项目开发中,看到项目内存在很多Object.assign()写法的代码,由于之前没有接触过,感觉比较疑惑。通过网上查询发现,这是ES6对对象进行的扩展之一,于是系统的了解了一下ES6中对对象进行的扩展。 学习 属性的简洁...

2018-07-23 18:26:50

阅读数 345

评论数 0

前端实现PDF分页与Vue中的render函数

背景 提分加项目中遇到了一个需要前端对PDF页面进行分页的需求。该需求是要为每一位学生生成一份PDF的学习报告,起初是采用了前端提供几个页面模板,由java端调用iText去生成PDF,PDF的分页工作也由工具去完成。 但是由于页面中包含大量的数学公式、图片等一些对样式要求较高的元素,iTex...

2018-07-19 16:09:33

阅读数 321

评论数 0

[].forEach.call

曾看到过一行非常有意思的代码: [].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1&am...

2018-07-19 15:25:33

阅读数 260

评论数 0

ES6中let、const的区别及变量的解构赋值

声明:本文内容依照阮一峰老师ECMAScript 6 入门一书所总结。 let和const 相同点 都存在块级作用域 都不存在变量声明提升 都会造成“暂时性死区” 在一个作用域下不可重复声明 不同点 const一旦声明必须立即赋值 const声明的变量指向的内存地址不得改动。...

2018-06-14 15:28:51

阅读数 47

评论数 0

Vue中在新窗口打开页面 及 Vue-router

背景 在开发提分加项目的过程中,遇到了点击下拉菜单时在新窗口中打开页面,由于之前一直做的是单页面应用,没有碰到过类似的需求,于是上网搜了一下解决办法,也再次系统地温习了一下vue-router。 解决 使用路由对象的resolve方法解析路由,可以得到location、router、...

2018-06-12 16:26:21

阅读数 17359

评论数 4

element-ui Select选择器边框闪烁问题 及 :focus-within伪类

背景 在提分加项目中用到了element-ui的select组件,发现第一次进入页面点击选择器时会有一个边框闪烁,后审查元素时发现了:focus-within的伪类。 解决 .select-box span:focus-within { border: none; outline...

2018-06-12 13:55:16

阅读数 1958

评论数 0

HTML5 contenteditable属性

背景 今天在项目开发过程中通过接口拿到了第三方返回的dom节点,结果发现展示到页面上会出现编辑框,然后查看了代码发现该标签内添加了contenteditable = true属性,由于之前没有用到过这个属性,遂上网查了一下。 学习 定义:contenteditable属性规定是否可编辑...

2018-06-12 13:18:22

阅读数 262

评论数 0

Vue中监听滚动事件

背景 最近在做提分加的预览页面时,有一个用于实现锚点定位的侧边栏导航,而在页面滚动时,侧边导航也需要随着页面的滚动而激活相应的模块,这就需要监听页面的滚动事件了。 解决 监听滚动事件 mounted() { //监听页面滚动事件 window.addEventListener('sc...

2018-06-12 10:46:03

阅读数 4488

评论数 0

map()、forEach()、reduce()、filter()的区别

map() map()方法按照原始数组元素顺序依次处理元素,返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。可看作是对原数组进行映射。 注意:map()方法不会对空数组进行检测。 array.map(function(currentValue,index,arr), thisV...

2018-05-23 19:56:15

阅读数 172

评论数 0

新手使用Mac常见问题及iTerm2快捷命令

由于之前一直使用Windows系统,在刚开始接触Mac系统的时候,遇到了一些问题,在此记录一下。 Mac常用快捷键 Mac下有很多快捷键,可以简化鼠标操作。 该图片引用自知乎用户高阳Sunny的回答。 Mac文件对齐 对于一个强迫症患者来说,文件拖到哪就落到哪简直不能忍,...

2018-05-22 16:00:37

阅读数 1110

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭