01 2019 档案

Node.js之图片上传
摘要：本文用node进行图片上传主要借助formidable插件，具体使用步骤如下： 1、安装formidable插件 2、引入依赖包 3、接口实现逻辑 阅读全文
posted @ 2019-01-31 19:44 Gerryli 阅读(358) 评论(0) 推荐(1)
移动端之模态框滚动穿透问题
摘要：相信各位小伙伴利用H5做移动端应用时，在写弹出层时肯定用到过滚动穿透问题，虽然页面加了背景遮罩，滑动页面时，如若页面滚在滚动条，底部仍然可以滑动。遇到这种问题，第一想到的可能是能否监听弹出层的显示与隐藏，在监听函数中做处理；一般有以下两种处理方式： 1、禁止body的touchmove事件 然后再需 阅读全文
posted @ 2019-01-25 14:16 Gerryli 阅读(964) 评论(0) 推荐(1)
浅谈vue之动态路由匹配
摘要：在日常开发过程中，可能会遇到一些类似于新闻详情页的内容，需要把所有详情页映射到同一组件上，这是动态路由匹配的应用场景之一。在使用的过程中，也遇到过一些小坑，此篇做个简要的总结说明： 基本使用 其中uid是路由参数，在跳转到指定新闻详情页可以通过以下方式： 问题： 跳转时页面内容不刷新 原因：当前组件 阅读全文
posted @ 2019-01-23 16:06 Gerryli 阅读(1813) 评论(0) 推荐(2)
vuex数据持久化存储
摘要：想想好还是说下vuex数据的持久化存储吧。依稀还记得在做第一个vue项目时，由于刚刚使用vue,对vue的一些基本概念只是有一个简单的了解。当涉及到非父子组件之间通信时，选择了vuex。只是后来竟然发现，刷新页面，数据去哪了？？？一脸懵逼。其实vuex本质上只是一个公共变量，是存储在浏览器内存中的， 阅读全文
posted @ 2019-01-19 16:18 Gerryli 阅读(4247) 评论(1) 推荐(1)
vue+axios实现移动端图片上传
摘要：在利用vue做一些H5页面时，或多或少会遇到有图片上传的操作，主要是运用html5里面的input[type=file]来实现，传递到后端的数据是以二进制的格式传递，所以上传图片的请求与普通的请求稍微有点差异，具体体现在传递数据的格式是FormData，FormData是一个构造函数，具体用法链接如 阅读全文
posted @ 2019-01-19 15:58 Gerryli 阅读(2747) 评论(0) 推荐(1)
AngularJS之前端解析excel文件
摘要：之前发现一款比较强大的js解析excel插件SheetJS js-xlsx，一直未投入到生产中使用。最近有批量导入的需求，大致看了下文档，使用比较方便快捷，容易上手，现在以AngularJS为例，介绍下其基本使用： 1、下载核心js文件xlsx.full.min.js，通过script标签引入到项目 阅读全文
posted @ 2019-01-19 14:34 Gerryli 阅读(2605) 评论(0) 推荐(1)
AngularJS之双向数据绑定,class绑定
摘要：之前一直都是用vue来完成一些日常开发，初入AngularJS,记录一些日常开发遇到的问题。 1、双向数据绑定 AngularJS与vue的区别在于，vue采用的是虚拟DOM，模板文件上绑定的一大堆指定指令什么的，最终并不会被编译到HTML DOM中，而AngularJS模板文件中编写的指令会切实存 阅读全文
posted @ 2019-01-17 19:17 Gerryli 阅读(1556) 评论(0) 推荐(1)
vue中svg图标使用
摘要：在前端开发中，经常会用到svg图标，在vue开发的中，经常会借助一些第三方插件，经常用的有vue-svg-icon,基本使用步骤为： 1、安装插件（会提示没有安装xml-loader,只需要安装下xml-loader，重启下项目就可以解决报错） 2、引入组件 3、在项目src目录下创建svg文件夹（ 阅读全文
posted @ 2019-01-16 08:59 Gerryli 阅读(3107) 评论(1) 推荐(1)
Git命令大全
摘要：git command 一、新建代码库 在当前目录新建一个Git代码库 $ git init 新建一个目录，将其初始化为Git代码库 $ git init [project name] 下载一个项目和它的整个代码历史 $ git clone [url] 二、配置 显示当前的Git配置 $ git c 阅读全文
posted @ 2019-01-11 19:01 Gerryli 阅读(190) 评论(0) 推荐(1)
CSS之文本溢出隐藏，不定宽高元素垂直水平居中、禁止页面文本复制
摘要：1、如何让不固定元素宽高的元素垂直水平居中 flex布局写法： 2、禁止div复制功能 3、设置文字的溢出隐藏效果 阅读全文
posted @ 2019-01-11 18:54 Gerryli 阅读(585) 评论(0) 推荐(0)
Git公钥/私钥生成方式
摘要：打开git bash命令行工具，依次执行以下命令，直接下一步： 私钥生成：ssh-keygen -t rsa -b 2048 -f private.key 公钥生成：openssl rsa -in private.key -pubout -outform PEM -out public.key 生成 阅读全文
posted @ 2019-01-10 12:36 Gerryli 阅读(699) 评论(0) 推荐(0)
浏览器操作剪切板
摘要：在工作中，有时候会有需求操作剪切板内容（复制、粘贴），看了很多种方法，js高程中推荐以下写法： 实际应用中，也可以借助浏览器的document.execCommand 命令，兼容性如下所示： 基本用法： MDN：https://developer.mozilla.org/zh-CN/docs/Web 阅读全文
posted @ 2019-01-10 08:58 Gerryli 阅读(1347) 评论(0) 推荐(1)
windows下关闭进程
摘要：1、找到端口名（3004） netstat -aon | findstr "3004"2、找到pid tasklist|findstr "6412" 3、关闭端口 taskkill /pid 6412 -t -f 阅读全文
posted @ 2019-01-09 12:39 Gerryli 阅读(6302) 评论(0) 推荐(1)
javascript设计模式之发布订阅模式
摘要：发布-订阅设计模式对大家来说并不是很陌生，举一个最简单的例子，在前端开发过程中，事件的绑定就是其实际的应用。首先我们先了解下什么是发布-订阅模式。 基本概念：发布-订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖它的对象都得到通知。在前端开发中，我们一 阅读全文
posted @ 2019-01-08 21:16 Gerryli 阅读(982) 评论(0) 推荐(1)
AngularJS之jeDate日期控件基本使用
摘要：业务背景： 初学AngularJs，最近一段时间，因业务需求，要求日期选择带有快捷键、时分秒等。鉴于AngularJS组件库ui-bootstrap没有此功能，找了一款基于原生JS实现的插件-jeDate,总体效果还可以 基本封装使用： 阅读全文
posted @ 2019-01-08 20:52 Gerryli 阅读(2272) 评论(0) 推荐(1)