动态改变json key值

var fieldName = "email"; var order = {}; order[fieldName] = "asc"

2019-06-13 15:59:25

阅读数 2

评论数 0

了解HTMLCanvasElement.toDataURL()

Canvas本质上就是一个位图图像,因此,浏览器提供了若干API可以将Canvas图像转换成可以作为IMG呈现的数据,其中最老牌的方法就是HTMLCanvasElement.toDataURL(),此方法可以返回Canvas图像对应的data URI,也就是平常我们所说的base64地址。格式如下...

2019-05-22 12:09:25

阅读数 3

评论数 0

微信小程序开发 - (图片base64编码)

Base64编码 是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息,因此在很多有关图像的应用或者接口调用中,base64编码常常被用来进行传输图片数据。 Base64编码在小程序中一直不是特别完善,为了解决这类问题,本文根据具体的应用场景总结了三种...

2019-05-14 17:24:15

阅读数 35

评论数 0

手机端点击按钮阴影 ios输入框阴影解决方法

ios输入框阴影 input{   -webkit-appearance: none; } 点击按钮 阴影 a,button,input {   -webkit-tap-highlight-color: transparent;   -moz-tap-highlight-color:tr...

2019-04-18 14:12:21

阅读数 15

评论数 0

如何解决小程序textarea层级最高的问题

问题重现: 当你一个页面有一个textarea的组件的时候,出现一个弹层,你的 textarea的placeholder的内容是弹层上面的,我们可以当弹层出来的时候,给这个textarea的组件隐藏起来,比如说 display:none; opacity:0; visibility:hidde...

2019-03-04 11:46:49

阅读数 27

评论数 0

vue文件中监听input输入事件-oninput

vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址: .vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中,改变input的值,就调用一个事件,第一想到的是oninput。 oninput 事件在用户输入时触发,菜鸟教程中的用法是: 但是...

2019-03-01 14:36:52

阅读数 130

评论数 0

小程序组件实现周日历功能,课程表、食谱等功能可能会用到的日历简单实现

前言 四个月前提起兴趣发表的这篇博客,两天劲头就过了,写的也是乱七八糟的,这次想真正的把博客建立起来,第一步要做的事情就是把这篇博客好好的改善一下,给过去一个好的交代,给未来一个好的开始。万事开头难,这次一定坚持下去。 一、功能演示说明 先详细的展示功能图片以及功能说明,以确保大家看到...

2019-02-27 15:50:28

阅读数 233

评论数 0

解决 html5 input type='number' 类型可以输入e

当给 input 设置类型为 number 时,比如,我想限制,只能输入 0-9 的正整数,正则表达式如下: /^[0-9]?$/ // 匹配 0-9 的整数且只匹配 0 次或 1 次 用正则测试,小数点是无法通过的,且,因为 设置了类型为 number,也无法输入字母, 但实际上,1....

2019-01-21 16:21:54

阅读数 28

评论数 0

vue el-checkbox实现全选单选

要求的页面结构是这样的: 遇到了许多问题,如:点击tab切换后 全选按钮要点击2次可以生效。。。 我这里就不一 一多说了。直接上代码。 <el-row class="list-header"> &...

2018-11-02 16:11:48

阅读数 1798

评论数 0

移动端rem布局js代码,横竖屏适配

最开始做移动端项目的时候,页面适配并没有考虑横屏的情况。后续因为手机开启可以旋转状态,整体布局出现了问题。 所以对适配作出了相应调整: detectOrient(); window.onresize = function(){ detectOrient(); }; //判断横屏竖屏 fun...

2018-10-11 17:57:27

阅读数 674

评论数 0

移动端 强制用户竖屏显示

最近工作中写了一个移动端的页面,就是我写的这个页面需要放在一个APP中,但是这个APP是横屏的,打开这个页面的webview也是横屏的(最新版的APP打开的时候是竖屏的webview),本来我们是用的rem布局,横屏的状态下也是没有什么问题的,但是甲方希望在横屏打开的时候强制这个页面竖屏显示。所以...

2018-10-09 16:14:45

阅读数 487

评论数 0

小程序构建骨架屏的探索

首屏 一般情况下,在首屏数据未拿到之前,为了提升用户的体验,会在页面上展示一个loading的图层,类似下面这个: 其中除了菊花图以外网上还流传这各种各样的loading动画,在PC端上几乎要统一江湖了,不过最近在移动端上面看到不同于菊花图的加载方式,就是这篇文章需要分享的Skeleton...

2018-09-28 17:36:37

阅读数 162

评论数 0

js判断当前使用的是wifi还是流量

<script type="text/javascript">  var connection = navigator.connection||navigator.mozConnection||naviga...

2018-09-20 15:30:59

阅读数 2319

评论数 0

axios处理http请求,对比ajax

axios中文文档    https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format   axios文档 在处理http请求方面,已经不推荐使用vue-resource了,而是使用最新的ax...

2018-09-13 19:06:46

阅读数 550

评论数 0

iframe子页面弹出框遮罩层问题的解决方法

问题描述:iframe内的遮罩层未遮挡父级元素, 若把蒙版放在父页面,蒙版会遮挡住iframe内所有元素。 代码结构: 解决方法一:      可以使用layer框架,框架里面可以定义,具体可以查看文档。(我没使用这个框架,因为我觉得引入一个框架只为了使用其中的模态框不划算。)   ...

2018-09-13 18:53:21

阅读数 692

评论数 0

Vue-cli 本地开发请求https 接口 DEPTH_ZERO_SELF_SIGNED_CERT 500

环境:npm run dev 本地开发连接后台的开发环境的接口。 贴上proxyTable 的转发 proxyTable: { "/api": { target: "http://XXX.XX.XX.XXX:9255&qu...

2018-09-10 18:13:17

阅读数 266

评论数 0

vue el-upload上传图片到七牛

一、思路,从后台获取七牛token,上传图片到七牛,获取返回图片路径放入el-upload。 二、代码。 <el-input v-model="listVideoQuery.orgLogo" @change="or...

2018-08-11 10:25:02

阅读数 2295

评论数 0

vue中使用vue-quill-editor富文本编辑器,自定义toolbar,图片上传到七牛

一、npm 安装 vue-quill-editor  二、在main.js中引入 import VueQuillEditor from 'vue-quill-editor' // require styles 引入样式 import 'quill/dist/quill.core.css' i...

2018-08-11 10:13:16

阅读数 1403

评论数 0

npm安装教程

一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,...

2018-08-02 16:54:28

阅读数 77

评论数 0

git命令使用说明

1. 下载  git clone 2. 更新代码     a. 更新当前分支   git pull --rebase    //同时做rebase操作         i. 遇到合并时, 会提示有冲突, 解决冲突后才能继续             1. 解决冲突             ...

2018-08-01 16:23:32

阅读数 36

评论数 0

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