自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 jq 表单 操作

1. 表单序列化 表单一般字段都比较多怎么处理呢 按照jq写法 一个元素元素的取 真蛋疼 $("#myForm").serializeArray() 如图 一目了然 舒服吧 但这些整理都需要通过 表单控件设置 name 属性 2.表单赋值 也是蛋疼吧 元素书写难...

2020-04-07 10:51:45 34 0

原创 百度地图和腾讯地图经纬度切换

百度地图转换成腾讯地图 /** *坐标转换,百度地图坐标转换成腾讯地图坐标 *lng腾讯经度(pointy) *lat腾讯纬度(pointx) *经度>纬度 */ functionbMapToQQMap(lng,lat){ if(lng==null||lng=='...

2020-02-28 16:46:00 117 0

原创 前端使用html2Canvas将html生成图片(兼容IE)

准备工作 // jq 页面必备 必须引入元素嘛 <script src="./jquery-3.4.1.min.js"></script> // bluebird 其实用得比较经常 babel es6 转es5 的一个插件 <script sr...

2019-12-10 19:19:38 200 0

原创 vscode 编辑器 拓展必备

Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名配对的HTML / XML标签 Beautify 格式化代码 Bracket Pair Colorizer 颜色识别匹配括号 Code Runner 非常强大的一款插件,...

2019-10-24 15:17:07 80 0

原创 http-server的安装、前端使用http-server启本地服务

http-server 简介 http-server 是一个简单的零配置的命令行 http服务器,它足够强大便于生产和使用,用于本地测试和开发。 有时候我们打开一个文档使用file协议打开的时候,不能发送ajax请求,只能使用http协议才能请求资源,具体的区别大家可以去参考[这篇文档] (...

2019-09-20 15:24:13 93 0

原创 前端代码规范

命名规范 1.组件名遵从驼峰形式,第一个字母大写 2.方法名、参数名、成员变量、局部变量遵从驼峰形式,第一个字母必须小写 3.常量命名全部大写,单词间用下划线隔开,力求语义表达完整清楚,不要嫌名字长; 4.私有方法,方法名前面加下划线 注释 1.公共组件使用说明 2.各组件中重要函数或...

2019-08-30 12:03:47 53 0

原创 linux系统操作前端部署

pwd // 所有目录 ssh 192.168.2.51 // 链接服务器 sudosu- //切换账号权限 rm -rf dist.zip // 删除文件或文件夹 rz-y // 选择文件上传 unzip dist.zip //解压文件 ...

2019-08-21 11:04:32 185 0

原创 mpvue——引入echarts打包vendor过大

有一个项目需要引入图表,当时有两种选择一种是mpvue-echarts,一种是F2,而我经过踩坑之后依然决然的选择了mpvue-echarts,简单快捷容易上手,主要之前用过比较熟悉。 import * as echarts from 'echarts/dist/echarts.mi...

2019-08-12 16:49:03 141 0

原创 git pull遇到错误:error: Your local changes to the following files would be overwritten by merge:

error: Your local changes to the following files would be overwritten by merge: 方法1:如果你想保留刚才本地修改的代码,并把git服务器上的代码pull到本地(本地刚才修改的代码将会被暂时封存起来) git s...

2019-08-08 16:08:07 34 0

原创 js 字符串转对象拼接

export const splitField = (obj, key) => { let str = '' key.split('.').forEach(i => { str += '["' + i...

2019-08-08 11:16:41 298 0

原创 16进制表示透明度

Button或者ImageButton的背景设为透明或者半透明 半透明<Button android:background="#000000e0" ... /> 透明<Button android:background="#00000000"...

2019-08-08 11:11:11 239 0

原创 vue 禁用空格键

.lazy 并不是实时改变,而是在失去焦点或者按回车时才会更新.number将输入转换成Number类型.trim可以自动过滤输入首尾的空格 iview 实例 <Input type="text" v-model.trim="aa" @on-...

2019-07-11 14:09:13 521 0

原创 Vuex数据状态持久化

vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做到数据状态持久化,也可以通过插件vuex-persistedstate。 1.手动利用HTML5的本地存储 方法 1、vuex的state在localStorage或sessio...

2019-07-03 13:59:35 2156 0

原创 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案

首先sockjs-node是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端:sockjs-node(https://github.com/sockjs/sockjs-node) 客户端:sockjs-cl...

2019-06-24 17:55:42 266 0

原创 Vue用router.push(传参)跳转页面,参数改变,跳转页面数据不刷新的解决办法

this.$router 相当于一个全局的路由器对象,包含了很多属性和对象(比如 history 对象),任何页面都可以调用其 push(), replace(), go() 等方法。 this.$route 表示当前路由对象,每一个路由都会有一个 route 对象,是一个局部的对象,可以获取对...

2019-06-24 10:27:09 1337 0

原创 css 横向滑动

<!DOCTYPE html> <html> <head> <title>横向滑动</title> <meta name="viewport" content="width=devi...

2019-06-17 10:01:48 1448 0

原创 VUE 动态组件实例

<template> <div class="remote"> <component :is="currentView" v-bind="$props"/> </div> &...

2019-06-10 09:25:24 275 0

原创 RN 集成antd-mobile-rn

在安装依赖包的 时候 更习惯 npm 但是npm install 阔以会失败 辣么换成yarn 就很方便了 npm install -g yarn react-native-cli 设置镜像源 yarn config set registry https://registry.npm....

2019-05-30 09:29:25 336 0

原创 RN 链接真机测试

adb devices // 检验设备链接 出现device 则链接 adb reverse tcp:8081 tcp:8081 // 真机调试服务转接至谷歌开发

2019-05-29 13:51:00 665 0

原创 react-native navigation.navigate 传递参数以及后面页面获取传递的参数

react native调试在谷歌浏览器中查看network信息,看不到数据请求信息,这个就很麻烦,这里找到一个解决方法如下: 在入口文件(index.js或app.js)中加入这一行 GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest ...

2019-05-29 10:42:50 1160 0

原创 JS实现根据对象之间的id以及pid构建目录树

1.遍历得到顶层节点 function fn(jsonData) { //取得顶级的数据 var resultObj = [] var baseNode = jsonData.filter(function(element) ...

2019-05-17 13:34:38 481 0

原创 vue-devtools的安装与使用

一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools 二.解压到本地的某盘 三.用你的npm中进入该文件夹下 四.依次输: 1:npm install (如果在这部报错的话,就改用cnpm install。 cnp...

2019-05-06 09:47:28 23 0

原创 vue自定义组件

1.通常写法 // 通常写法 Vue.component("counter",{ //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容(元素和触发的事件) data:function(){ ret...

2019-04-25 20:07:45 97 0

原创 mpvue 自定义tabbar

最近遇到一个需求 咋眼一看 跟我们所希望的 相差甚远啊 咋办呢 看官方api,有个cunstom属性 自定义 但是对于原生组件 心好虚啊 能不能另辟蹊径 用自定义组件呢 辣么原生的咋办呢 当然 是 才有原生的cover-image 做条件控制 把原生的toast 给隐藏 不展示...

2019-04-20 09:36:41 2103 7

原创 恶心的cover-view cover-image

首先我们知道 小程序 涉及 map echart 由于 canvas 形成 ,层级真TM的 高 所以要解决 这些问题 真是蛋疼 一、我们要知道 小程序渲染机制是从上往下的 就相当于 叠层了 so 就有 先后渲染 // 模板 mpvue <view class="su...

2019-03-28 15:37:04 2927 0

原创 搭建本地的一个站点

如: 我要展示本地http://localhost:8888/test.htmln 那我肯定得找到 test.html 文件了 第一步、找到目标存放目录 当前我是放在桌面的 ,无所谓 copy 目录:C:\Users\pc\Desktop\project 第二步、肯定得依赖环境 搭建...

2019-03-22 09:37:19 187 0

原创 小程序 mpvue 多段音频播放及长按录音

我们都知道 小程序有自带的 api 也有html5 的audio 标签 但 小程序缺不内置了,咋办呢,肯定有办法解决的,如 const recorderManager = wx.getRecorderManager() // 录音管理器 暂存器 const innerAudioContex...

2019-03-15 09:24:21 353 0

原创 使用vscode进行vue格式化,会自动补分号和双引号的问题

默认的 settings.json 配置项可能不一样,现在只需要往json中写入以下配置就可格式化vue啦。 "vetur.format.defaultFormatterOptions": { "prettier": { "semi...

2019-03-10 18:33:30 293 0

原创 前端程序员能力不足?表现在哪几点,你需要加强的地方!

随着前端越来越多的被提上日程,用户对产品的体验度要求越来越高,产品除了实用的特性还必须满足方便用,美观,交互好,人性化等一系列的操作,谁的产品先做到这些,就能获取用户的青睐。那么这样一来,前端无形当中追加了很多工作量,所以前后端分离是趋势,不可能要求后台去很多精力花费在帮我们吧数据和前端的静态效果...

2019-03-07 17:58:10 196 0

原创 js 数组排序

一、js的sort()方法 arr = [{a:1},{a:2},{a:3},{a:1}] arr.sort((arg1,arg2)=&gt;{ if(arg1.a&lt;arg2.a){ return -1 } if(arg1.a&gt;arg2.a){ r...

2019-03-07 10:53:46 37 0

原创 小程序关联服务号推送模板消息

记录一下小程序关联服务号的消息推送功能。准备工作: 1、获取小程序的appid与appsecret(小程序后台获取) 2、获取服务号的appid与appsecret(服务号后台获取) 3、小程序与服务号绑定在同一个微信开放平台注意:小程序、服务号、微信开放平台都要认证!!!都要认证!!!都要认证!...

2019-03-05 10:29:36 436 0

原创 如何在vue项目中使用md5.js及base64.js

一、在项目根目录下安装 npm install --save js-base64 npm install --save js-md5 二、在项目文件中引入(main.js 作为全局变量) import md5 from 'js-md5'; let Base64 ...

2019-03-04 11:16:01 92 0

原创 微信小程序下拉刷新和上拉加载的实现

小程序下拉刷新 都是我们习以为常了吧 一直说 下拉有两种方式 scrollview 和onPullDownRefresh(小程序自带的api) 辣么实现操作呢 很多人讲利用 用"enablePullDownRefresh":true 这是没有错的 但到底怎么使用呢,那我来...

2019-03-01 10:48:12 395 1

原创 Javascript生成全局唯一标识符(GUID,UUID)的方法

方法一 function guid() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random()*16|0, v = ...

2019-02-27 15:07:14 124 0

原创 实现js自动登录用户名和密码base64加解密

1.利用后台将用户名和密码进行base64加密,浏览器输入登录地址url进行登录 var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:f...

2019-02-22 10:36:29 181 0

原创 vue+elementui实现表头根据后台数据动态生成字段

有时需求涉及表头动态加载 ,肯定是涉及渲染了  代码如: cols: [ { label: "节点编号", prop: "node", type: "normal" }, ...

2019-02-19 09:14:49 1898 0

原创 小程序推送消息 formId

介绍:小程序的 from_id 要在用户发生操作的时候才能产生,所以我们可以用以下方法来做 (手动触发,保存formID,后台接收保存在数据库里)   什么是formId formId是小程序可以向用户发送模板消息的通行证,简单而言,你只有获取到formId,把它交给后台,后台同学才能向用户...

2019-02-15 18:21:48 1767 0

原创 vscode eslint 局部禁用

想要在代码中局部禁用这条规则,有多种方法: /**  * get getByteLen  * @param {Sting} val input value  * @returns {number} output value  */ export function getByteLen(val)...

2019-01-31 14:40:24 985 1

原创 react路由传参

1.params &lt;Route path='/path/:name' component={Path}/&gt; &lt;link to="/path/2"&gt;xxx&lt;/Link&gt; t...

2019-01-31 11:43:28 1188 0

原创 vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)

说到打包肯定是 npm run build ,这是肯定没错的  但是我们涉及多环境咋办呢 ,也是手动改配置吗 这当然是阔以的 但麻烦, 下面我们通过增设命令打包到不同环境 ,我暂时先分 development(开发)、test(测试)、pre(预生产)、product(生产) 首先来看一下项目目...

2019-01-16 19:28:01 629 0

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