JS
zhan_lijian
这个作者很懒,什么都没留下…
展开
-
encode & decode 使用指南
encode & decode 使用指南一、先抛结论1. 所有 query 的拼接,= 后的字符串必须 encode函数功能介绍encodeURI() 函数通过将特定字符的每个实例替换为一个、两个、三或四转义序列来对统一资源标识符 (URI) 进行编码 (该字符的 UTF-8 编码仅为四转义序列)由两个 “代理” 字符组成)。encodeURIComponent() 函数通过将一个,两个,三个或四个表示字符的UTF-8编码的转义序列替换某些字符的每个实例来编码 URI (对于由原创 2020-11-13 17:39:09 · 2317 阅读 · 0 评论 -
jq 表单 操作
1. 表单序列化表单一般字段都比较多怎么处理呢 按照jq写法 一个元素元素的取 真蛋疼$("#myForm").serializeArray() 如图 一目了然 舒服吧 但这些整理都需要通过 表单控件设置 name 属性2.表单赋值 也是蛋疼吧 元素书写难受吧function loadData(obj) { var ...原创 2020-04-07 10:51:45 · 730 阅读 · 0 评论 -
前端使用html2Canvas将html生成图片(兼容IE)
准备工作// jq 页面必备 必须引入元素嘛<script src="./jquery-3.4.1.min.js"></script>// bluebird 其实用得比较经常 babel es6 转es5 的一个插件<script src="./bluebird.js"></script>// html2canvas 我们核心插件&...原创 2019-12-10 19:19:38 · 2030 阅读 · 0 评论 -
Vuex数据状态持久化
vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做到数据状态持久化,也可以通过插件vuex-persistedstate。1.手动利用HTML5的本地存储方法1、vuex的state在localStorage或sessionStorage中取值;2、在mutations中,定义的方法里对vuex的状态操作的同时对存储也...原创 2019-07-03 13:59:35 · 14840 阅读 · 1 评论 -
RN 链接真机测试
adb devices // 检验设备链接 出现device 则链接adb reverse tcp:8081 tcp:8081 // 真机调试服务转接至谷歌开发原创 2019-05-29 13:51:00 · 1576 阅读 · 0 评论 -
react-native navigation.navigate 传递参数以及后面页面获取传递的参数
react native调试在谷歌浏览器中查看network信息,看不到数据请求信息,这个就很麻烦,这里找到一个解决方法如下:在入口文件(index.js或app.js)中加入这一行GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest 即可如果还是不行,重启项目,关闭谷歌浏...原创 2019-05-29 10:42:50 · 5807 阅读 · 0 评论 -
RN 集成antd-mobile-rn
在安装依赖包的 时候 更习惯 npm 但是npm install 阔以会失败 辣么换成yarn 就很方便了npm install -g yarn react-native-cli设置镜像源yarn config set registry https://registry.npm.taobao.org --globalyarn config set disturl htt...原创 2019-05-30 09:29:25 · 1249 阅读 · 0 评论 -
JS实现根据对象之间的id以及pid构建目录树
1.遍历得到顶层节点 function fn(jsonData) { //取得顶级的数据 var resultObj = [] var baseNode = jsonData.filter(function(element) { return element.pid === 0 }) resultO...原创 2019-05-17 13:34:38 · 1670 阅读 · 0 评论 -
vue-devtools的安装与使用
一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install (如果在这部报错的话,就改用cnpm install。 cnpm需要安装安装地址)2:npm run build (这一步一定不要忘了,没...原创 2019-05-06 09:47:28 · 146 阅读 · 0 评论 -
mpvue 自定义tabbar
最近遇到一个需求咋眼一看 跟我们所希望的 相差甚远啊 咋办呢看官方api,有个cunstom属性 自定义 但是对于原生组件 心好虚啊能不能另辟蹊径 用自定义组件呢 辣么原生的咋办呢当然 是 才有原生的cover-image 做条件控制 把原生的toast 给隐藏 不展示 wx.hideToast() 一直到底了// tabBar....原创 2019-04-20 09:36:41 · 3775 阅读 · 7 评论 -
vue自定义组件
1.通常写法// 通常写法Vue.component("counter",{ //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容(元素和触发的事件) data:function(){ return {count:0} }, //template 是模板的意思,在 html 里面是一个可以同时控制多个子元素的父元素。在这...原创 2019-04-25 20:07:45 · 270 阅读 · 0 评论 -
VUE 动态组件实例
<template> <div class="remote"> <component :is="currentView" v-bind="$props"/> </div></template><script>import Axios from 'axios';import '@/utils/less....原创 2019-06-10 09:25:24 · 913 阅读 · 0 评论 -
css 横向滑动
<!DOCTYPE html><html> <head> <title>横向滑动</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css">...原创 2019-06-17 10:01:48 · 4918 阅读 · 0 评论 -
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
首先sockjs-node是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端:sockjs-node(https://github.com/sockjs/sockjs-node)客户端:sockjs-clien(https://github.com/sockjs/sockjs-client)如...原创 2019-06-24 17:55:42 · 516 阅读 · 0 评论 -
vue 禁用空格键
.lazy 并不是实时改变,而是在失去焦点或者按回车时才会更新.number将输入转换成Number类型.trim可以自动过滤输入首尾的空格iview 实例<Input type="text" v-model.trim="aa" @on-keypress="e =>{if(e.keyCode == 32) e.returnValue = false;}">&...原创 2019-07-11 14:09:13 · 2204 阅读 · 0 评论 -
16进制表示透明度
Button或者ImageButton的背景设为透明或者半透明半透明<Button android:background="#000000e0" ... />透明<Button android:background="#00000000" ... />颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0 到 255(00 到 f...原创 2019-08-08 11:11:11 · 6770 阅读 · 0 评论 -
js 字符串转对象拼接
export const splitField = (obj, key) => { let str = '' key.split('.').forEach(i => { str += '["' + i + '"]' }) return eval('obj' + str)}原创 2019-08-08 11:16:41 · 1456 阅读 · 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 stashgit pull origin mastergit stash pop如此一来,服...原创 2019-08-08 16:08:07 · 256 阅读 · 0 评论 -
linux系统操作前端部署
pwd // 所有目录ssh 192.168.2.51 // 链接服务器sudosu- //切换账号权限rm -rf dist.zip // 删除文件或文件夹rz-y // 选择文件上传unzip dist.zip //解压文件...原创 2019-08-21 11:04:32 · 1154 阅读 · 1 评论 -
mpvue——引入echarts打包vendor过大
有一个项目需要引入图表,当时有两种选择一种是mpvue-echarts,一种是F2,而我经过踩坑之后依然决然的选择了mpvue-echarts,简单快捷容易上手,主要之前用过比较熟悉。import * as echarts from 'echarts/dist/echarts.min'引入后再打包少了2M左右但是还是大啊,查看了webpack后发现,因为是开发环境,所以没进行Uglif...原创 2019-08-12 16:49:03 · 975 阅读 · 0 评论 -
http-server的安装、前端使用http-server启本地服务
http-server 简介http-server 是一个简单的零配置的命令行http服务器,它足够强大便于生产和使用,用于本地测试和开发。有时候我们打开一个文档使用file协议打开的时候,不能发送ajax请求,只能使用http协议才能请求资源,具体的区别大家可以去参考[这篇文档] (https://www.cnblogs.com/lishanlei/p/9327646.html),所...原创 2019-09-20 15:24:13 · 1404 阅读 · 0 评论 -
恶心的cover-view cover-image
首先我们知道 小程序 涉及 map echart 由于 canvas 形成 ,层级真TM的 高 所以要解决 这些问题 真是蛋疼一、我们要知道 小程序渲染机制是从上往下的 就相当于 叠层了so 就有 先后渲染// 模板 mpvue <view class="success-detail" v-if="showDetails"> <pric...原创 2019-03-28 15:37:04 · 5184 阅读 · 0 评论 -
搭建本地的一个站点
如: 我要展示本地http://localhost:8888/test.htmln那我肯定得找到 test.html 文件了第一步、找到目标存放目录当前我是放在桌面的 ,无所谓copy 目录:C:\Users\pc\Desktop\project第二步、肯定得依赖环境 搭建服务了 最简便的方式 当然是用 node.js废话不多说上代码吧// serv...原创 2019-03-22 09:37:19 · 1243 阅读 · 1 评论 -
MpVue打包vendor过大问题解决办法
MpVue打包vendor过大问题解决办法问题描述:mpvue 打包的小程序会自动将重复引用打包到 static -> js -> vendor, 当引用的第三方库过多时,vendor 就会超出 500K ,小程序开发者工具有 500k 限制,大于 500k 的包不进行转码和压缩,此时就可能导致预览失败,文件体积超过 2M 限制解决办法:1、减少不必要第三方库的使用...原创 2019-01-04 08:43:00 · 6375 阅读 · 2 评论 -
axios 代理
首先是引入 axios npm i --save axios 服务这么多当然要封装啦 跨域 就是要通过 proxy 代理成自己的服务// request.jsimport axios from 'axios'import store from '@/store'let instance = axios.create({ baseURL: store.state.bas...原创 2018-12-29 16:05:21 · 4565 阅读 · 0 评论 -
js 正则表示式及常用正则表达式
常用一、什么是正则表达式呢?正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等。 说白了正则表达式就是处理字符串的,我们可以用它来处理一些复杂的字符串。二、为什么要学习正则表达式 //找出这个字符串中的所有数字var str = 'ab...原创 2018-12-28 10:09:16 · 512 阅读 · 0 评论 -
git bash命令用法及代码上传到github
1.打开git bash$ git输入git命令 指导都存在了2.查看分支git branch //查看自己本地分支 (* 代表当前分支)git branch -a // 查看所有分支包括远程分支 a 代表 all3.切换分支git checkout dev //切换到dev分支(当然是指本地分支切换)辣么本地没有远程分支 肯定得 ...原创 2018-12-14 11:08:10 · 268 阅读 · 1 评论 -
vscode常用插件(格式化插件)
蓝色版本是 稳定版本,绿色Insider 是测试版本功能多 1、vscode-fileheader 添加文件头 2、reactjs code snippets react 开发的一些简写,提高开发效率 3、Path Autocomplete 路径提示功能 4、Document This标注注释5.ESLint检查代码是否正常6.Prettier-c...原创 2018-12-19 17:40:06 · 12831 阅读 · 0 评论 -
js 数组元素值属性不一致 实现平均分(欢迎支持别样简单解法)
举例:let resArr = [{'name':'p1',scores:[{'a1':15},{'a2':25},{'a3':38},{'a4':45},{'a5':51},{'a6':63},{'a7':73},{'a8':81},{'a9':29},{'a10':10}]},{'name':'p2',scores:[{'a1':51},{'a2':35},{'a3':32},{'a4':49...原创 2018-11-27 16:27:38 · 389 阅读 · 1 评论 -
Immutable.js中在react的运用
Immutable 的几种数据类型List: 有序索引集,类似JavaScript中的Array。 Map: 无序索引集,类似JavaScript中的Object。 OrderedMap: 有序的Map,根据数据的set()进行排序。 Set: 没有重复值的集合。 OrderedSet: 有序的Set,根据数据的add进行排序。 Stack: 有序集合,支持使用unshift()和...原创 2018-12-05 15:16:51 · 680 阅读 · 0 评论 -
JS对象的引用,对象的拷贝
一、场景除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝将一个对象赋值给另外一个对象。var a = [1,2,3];var b = a;b.push(4); // b中添加了一个4alert(a); // a变成了[1,2,3,4] 自定义对象var obj = {a:10};var obj2 = obj;obj2.a = ...原创 2018-11-28 11:43:22 · 367 阅读 · 0 评论 -
面试 | JS高级---原型到原型链(一看就懂)
文中关于一些概念说了可能三到四边,或者更多,希望是加深大家的印象,希望理解,重要的概念说三遍,只要你能理解,我啰嗦五次都愿意。构造函数创建对象==========咱们先来一个栗子=======function Person(name){ //构造函数 this.name=name; } Person.prototype.printName=function( ){ ...原创 2018-11-30 17:18:43 · 279 阅读 · 0 评论 -
省/市/行政区el-cascader 动态加载
代码永远都是最好的诠释引入控件<el-cascader :options="options" @active-item-change="getNodes" :props="props"></el-cascader>动态处理获取子节点<script>import { getProviceList, getCityList, getAreaLi..原创 2018-12-29 18:20:55 · 4100 阅读 · 12 评论 -
vue中computed 的set 和get方法
直接上图上代码 清晰明了<div id="demo"> 姓:<input type="text" placeholder="firstName" v-model="firstName" /><br /> 名:<input type="原创 2019-01-16 09:04:06 · 4510 阅读 · 0 评论 -
前端程序员能力不足?表现在哪几点,你需要加强的地方!
随着前端越来越多的被提上日程,用户对产品的体验度要求越来越高,产品除了实用的特性还必须满足方便用,美观,交互好,人性化等一系列的操作,谁的产品先做到这些,就能获取用户的青睐。那么这样一来,前端无形当中追加了很多工作量,所以前后端分离是趋势,不可能要求后台去很多精力花费在帮我们吧数据和前端的静态效果以及相关的资源整合上。让大家分别去做各自擅长的事情。那么问题就暴露出来了,当对前后端能力要求、测试...原创 2019-03-07 17:58:10 · 2306 阅读 · 0 评论 -
小程序 mpvue 多段音频播放及长按录音
我们都知道 小程序有自带的 api 也有html5 的audio 标签但 小程序缺不内置了,咋办呢,肯定有办法解决的,如const recorderManager = wx.getRecorderManager() // 录音管理器 暂存器const innerAudioContext = wx.createInnerAudioContext() // 音频播放 (一段视频一个实例...原创 2019-03-15 09:24:21 · 722 阅读 · 0 评论 -
js 数组排序
一、js的sort()方法arr = [{a:1},{a:2},{a:3},{a:1}]arr.sort((arg1,arg2)=>{ if(arg1.a<arg2.a){ return -1 } if(arg1.a>arg2.a){ return 1 } return 0})// 打印 arr [{a:1},{a:1},{a:2},{a:3}]...原创 2019-03-07 10:53:46 · 145 阅读 · 0 评论 -
如何在vue项目中使用md5.js及base64.js
一、在项目根目录下安装npm install --save js-base64npm install --save js-md5二、在项目文件中引入(main.js 作为全局变量)import md5 from 'js-md5';let Base64 = require('js-base64').Base64; ==== import { Base64 } fro...原创 2019-03-04 11:16:01 · 457 阅读 · 0 评论 -
微信小程序下拉刷新和上拉加载的实现
小程序下拉刷新 都是我们习以为常了吧一直说 下拉有两种方式 scrollview 和onPullDownRefresh(小程序自带的api)辣么实现操作呢很多人讲利用 用"enablePullDownRefresh":true 这是没有错的 但到底怎么使用呢,那我来说一下第一、 在app.json文件中 window对象下 定义// app.json"window"...原创 2019-03-01 10:48:12 · 904 阅读 · 1 评论 -
vue+elementui实现表头根据后台数据动态生成字段
有时需求涉及表头动态加载 ,肯定是涉及渲染了 代码如:cols: [ { label: "节点编号", prop: "node", type: "normal" }, { label: "名称", prop: "name", type: "normal" }, { label: &quo原创 2019-02-19 09:14:49 · 4405 阅读 · 0 评论