- 博客(20)
- 资源 (4)
- 收藏
- 关注
转载 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
4789
原创 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
840
转载 elementUI表格合并单元格
代码如下<template> <div class=""> <el-table :data="listData" :span-method="objectSpanMethod" class="tableArea" style="width: 100%"> <el...
2019-07-23 11:06:18
267
原创 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
6901
转载 用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
217
原创 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
291
原创 vue 动态获取路由在对组件进行处理是报错,导致无法进入页面
vue 动态获取路由在对组件进行处理是报错,导致无法进入页面代码如下route.cpmponent 打印如下问题原因是当异步执行的时候,router.component已经成了一个函数,不是一个字符串了解决方案是const component = route.componentroute.component = resolve => require...
2019-05-31 14:50:05
1547
原创 解决个别IPhone设备横屏时字体变大
有次在开发响应式网站的时候,在iPhone6s横屏下,字体突然放大。而在Android上到是没有这样的问题。解决的方法,可以通过-webkit-text-size-adjust来设置。很多网站包括京东,搜狐的手机版都是这样设置的:-webkit-text-size-adjust:none。这样设置在手机横屏时不会导致字体突然变大,尤其是在iPhone上。不过这样设置有隐患,所以建议大家 -webk...
2018-07-09 15:48:53
1296
转载 解决配置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
2445
原创 postman的基本使用
postman堪称开发过程中测试服务的利器,用于模拟网络请求并且对请求有着很好的管理方式,下面文章中图片大多来自postman的官方文档,这里只简略的介绍开发的各个流程中postman的使用,更多详细的操作以及api说明也还请移步官网开发过程中的请求模拟依赖postman提供了chrome app/mac app/windows app三个版本interceptor 一个chrome插件,用来同步...
2018-07-09 14:42:21
844
原创 图标字体制作流程
在需要大量使用图标的前端开发中,一方面使用图标字体可以像雪碧图一样减少http请求,并且图标字体相较于使用一些列的图要更小;另一方面由于字体的特性,可以轻易通过css调整大小 颜色、透明度等,使得图标的使用更加灵活,还有一些兼容性的好处等等就不多说了依赖iconfont这里我们选择了阿里提供的字体图标平台 iconfont 我们可以通过它来管理我们制作好的图标,并且可以直接生成字体文件和相应的cs...
2018-07-09 14:39:58
635
原创 基于node前端开发环境搭建
依赖nodejs/npm安装windowsnodejs官网 下载安装即可, 安装教程以及环境变量配置可以参见这里osx系统内置不需要额外安装使用cottage针对单站点项目和多站点项目提供了两个命令来进行初始化1.对于单站点项目,项目下全部资源模板发布至同一站点,在项目父级目录执行cottage root目录结构为:└── 项目 ├── static | └── public ...
2018-07-09 14:36:53
1545
原创 WebStorm 项目gulp配置
config.json配置调试时的一些信息,其中template用来配置html中的一些内容替换,例如配置生产和测试栏目id差异等比如测试环境html中的写法为 <%= env %> ,这样在编译时gulp会将html中的全部<%= env %>替换为测试在对于公用头尾的引用,模板中有时使用wcm变量,而本地预览时不可用,就可以做如下配置,将模版中的ROOT_PATH替换成...
2018-07-09 14:34:21
2144
原创 实际工作中各框架的 ajax 初始化 及 二次封装
在目前前后端分离的工作模式下,前端需要对接许多接口服务,对接的同时我们会发现很多时候会对请求做一些相同的处理,例如 阻止重复提交、根据服务的返回给前台一些相同的提示信息 或者 打印请求日志 等等。针对这种情况,我们可以通过简单的二次封装 http 请求方法,来简化我们的工作 并提高用户体验。下面分别列举了 卡萨帝商城、海贝商城管理后台 和 数据中心 三个不同框架中对于 http 请求的实际应用,每...
2018-07-09 14:32:13
358
原创 设置移动端的搜索键盘
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width
2018-05-22 17:07:17
239
原创 如何删除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
5196
原创 safari readonly失效
问题: safari 设置了 readonly 但是没有生效解决方案:-webkit-user-select:none
2018-05-22 17:03:29
478
原创 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
4174
翻译 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
259
转载 html5调用手机摄像头
在一个响应式网站项目中需要用到 html5调用手机摄像头,找了很多资料,大都是 js调用api 然后怎样怎样,做了几个demo测试发现根本不行, 后来恍然大悟,用html5自带的 input file="" ,纯html5,并且不涉及到js ,就可以实现。代码如下:<input type="file" accept="image/*" capture="camera"><in...
2018-05-04 14:37:55
6643
DingTalk_v5.5.5-RC.5605.exe
2020-04-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人