- 博客(20)
- 资源 (4)
- 收藏
- 关注
RSS订阅转载 Ant Design Vue Upload自定义上传
参考官方文档API重写a-upload的文件上传方式，使用axios来进行上传前端：选择文件后立即上传，前端接受后端成功上传的文件name和UId，并构建一个downloadFiles实例，用于a-upload组件的已上传文件列表回显。后端：提供一个统一上传接口，上传路径暂定为本地路径，并将文件数据信息写入数据库表中。话不多说，上代码：vue 前端代码，Api请参照官方文档<a-form :form="form"> <a-form-item label="名
2021-03-24 11:11:06
3590
原创 window环境下npm install node-sass报错
最近准备想用vue-cli初始化一个项目，在npm install的时候，发现window下npm install node-sass一直报错，window 命令行中提示我全局安装 node-gyp ,有些提示好像是本地找不到python,于是我按照提示安装node-gypnode-gyp是一个用Node.js编写的跨平台命令行工具，用于编译Node.js的本地插件模块。...
2019-07-27 18:54:26
741
转载 elementUI表格合并单元格
代码如下<template> <div class=""> <el-table :data="listData" :span-method="objectSpanMethod" class="tableArea" style="width: 100%"> <el...
2019-07-23 11:06:18
213
原创 vue elementUI tree树形控件如何获取父节点ID
我用的elementUI版本是2.7的console.log(this.$refs.tree.getHalfCheckedKeys().concat(this.$refs.tree.getCheckedKeys()) )getHalfCheckedKeys 若节点可被选择（即show-checkbox为true），则返回目前半选中的节点的 key 所组成的数组 getChe...
2019-06-25 11:49:29
6778
转载 用Cordova将vue项目打包成app
1.配置安卓环境（1）下载JDK和JRE，安装（通常JDK会集成JRE，所以只需安装JDK就好）JDK一定要是 8 版本（JDK1.8），Down了个10版本的差点配到吐也没成功，这是个惊天神坑（2）下载AndroidSDK，双击安装，复制下安装目录（3）配饰环境变量：系统 => 高级系统设置 => 环境变量 =>系统变量 => 新建新建一个ANDROID...
2019-06-13 10:55:41
177
原创 antd-mobile 无法加载react-app-rewired
const { injectBabelPlugin } = require('react-app-rewired');module.exports = function override(config, env) {config = injectBabelPlugin(['import', { libraryName: 'antd-mobile', style: 'css' }], con...
2019-05-31 14:52:09
230
原创 vue 动态获取路由在对组件进行处理是报错，导致无法进入页面
vue 动态获取路由在对组件进行处理是报错，导致无法进入页面代码如下route.cpmponent 打印如下问题原因是当异步执行的时候，router.component已经成了一个函数，不是一个字符串了解决方案是const component = route.componentroute.component = resolve => require...
2019-05-31 14:50:05
1481
原创 解决个别IPhone设备横屏时字体变大
有次在开发响应式网站的时候，在iPhone6s横屏下，字体突然放大。而在Android上到是没有这样的问题。解决的方法，可以通过-webkit-text-size-adjust来设置。很多网站包括京东，搜狐的手机版都是这样设置的：-webkit-text-size-adjust：none。这样设置在手机横屏时不会导致字体突然变大，尤其是在iPhone上。不过这样设置有隐患，所以建议大家 -webk...
2018-07-09 15:48:53
1192
转载 解决配置Android sdk环境变量不生效的问题
配置Android sdk环境变量发现不生效配置过程：在系统变量path中 添加E:\sdk\platform-tools配置完成后 ，在dos中输入adb发现无效，但是将路径移动到E:\sdk\platform-tools 目录下，输入adb发现是正常的。在dos输入path，发现path并没有立即更新，还是之前的配置解决方法：让path值更新，在DOS命令提示符，输入：set PATH=C: ...
2018-07-09 14:43:21
2340
原创 postman的基本使用
postman堪称开发过程中测试服务的利器，用于模拟网络请求并且对请求有着很好的管理方式，下面文章中图片大多来自postman的官方文档，这里只简略的介绍开发的各个流程中postman的使用，更多详细的操作以及api说明也还请移步官网开发过程中的请求模拟依赖postman提供了chrome app/mac app/windows app三个版本interceptor 一个chrome插件，用来同步...
2018-07-09 14:42:21
774
原创 图标字体制作流程
在需要大量使用图标的前端开发中，一方面使用图标字体可以像雪碧图一样减少http请求，并且图标字体相较于使用一些列的图要更小；另一方面由于字体的特性，可以轻易通过css调整大小 颜色、透明度等，使得图标的使用更加灵活，还有一些兼容性的好处等等就不多说了依赖iconfont这里我们选择了阿里提供的字体图标平台 iconfont 我们可以通过它来管理我们制作好的图标，并且可以直接生成字体文件和相应的cs...
2018-07-09 14:39:58
576
原创 基于node前端开发环境搭建
依赖nodejs/npm安装windowsnodejs官网 下载安装即可, 安装教程以及环境变量配置可以参见这里osx系统内置不需要额外安装使用cottage针对单站点项目和多站点项目提供了两个命令来进行初始化1.对于单站点项目，项目下全部资源模板发布至同一站点，在项目父级目录执行cottage root目录结构为：└── 项目 ├── static | └── public ...
2018-07-09 14:36:53
1501
原创 WebStorm 项目gulp配置
config.json配置调试时的一些信息，其中template用来配置html中的一些内容替换，例如配置生产和测试栏目id差异等比如测试环境html中的写法为 <%= env %> ,这样在编译时gulp会将html中的全部<%= env %>替换为测试在对于公用头尾的引用，模板中有时使用wcm变量，而本地预览时不可用，就可以做如下配置，将模版中的ROOT_PATH替换成...
2018-07-09 14:34:21
2064
原创 实际工作中各框架的 ajax 初始化 及 二次封装
在目前前后端分离的工作模式下，前端需要对接许多接口服务，对接的同时我们会发现很多时候会对请求做一些相同的处理，例如 阻止重复提交、根据服务的返回给前台一些相同的提示信息 或者 打印请求日志 等等。针对这种情况，我们可以通过简单的二次封装 http 请求方法，来简化我们的工作 并提高用户体验。下面分别列举了 卡萨帝商城、海贝商城管理后台 和 数据中心 三个不同框架中对于 http 请求的实际应用，每...
2018-07-09 14:32:13
299
原创 设置移动端的搜索键盘
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width
2018-05-22 17:07:17
187
原创 如何删除WebKit的香蕉黄色自动填充背景
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white;}input:focus,input:-webkit-autofill:focus { -webkit-box-shadow: inset 0 0 0px 9999px white, 0 0 8px...
2018-05-22 17:05:15
3202
原创 safari readonly失效
问题: safari 设置了 readonly 但是没有生效解决方案:-webkit-user-select:none
2018-05-22 17:03:29
441
原创 ionic 打包apk后装机运行 报错request was denied for security
最近用到ionic 和cordova做混合开发， 但是遇到一个问题 访问https的话 会报 Request was denied for security. 错误 但是用http访问就没有问题 排查了半天发现是cordova-plugin-crosswalk-webview这个插件的问题。用命令行手动删除就可以了 cordova plugins rm cordova-plugin-cross...
2018-05-22 16:54:52
4054
翻译 Ionic: Execution failed for task ':mergeDebugResources' (Some file crunching failed)
运行ionic build android命令时，Android构建本身会尝试在已处理或优化的Splash屏幕上工作，但它不能正常工作，并报告错误。解决方法是告诉Android Build不要触发这些PNG文件，然后继续提供它。如下所示，在工作目录\ android \ build.gradle文件中放置cruncherEnabled = falseandroid { aaptOptions...
2018-05-22 16:45:59
211
转载 html5调用手机摄像头
在一个响应式网站项目中需要用到 html5调用手机摄像头，找了很多资料，大都是 js调用api 然后怎样怎样，做了几个demo测试发现根本不行， 后来恍然大悟，用html5自带的 input file="" ，纯html5，并且不涉及到js ，就可以实现。代码如下：<input type="file" accept="image/*" capture="camera"><in...
2018-05-04 14:37:55
6581
DingTalk_v5.5.5-RC.5605.exe
2020-04-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人