perry

原创 零碎小知识积累

1，今天发现按钮这个按钮居然自带提交属性,,,如果我们不需要提交的时候，那就给按钮设置属性type ='button'即可，当时我就惊呆了，赶紧把他记下来， ----- 2018。2。6日2，输入输入框是只能输入数字       onkeyup =“value = value.replace（/ [^ \ d] / g，''）”ng-pattern =“/ [^ a-zA-Z] /”3...

原创 将本地代码推到其它仓库

将本地代码推到其它仓库

原创 雷达图添加点击事件

//添加点击事件 that.myChart.on('click', function (params) { //定义参数-name let name = '' //点击文字 if (params.name !== '') { name = params.name } else { //点击拐点 /...

原创 组件引入不进去的问题

原创 vue报错-Error: listen EADDRNOTAVAIL 10.10.20.114:8080

错误如图所示报这个错误的意思是该端口被占用了，那怎么做呢？1、重新查一下自己的电脑ip，win+R打开命令行窗口，cmd进入，输入ipconfig查询ipv42、查出来之后，去项目的配置文件config->index.js中，吧ip改成ipv4的ip然后3、npm run dev，就ok了！ps：这种启不起来的情况是真的恶心！！！删了好多次node_mod...

原创 div禁止点击事件

style="pointer-events: none;" 

原创 限制ajax频率的方法

大概的思路就是等请求成功之后才能再次发送请求，当然也可以加延时请求等var ajaxFinished = true;$("p").on("click", function(){ if (ajaxFinished) { ajaxFinished = false; $.get('https://www.baidu.com', function(){ co...

原创 git学习与常用命令

一、创建本地仓库（初始化）      git init二、创建文件、文件夹        1> touch  a.txt（存在兼容性问题，有可能创建失败）        2>echo.>b.txt(推荐)        文件夹：mkdir perry（文件名）三、查看当前状态（红色未追踪、绿色追踪）         git status四、把新创建...

原创 es6学习记录

1、数组的结构赋值a = [1, 2];b = [3];console.log([...a,...b])//[1, 2, 3]2、对象的解构赋值let a = {a:1,b:2}let b= {c:3, d:4}let c = {e:5}console.log(Object.assign(a,b,c))//{a: 1, b: 2, c: 3, d: 4, e: 5}...

原创 element-ui 的upload组件，before-upload验证不通过后触发了on-remove方法的解决办法

1、图示rt，类似于这样的上传2、HTML<h3>套图</h3> <el-upload :before-upload="beforeAvatarUpload" style="margin-left:75px;" :file-list="fileList" :headers="headers" :action="uploadUrl&

原创 前台input输入直接调取手机数字键盘

<input type="tel">

原创 ES6数组对象去重

<script> let hash = {}; let config = [{ name: 2, state: true, output: 'Y', }, { name: 3, state: true, out...

原创 element-ui中table表头错位问题

body .el-table th.gutter{ display: table-cell!important;}body .el-table colgroup.gutter{ display: table-cell!important;}把这样式添加到index.html中、或者app.vue中（必须是入口文件，才能全局起作用！）...

原创 vue input搜索去除字符串前后空格空格

<input v-model.trim="msg"> 过滤前后空格 

原创 关于Object.keys()方法的解析

在实际开发过程中，有时需要知道对象的所有属性，除了 (for...in...) 外，原生js 给我们提供了一个更优雅的方法：Object.keys( object)。 ☆  传入对象， 返回 包含对象可枚举属性和方法的数组var obj = {'a': 'Beijing', 'b': 'Haidian'};console.log(Object.keys(obj)); //['...

原创 如何设置遍历多个对象，让他们的val值为空

直接上代码let obj = { "a": 1, "b": 2 }; Object.keys(obj).map(key => obj[key] = '') console.log(obj)看到这里大概有点懵逼了，这个object.key()是个什么东东？那好，那你先了解下这个方法是怎么肥四就明白了，附上地址：https://blog.csdn.net/weixin_...

原创 vue和mintui-Loadmore结合实现下拉刷新，上拉加载

mintui是饿了么团队针对vue开发的移动端组件库，方便实现移动端的一些功能，这里只用了Loadmore功能实现移动端的上拉分页刷新，下拉加载数据，废话不说上代码。<template> <div class="main-body" :style="{'-webkit-overflow-scrolling': scrollMode}"> <v-loa...

原创 聊一聊 JSON Web Token

JSON Web Token 入门教程JavaScript SON Web Token（缩写 JWT）是目前最流行的跨域认证解决方案，本文介绍它的原理和用法。一、跨域认证的问题互联网服务离不开用户认证。一般流程是下面这样。1、用户向服务器发送用户名和密码。 2、服务器验证通过后，在当前对话（session）里面保存相关数据，比如用户角色、登录时间等等。 3、服务器向用户返回一个...

原创 vue动态绑定class的方法

1、动态绑定class的方法，我自己记一下吧，每次用的时候想半天，好记性不如烂笔头，记下来吧2、v-text的用法

原创 基于vue-cli配置移动端自适应

之前写过一篇关于移动端屏幕适配：移动端屏幕适配的解决，今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。配方还是一样：手淘的 lib-flexible + rem配置 flexible安装 lib-flexible在命令行中运行如下安装：1npm i lib-flexible --save引入 lib-flexible在项目入口文件 main.js 里 引入 lib-flexible12//...

原创 vue炒鸡难懂的循环嵌套

好了，看下这个效果吧1、图示2、数据结构3、代码我只能说，真的牛批！（灰常感谢张浩波，波哥，真的牛批）哈哈哈哈哈

原创 数组遍历取关键字段

1、数组forEach遍历我们需要的是id，用forEach遍历即可取到，返回数组

原创 axios接口整合

1、汇总接口在api文件夹中创建，把所有的接口都统一起来，每一个模块一组（ceshi、sort一组）2、引入接口在main.js中引入api/index.js3、调用接口在哪个组建中用，就在哪个组建中调用好了，学到了吗？哈撒尅！...

原创 vue指令之v-show的用法

1、判断谋个元素是否显示或隐藏<el-button v-show="list.power == 1" @click="toUpload" class="toUpload" type="primary">去上传<i class="el-icon-upload el-icon--right"></i></el-but

转载 axios发送post请求，springMVC接收不到数据问题

最近做项目的时候，前端异步请求用到了尤大推荐的axios，发现一个问题，就是POST请求的时候，后台人员说他们的接口里面取不到我传过去的数据。案例重现axios.jslet axios = import('axios');instance = axios.create({ baseURL: '/ghcws', timeout: 10000,});export default inst...

原创 vue路由传参

vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转1. router-link<router-link :to="{ path: 'yourPath', params: { name: 'name', dataObj: data ...

原创 post请求给后台传参

今天axios请求的时候，遇到了一个问题，后端让我传一个id值，我是以json方式传过去的（一般情况都是json，之前基本没用过其他形式传），整半天都急了，快要吵架了！！！然后另外一个后台告诉我，有多种方式1、get带参数直接传过去，如图get方法2、post直接带一个字符串过去，如图post方法3、一般情况下都是json对象传过去的！！！我之前都没见过其他传的，后台告诉我他们都是那么传的、、、好...

原创 vue移动端组件库vux的安装和配置

1.安装vuxnpm install vux -- save2.安装vux-loadernpm intall vux-loader --save-dev3.安装less-loader（正确编译less源码，否则会报'cannot GET'错误）npm install less less-loader --save-dev4.安装yaml-loader （以正确的语言文件读取）npm install...

原创 使用vux的时候loader报错问题

遇到类似的问题，那就是less问题了，解决办法就是安装less依赖，npm install less less-loader --save

原创 VUE中常用的几种import（模块、文件）引入方式

1、引入js文件在用的那一页，引入文件相应的js文件里面，必须是暴露出来的2、引入组件3、引入外部组件4、引入外部js插件

转载 微信小程序之提高应用速度小技巧

小程序科普类的文章已经很多了，今天这里讲的是针对小程序的优化方法，可以有效提高小程序的响应速度和用户体验。当然，开发体验也提高不少。提高页面加载速度在小程序这个环境下，怎样提高页面加载速度呢？ 这个问题很大，我把问题具体一下，如何缩短从用户点击某个链接，到打开新页面的这段时间？ 这里抛一个核心关键点：从页面响应用户点击行为，开始跳转，到新页面onload事件触发，存在一个延迟，这个延迟大概在100...

原创 微信小程序 封装，传参等

微信小程序开发总结：一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明:(1)设置data-id<view class="block" bindtap="playTap" data-id="{{modle.id}}">(2): 取值 + 传值 playTap:function(e) { const dataset...

转载 基础知识总结

本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题，并且都给出了我在网上收集的答案。马上就要过春节了，开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。（如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。:）另外，宣传一下自己发布不久的一个前端vue的项目：基于vue2.0 +vuex+ el...

原创 H5中input中range类型的美化及其

目前在开发移动web的时候，使用到了input的range类型，涉及到了美化，那接下来就给大家说一说关于美化的问题1、如何使用滑动条？用法很简单，如下所示：<input type="range" value="0">1各浏览器原始样式如下： Chrome:  Firefox:   IE 9+:       常用（部分）属性如下：属性描述max设置或返回滑块控件的最大值min设置或返回滑...

原创 js获取select标签选中的值

js获取select标签选中的值var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值 ...

转载 详解iframe与frame的区别

前言：Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性，通过本文给大家详解细节iframe与frame的区别，对iframe与frame的区别相关知识感兴趣的朋友一起学习吧开门见山了，大家需要注意的地方：HTML5不再支持使用frame，iframe只有src 属性一、使用iframe的优缺点优点:　　1.程序调入静态页面比较方便;　　2.页面和程序...

原创 js生成二维码

在分享到微信和朋友圈的过程中，需要动态生成网页的二维码，这里做一下总结用法：HTML:<div id="qrcode"></div>css:body{    background: #0e0e0e;} #qrcode {    position: absolute;    left: 20%;    top: 30%;    z-index: 2000; ...

原创 页面跳转url传参以及获取

首先，在即将要跳转的页面的url后面带参数//点击微信，本地存储链接，然后跳转    $(".wxShare").click(function () { window.location.href = 'http://test.muwai.com/Product/product_code?url_code=' + location.href.split('#')[0];    })然后在接收...

转载 一键分享到QQ空间、QQ好友、新浪微博、微信代码

 通过qq空间、qq聊天、新浪微博和微信二维码分享平台提供的接口，实现把网页中对应的图片、标题、描述的信息参数用javascript获取后传进接口中，实现一键分享。        使用到的接口：            1.分享到QQ空间接口：https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&shares...

原创 微信小程序之———登录注册！

好了，我觉得有必要对前一阶段的小程序开发过程中的一些经验写出来，总结一下，今天呢，就来总结一下小程序登录注册相关的流程和开发过程中需要注意的问题，好了，废话不多说，开始咯！一：登录思路：当用户在未登录状态下点击“登录”按钮之后，执行login函数，先用wx.login获取登录凭证code，encryptedData和iv，然后把这三个参数发送过去，取回来is