- 博客(129)
- 收藏
- 关注
RSS订阅转载 axios 使用post方式传递参数，后端接受不到
最近做vue项目，做图片上传的功能，使用get给后台发送数据，后台能收到，使用post给后台发送图片信息的时候，vue axios post请求发送图片base64编码给后台报错HTTP 错误 414请求一直报错，显示request URI too large后台显示一直没有收到数据 参数为null。网上查看了很多资料，才知道axios post传参的问题。 this.$axios...
2018-12-12 16:51:00
289
转载 类数组转换为数组的方法
简单的方法https://blog.csdn.net/weixin_42733155/article/details/81107716原理性https://www.cnblogs.com/guorange/p/6668440.html转载于:https://www.cnblogs.com/TigerZhang-home/p/9998939.html...
2018-11-22 08:27:00
184
转载 深入理解原型，原型链的关系
https://www.cnblogs.com/alsy/p/5099175.html转载于:https://www.cnblogs.com/TigerZhang-home/p/9998926.html
2018-11-22 08:05:00
193
转载 JS阻止事件冒泡的3种方法，以及他们之间的不同
什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来...
2018-11-05 14:03:00
270
转载 vue的双向绑定原理及实现
前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码： 效果图：是不是看起来...
2018-11-05 13:43:00
61
转载 Vue单页应用中Element ui中的el-tree单选功能
在VUE单页应用项目开发过程树形中有一个需求，需要选中树形控件（可以是点击选中行或者复选框），但是只能选中一个。控件使用的是Element ui中的el-tree，但是找了一下并没有单选组件的API，慢慢琢磨中。1.el-tree组件2.主要是通过两个事件进行联合判断，node-click节...
2018-11-02 16:06:00
471
转载 前端性能优化篇
本文转载自 IMWeb 前端博客：http://imweb.io/topic/5b6fd3c13cb5a02f33c013bd本文是对之前同名文章的修正，将所有 webpack3 的内容更新为 webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 引 言对于网站的性能，在行业内有很多既定的指标，但就以前端 er 而言，我们应...
2018-09-29 10:39:00
364
转载 placeholder兼容ie8,9
写了一登录页，其中有动态验证码这一简单的功能。在大部分浏览器没问题。但是在i8以下，突然报错了，jquery中addeventlistener有问题。原来是jquery的版本有点高了，改为<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>这个版本才把这...
2018-09-26 10:35:00
90
转载 阻止事件冒泡 和 阻止事件默认行为
1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；3.return false ...
2018-09-25 17:40:00
86
转载 DOM对象加载完成后再执行操作
正确的解决办法是充分利用浏览器的队列特性，如下：// 声明定时器var timer = null// 检查dom是否执行完成function check() { let dom = document.getElementById('yiifaa') if(dom) { // 执行dom加载完成后的操作，例如echart的初...
2018-09-25 17:13:00
1236
转载 cs3完成的钟表
先看一下效果图，背景表盘是一个底图。选一个漂亮的底图，整体钟表效果还是不错的。下边上代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de...
2018-09-21 17:13:00
69
转载 常见前端算法面试题
1.写一个方法将数组换成前端更易解析的树状结构functiongetTree(data) {varnewData = [],hash = {};for(vari = 0; i < data.length; i++) {if(!hash[data[i].province]) {...
2018-09-20 08:51:00
222
转载 苹果手机浏览器$(document).on(“click”,function(){})点击无效的问题
今天在测试的时候发现，动态生成元素的点击事件$(document).on(“click”,function(){})在andriod设备和电脑浏览器模拟上可以触发，而在apple移动设备上却无法触发。试过很多办法，在元素生成后 再绑定事件，把click改成touch事件，都没有用，最后好不容易百度到了解决办法解决的方法很巧妙，就是给需要绑定事件的元素添加一个css cursor: ...
2018-07-20 10:57:00
2982
转载 JQuery $(function(){})和$(document).ready(function(){})
document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）二是onload，指示页面包含图片等文件在内的所有元素都加载完成。用jQ的人很多人都是这么开始写脚本的：$(function(){// do something});其实这个就是jq ready()的简写，他等...
2018-07-20 10:50:00
80
转载 css3 pointer-events:none 允许点击穿透
开发时加了蒙层，却可以点击到蒙层下边的元素。查了以后才发现是pointer-events:none属性具有允许点击穿透的功能，将其设为pointer-events:auto就好使了。事件穿透让我想起了zepto.js中的tap事件同样会引发事件穿透的效果。如果用tap事件是为了提升响应速度，建议引入fastClick,js.在点击事件的时候同样可以提升速度。转载于:https:/...
2018-07-20 10:42:00
304
转载 ES6箭头函数（Arrow Functions）
ES6可以使用“箭头”（=>）定义函数，注意是函数，不要使用这种方式定义类（构造器）。一、语法1.具有一个参数的简单函数12varsingle = a => asingle('hello, world')// 'hello, world' 2.没有参数...
2018-07-03 15:33:00
61
转载 微信小程序实例源码大全下载
微信小应用示例代码(phodal/weapp-quick)源码链接：https://github.com/phodal/weapp-quick微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)源码链接：https://github.com/giscafer/wechat-weapp-mapdemo微信小应用- 掘金主页信息流(hil...
2018-07-02 10:51:00
629
转载 dot.js模板引擎，避免大量拼接字符串
doT.js详细介绍doT.js特点是快，小，无依赖其他插件。在项目中经常遇到大量拼接字符串的情况，比如我想用js写一个动态的模态框出来。这时候大量的加号引号拼接就十分恶心。es6可以用新特性的反单引号（``）进行快速搭建模板，但是遇到警容问题就头疼了。所以这时候利用dot.js进行模板引擎的渲染来处理就很合适。官网：http://olado.github.iodoT....
2018-06-26 09:46:00
109
转载 前端重构方案了解一下
前言前端技术发展很快，很多项目面临前端部分重构，很开心可以让我进行这次项目前端的重构方案编写，在思考的同时参考了网上很多资料，希望本篇重构方案有一定的完整性，可以带给大家一些在面临重构时有用的东西，同时希望路过的大牛小牛不领赐教，能给我略微指点下重构相关的点，在下感激不尽~一、原项目梳理首先对原来项目做一个大概的梳理，既然是重构，当然很多东西是可以继续拿来使...
2018-06-21 09:31:00
112
转载 微信小程序开发基础教程
从零开始小程序今天一不小心拿到了小程序的内测资格，为了不辜负微信团队的信任，我决定十一奋斗一把！不过话说我可是一个Android工程师啊！所以就让我们从零开始！所以本文非常适合非前端工程师学习！哈哈！都说小程序出来前端会抢移动端饭碗，但是据我所知现在好多学习的都是移动开发工程师，谁抢谁的还不一定呢！PS：表问我怎么拿到小程序内测资格的，有种东西叫内部资源！准备...
2018-06-20 10:07:00
87
转载 如何让签到成为提升用户活跃度的利器
本文将为大家解读哪些应用适合签到功能，哪些应用不适合签到功能，以及如何充分发挥签到功能的潜力，让用户和应用都能够从签到功能获益。一、为什么要设计签到？传统意义上的签到绝对不是一件令人开心的事情， 因为错过签到往往意味着惩罚，比如：上班迟到，或者课堂迟到，传统签到的主要目的是为了得知员工或者学生的情况。各类app和单位一样也追求用户的参与率，签到功能在各类app中广为使...
2018-06-19 16:35:00
210
转载 签到功能，你真的知道怎么做吗？
什么是签到？百度百科的词义：签到，指在规定的簿册上签名或写一“到”字，表示本人已经到达。亦即用记录的方式表明自己出席或者参加过某个活动。多用于出席会议或上班。从百科的解释我们知道，签到是按时间或地点记录表明自己参与了某件事情。引申到互联网产品来说，是表明自己当天打开或登陆了某个网页或APP进行了一些操作。而众所周知，用户打开或登录这个产品是一项非常最要的指标，即用户活...
2018-06-19 16:32:00
763
转载 如何提升产品的用户活跃度？
基于最近用户活跃有了一些深入的理解，所以对用户活跃做了一定的大梳理。在这个梳理过程中，作者分了三部分。第一部分是产品维度，第二部分是运营维度的，第三部分是大公司运作和商业逻辑维度的。对于这三大块维度的梳理对用户活跃的帮助和对用户需求满足，把低频次需求提升上来的方式和方法进行梳理。对作者本人也是一种再学习和进一步输出的过程。第一部分 产品用户活跃计划1、用户价值维度...
2018-06-19 16:31:00
244
转载 前端js模糊搜索（模糊查询）
1.html结构： <label for="searchShop" class="clear pos-a" style="top:17px;"> <input type="text" id="searchShop" placeholder="场所搜索"> <input type="button" value=...
2018-06-05 14:20:00
1016
转载 ES6十大常用特性
平时项目中用到不少es6的语法，然后来全面了解一下。看到一篇博客总结的不错。特来分享https://blog.csdn.net/bingtangcsnd/article/details/63684142以下是ES6排名前十的最佳特性列表（排名不分先后）：Default Parameters（默认参数） in ES6Template Literals （模板文本）...
2018-05-29 14:55:00
111
转载 js控制百分比不能超过100%；且小数点后保留两位小数
项目中遇到input文本框输入百分比例，要求不能超过100%，且最多只能保留两位小数。下边是封装好的一个简单的方法<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content=...
2018-05-17 10:46:00
1443
转载 利用session控制 长时间未操作自动退出登录
做项目时，一般会考虑到长时间未进行操作，能够自动退出登录。下边就利用session来实现这一功能//采用H5 sessionStorage，保存登录信息的公共js，不采用jquery//目前仅为供给平台使用var _EXPIRE_TIME=30*60*1000;//三十分钟没有操作，则注销var _interval_handler=-1;(function () ...
2018-05-07 15:12:00
3156
转载 一次性清除所有session
session中存了很多值，如何用较少的代码清除所有的session?可以一个一个的用session.removeitem清除的；简单省事：sessionStorage.clear()转载于:https://www.cnblogs.com/TigerZhang-home/p/8985629.html...
2018-05-03 15:34:00
721
转载 动态引进js文件
在项目中遇到一个这样的问题。即：进行登录以后才引进并执行一个外部的js文件。代码如下：//动态引进js,登录成功后引入holdSession.js function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/...
2018-05-03 15:33:00
104
转载 Vue--findIndex方法的使用原理
原理：// 根据id得到下标// 默认去遍历list集合，将集合中的每个元素传入到function的item里，var index = this.list.findIndex(function(item){//根据item中的id属性来判断这个item是否是上面id中//对应的数据，如果是返回一个true ,否返回false,继续下面的一条数据的遍历，以此...
2018-04-27 14:21:00
255
转载 Vue--过滤器（私有和公有）
一.过滤器的基本使用 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale...
2018-04-27 14:20:00
99
转载 Vue--由自动获取焦点引出的DOM、mounted、自定义指令
一.自动获取焦点的DOM实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width...
2018-04-27 14:19:00
108
转载 Vue--使用watch、computed、filter方法来监控
watch与computed、filter：watch:监控已有属性，一旦属性发生了改变就去自动调用对应的方法computed:监控已有的属性,一旦属性的依赖发生了改变，就去自动调用对应的方法filter:js中为我们提供的一个方法，用来帮助我们对数据进行筛选watch与computed的区别:1.watch监控现有的属性,computed通过现有的属性计算出一...
2018-04-27 14:16:00
135
转载 Vue--axios：vue中的ajax异步请求（发送和请求数据）、vue-resource异步请求和跨域...
跨域原理:一.使用axios发送get请求 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, ini...
2018-04-27 14:15:00
73
转载 Vue--过渡动画实现的三种方式
一.使用vue的transition标签结合css样式完成动画 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, ...
2018-04-27 14:13:00
557
转载 Vue--公有组件以及组件的使用和特点
组件的作用：为了能够让功能与功能之间互不影响，使代码更加清晰整洁 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width...
2018-04-27 14:11:00
101
转载 Vue--vue中的生命周期
Vue的生命周期：在理解vue生命周期前要把握它的三个重点：创建-> 改变 -> 销毁创建： 1.执行beforeCreate 2.监控data 3.注册事件 4.执行create 5.执行beforeMount ...
2018-04-27 14:09:00
109
转载 Vue--vue中的组件、组件绑定事件和数据、私有组件、子组件，父子组件参数互传...
一.公有组件以及组件的使用和特点 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1...
2018-04-27 14:06:00
117
转载 Vue--vue-Router
一.vue路由的基本使用为什么需要路由?因为我们通过component切换组件无法给组件传递参数component切换组件1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="vi...
2018-04-27 14:00:00
1075
转载 Vue--vue中常用的ECMAScript6语法
1、对象的写法1 es5中对象： {add:add,substrict:substrict}2 es6中对象： {add,substrict} 注意这种写法的属性名称和值变量是同一个名称才可以简写，否则要想es5那样的写法,例如： {addFun:add}2、在对象中的方法的写法1 es5中对象： {add:function(){},substrict...
2018-04-27 13:57:00
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人