- 博客(21)
- 收藏
- 关注
RSS订阅转载 js下载base64的图片（兼容到IE10）
自我记录/*imgUrl: base64fileName: 保存时候的文件名*/downLoadImg(imgUrl, fileName = 'aa') { // 下载 if (window.navigator.msSaveOrOpenBlob) { // IE var bstr = atob(imgUrl.split(',')[1]) var n = bstr.length var u8arr = new Uint8Array(n) while (n--) { u8ar
2020-05-09 19:05:15
1289
1
原创 记录一次linux服务器安装nginx,配置SSL
目前服务器状态 刚从阿里云重置完// 1 安装依赖yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel// 2 进入/usr/local目录 下载nginx源码包wget http://nginx.org/download/nginx-1.14.0.tar.gz// 3 解压tar -zxvf ng...
2020-01-09 16:13:15
946
原创 linux 部署node环境
参考网上的各种方式，找到一个适合自己的1 直接在node的官网上下载linux的二进制包，上传至服务器 https://nodejs.org/en/download/上传目录的话 我上传至了 /usr/local/node (没有node目录就建一个)2 我下载的为.tar.xz 进行解压tar -xvf node-v8.11.1-linux-x64.tar.xz...
2020-01-02 09:53:04
931
原创 关于elemenui表单验证
描述下出现的bug1 使用el-autocomplete的时候，如果输入的查询参数正好与最后查询出来的结果一样的话，则不会触发主动验证2 像upload组件等，不能直接写v-model的组件，在进行操作的时候也会有这个问题简单来说，就是 一般v-model的都没事，出事的一般都是自己封装的组件，通过@change去赋值的~这里，如果输入‘大毛’然后进行选择的话，则会触发trig...
2019-12-09 16:03:49
405
原创 关于h5与app的交互
所谓交互，其实就是两种传值的方式1 h5给app传值 （方法主体由移动端人员编写，h5调用）2 app给h5传值（方法主体由h5人员编写，移动端调用）说在之前无论哪种方式，双方约定是必须的，区分IOS与Android也是必须的下面以下载为例需求描述：app中内嵌h5页面，可分享，页面中带有影响后续流程的按钮（eg:购买，领取等）分享之后如果用户点击按钮，...
2019-12-06 11:15:25
529
原创 关于elementUI表单验证的重置，一般多用于dialog的情况
在做中后台管理系统的时候，一般会有弹窗表单的出现，此时就需要添加表单的重置功能，防止每次打开的时候 上次的信息遗留下面说重点1 给所有的表单项添加 prop2 需要在el-form上添加 :model / ref ，这两项是验证必须的 但如果在没有:rules或者：rules中没有对应规则的时候是不会进行验证的这里其实要说下elementui验证之后的重置是分两种的1 表单...
2019-12-06 10:43:03
949
原创 js 为上传的图片添加水印
项目中将该方法提取到单独的文件中 base.jsconst base = {}/** * @description: 图片添加水印 * @param {file} file 图片的file对象 * @param {Function} callback 因为onload异步的问题 所以采用callback方式 */base.watermark = (file, callbac...
2019-11-30 17:09:05
7883
5
原创 elementUI 表单非必填项的验证
// prop是需要的<el-form-item label="联系邮箱：" prop="email"> <el-input type="text" v-model="form.email" show-word-limit maxlength="30"></el-input></el-form-item>// rules里面的requ...
2019-11-15 18:01:51
3244
原创 后台管理系统 筛选缓存
一般的列表页，上面都会有一个筛选功能：刷新页面筛选条件不变；点击重置或切换页面则初始化查询条件思路：利用sessionStorage做缓存，根据不同的节点 调整缓存created, 点击按钮,destoryeddata() { return { searchForm: { // 查询条件的包容字段 name: '' ...
2019-10-18 14:48:41
874
原创 vue脚手架全局引入scss变量表 2.0和3.0
项目中的全局css变量一般抽离出来单独维护，此处使用的是scss（不适用于styl/less）vue-cli 2.0的脚手架// 首先需要额外安装一个loadernpm install sass-resources-loader --save-dev// 然后需要修改build中的utils.js// 将scss: generateLoaders('sass')// 修改...
2019-10-18 10:17:43
418
原创 管理后台 左侧sidebar组件提取 - 递归组件
主体使用elementUI 的控件底层子组件 SidebarItem.vue采用递归的方式遍历层级<template> <div class="menu-wrapper"> <template v-for="item in routedata"> <div v-if="item.select"&...
2019-10-10 19:22:42
2149
原创 vue + element 动态面包屑
两种思路1 平级路由，通过添加meta来做面包屑2 嵌套路由，通过新增router-view做切换注：因为是后台管理系统，左侧有一个sidebar，所以在实现上会比没有sidebar的更复杂面包屑采用elementui的组件，单独提取出来// breadcrumbList 为在store中存储的面包屑数据<template> <div clas...
2019-10-10 18:03:21
6266
原创 vue + ts 关于工具函数的封装及导出
在使用Vue构建项目的时候，通常会封装一些全局方法，这里说下我使用ts构建时封装的方式以其中一个为例interface Bs { [propName: string]: any}const bs: Bs = {}/** * @description: 添加持久缓存 */bs.setLocal = (name: string = 'default', value:...
2019-10-09 19:29:11
2861
原创 vue+ts+装饰器 @Ref 获取元素距离顶部的位置
<div> <el-button type="primary" ref="ceshi" @click="goSome">点击</el-button> </div> @Ref() readonly ceshi mounted() { this.$nextTick(() => { cons...
2019-09-26 16:31:20
12294
1
原创 ts项目中引入js的 npm包
1 可以选择安装其npm包的typescript版本 npm install @types/包名 --save 一般都是这样命名如果没有安装成功 那说明他没有ts版本， 就只能另想办法2 如果是自己写的js库 可以单独编写.d.ts文件3 如果是npm包的话 可以引入微软的自动生成工具dts-gen// 使用方法 // 首先安装下他的包npm install...
2019-09-24 17:00:57
10668
1
转载 css 水平垂直居中
方式1 table（不限宽高）<div class="table_container"> <div class="table_center"> <span>居中</span> </div></div> .table_container { border: 1p...
2019-09-14 18:34:49
120
转载 等宽高比 - 宽度不定，高度始终与宽度保持正比
<div class="constant-width-to-height-ratio"></div>.constant-width-to-height-ratio { background: #333; width: 20%;}.constant-width-to-height-ratio::before { content: ''; pa...
2019-09-14 17:55:05
327
转载 vue回到顶部组件
组件文件路径：src\components\public\goTop.vue <template> <div id="goTop"> <div class="goTop" v-show="goTopShow" @click="goTop"><i class="goTopIcon"&
2018-10-09 14:06:26
279
原创 js 深度拷贝与浅拷贝
首先要说的是 js里面的数据类型type item position 基本类型 number,string,boolean,null,undefined 栈 引用类型 object,array,function 堆 基础类型的值都保存在栈中，a=b 则a,b指向的都是具体的值；引用类型的值是保存在堆中的，它的栈中保存了指向堆的一个引用，a ...
2018-09-26 14:10:33
149
原创 raycaster 点选模型部件
var modelRaycaster = new THREE.Raycaster();var modelMouse = new THREE.Vector2();function modelMouseMove (event) { event.preventDefault(); // 鼠标点击的坐标 // modelCanvas 是此renderer的容器，此处根据个人情况不同 ...
2018-09-25 18:44:54
982
原创 FormData混合提交
使用FormData存储数据，ajax提交表单 流文件与普通表单混合上传FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。如果表单enctype属性设为multipart/form-data ，则会使用表单的submit()方法来发送数据，从而，发送数据具...
2018-09-14 22:36:18
1669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人