2 拼搏的小叔

尚未进行身份认证

开心往前走。。。。

等级
博文 60
排名 4w+

最简便的list数据转树形结构方法(递归详细)

后台返回数据是一行一行的,但是前端展示要树形结构数据,所以需要我们自己处理函数了,小编在此献丑了,小写一个简便函数供大家参考,希望反馈一下。返回数据格式:varlist=[{name:'根目录1',id:1,parentId:0},{name:'根目录2',id:2,parentId:0},{name:'目录1-1',id:...

2019-05-31 10:27:54

js 某年的某月多少天(最优)

functiongetDaysInMonth(year,month){  //接受俩个参数年,月  vardate=newDate(year,month,1);    returnnewDate(date.getTime()-864e5).getDate();  } getDaysInMonth(2018,2);//28天...

2018-04-09 09:32:59

js常用的一些面试题。

1.如果我们使用JavaScript的"关联数组",我们怎么计算"关联数组"的长度?varcounterArray={A:3,B:4};counterArray["C"]=1;答案:Object.keys(counterArray).length2.什么是instanceof操作符?下面代码输出什么?functionfoo(){

2017-09-14 13:24:01

webpack搭建的vue-cli项目如何使用sass?

vue项目使用sass1,使用save会在package.json中自动添加。npminstallnode-sass--save-devnpminstallsass-loader--save-dev注:通常使用npm安装会出现以下报错,安装失败。(网路问题)可以通过淘宝的npm镜像安装node-sass,解决以上问题。

2017-09-07 09:42:14

js数组去重复的最优写法

1.创建一个新的数组存放结果2.创建一个空对象3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。Array.prototype.uniq

2017-08-21 15:46:25

Vuejs 用$emit 与 $on 来进行兄弟组件之间的数据传输

Vue2-单一事件管理组件通信//准备一个空的实例对象varEvent=newVue();//组件AvarA={template:`我是A组件的数据->{{a}}`

2017-08-21 09:39:04

通过jQuery Ajax使用FormData对象上传文件

FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在MozillaDeveloper网站使用FormData对象有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢?本文将介绍通过jQuery使用Form

2017-08-17 14:09:34

win7 配置apache-tomcat环境

学习了一个月的java基础,终于要迈向javaweb领域。学习javaweb开发就离不开服务器的支持,由于本人是菜鸟,只好求助度娘谷哥。在此,把本人成功配置的步骤分享出来,一是当作笔记备份,说不定哪天系统崩溃了还得重新配置就不需要再次度娘了;二是给众多寻找度娘的朋友一个好的参考。Tomcat下载,你需要下载与JDK相配的版本,官方首页就有如下图所示,在这里就是Tomcat7.0了

2017-08-16 18:09:50

Google Chrome浏览器点击 input file上传按钮时延迟3-5秒

Googlechrome浏览器在52版本之后出现一个bug,就是点击inputfile上传按钮时反应很慢,需要等待3-5秒种之后才能弹出选择文件的对话框。比如改为问题解决;但是还要支持zip、rar、pdf呢!再改成:不幸的是延迟弹出的bug再次出现。新版chrome在点击inputfile时,如果你仅仅上传图片,chrome是不会检查这些图片是否有危

2017-08-15 08:57:21

Normalize.css简书

简介Normalize.css只是一个很小的css文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的cssreset,Normalize.css是一种现代的,为HTML5准备的优质替代方案。Normalize.css现在已经被用于TwitterBootstrap,HTML5Boilerplate,GOV.UK,Rdio,CSSTricks以及许许多多其

2017-08-14 17:09:20

Vue路由History mode模式中页面无法渲染的原因及解决

Vue.js +vue-router创建单页应用,是非常简单的。使用Vue.js,我们将组件(components)映射到路由(routes),然后告诉vue-router在哪里渲染它们。一般开发的单页应用的URL都会带有#号的hash模式,因为整个应用本身而言就只有一个HTML,其他的都是通过router来渲染。url带#号会带来很多bug,例如:微信分享和微信支付配置等传的ur

2017-08-14 16:29:47

解决手机自带浏览器上,用rem单位,内容超出屏幕宽度问题!(rem计算不准)

问题描述:在H5手机页面上,用rem单位布局,配合js计算出一个根节点的font-size(原理是屏幕宽度乘以一个固定比例,如1/100),之后页面中所有的px全都换算成了rem单位来写,优点是能适配各种不同屏幕尺寸的手机,不需要写媒体查询!例如:设计稿是750px,用js计算出来的根节点font-size是100px(证明此时屏幕宽度是750px),那最外层的容器宽度就写成7.5rem(计算

2017-08-09 17:28:13

javascript时间戳和日期字符串相互转换代码(超简单)

一、日期字符串转时间戳//获取当前时间戳(以s为单位) //第一种方式 vartimestamps=+newDate(); timestamps=timestamps/1000; //第二种方式 vartimestamp=Date.parse(newDate()); timestamp=tim

2017-08-09 10:36:39

Webpack如何打包才能尽可能的缩小体积(详解)

Webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack可以将多种静态资源js、css、less转换成一个静态文件,减少了页面的请求。当前各大主流框架默认配备的打包方案,对其如何使用,已有较完备中英文文档;并且,各主流框架也有对应 CLI 予以基础配置,故不作为探讨

2017-08-07 11:40:57

webpack如何使用webpack-dev-middleware进行热重载(详解)

学习webpack时,遇到webpack-dev-middleware时,不理解它的作用,故搜集资料,才明白起作用,写下文章,供大家学习。

2017-08-06 09:05:26

css3文字模糊代码(详解)

-webkit-transition:0.5sallease;是会在0.5秒的时间执行li的所有指定的动画,text-shadow:0010pxblack;这个是对文字设置黑色的阴影,opacity:0.8;这个是整体的透明度color:rgba(0,0,0,0);这个是设置文字的颜色为黑色,然后是指其透明度为全部透明

2017-07-31 15:14:44

从零开始学_JavaScript_系列(40)——对象的扩展(3)当枚举、原型链遇见对属性的操作

0、一句话总结属性名,以及是属性的函数的简洁写法,写起来简单易阅读属性名可以用变量字符串拼接起来(话说以前也有吧?)函数都有name属性,但set和get也要加前缀Object.is判断两个变量是否相等Object.assign可以合并对象的非原型链上,且可枚举属性Object.getOwnPropertyDescriptor查看属性是否可枚举、可修改、可赋值Object.keys获取对象

2017-07-28 10:43:28

ios底部输入框输入时被隐藏的bug解决

最近做项目的时候,底部的输入框用了fixed定位固定在底部,当点击输入时,键盘弹起盖住了输入框问题,小编对此问题进行了分析,给了一个完美的解决的方法,方法如下demo。底部输入框被隐藏的bug解决*{padding:0;margi

2017-07-27 21:08:24

elementFromPoint的用法(详解)

document.ElementFromPoint:根据坐标获得元素,可用于触屏设备上获取当前点击元素的名称语法:oElement = document . elementFromPoint ( iX , iY )参数:iX :  必选项。整数(Integer)。单位:象素(Pixel)。定位横坐标偏移量。iY :  必选项。整数(Integer)。单位:象素(Pixel)。定

2017-07-24 15:58:53

touch事件中的touches、targetTouches和changedTouches(详解)

touches:当前屏幕上所有触摸点的列表;targetTouches:当前对象上所有触摸点的列表;changedTouches:涉及当前(引发)事件的触摸点的列表通过一个例子来区分一下触摸事件中的这三个属性:1.用一个手指接触屏幕,触发事件,此时这三个属性有相同的值。2.用第二个手指接触屏幕,此时,touches有两个元素,每个手指触摸点为一个值。当两个手指触摸相同

2017-07-24 15:49:20
奖章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周上午根据用户上周的博文发布情况由系统自动颁发。