自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

xu3tu的博客

前端技术点

  • 博客(35)
  • 收藏
  • 关注

原创 微信小程序不解问题集

1、为啥wx.showloading({mask:true})开启遮罩之后 还能触发图片的点击事件图片不是原生组件 不是层级原因吧2、button不是原生组件 Input是原生组件 手机验证码框情况下 button定位后竟然可以点击button来获取验证码 原生组件不是最高层级嘛3、(问题)wx.showloading({mask:true})开启遮罩之后 input 元素作为原生组件 可以...

2018-12-10 16:10:58 495

原创 微信小程序下拉刷新事件无效原因

1.页面json文件中没有开启enablePullDownRefresh配置2.请在真机调试中调试(开发工具下拉事件监听不到)tip: q:有下拉页面移动效果,没有刷新加载动画a:加载动画颜色跟背景色重叠,设置json文件"backgroundTextStyle": “dark”q:下拉后页面不返回顶部a:没有调用结束下拉刷新动画方法js文件onPullDownRefresh: fu...

2018-12-07 10:25:01 12434 4

原创 JS中的truthy(真值)和falsy(假值)

JS Boolean上下文中的值转换后的值有truthy真值和falsy假值,如下:falsy假值:if("")//String基本类型中的 空字符串if(null)//null基本类型if(undefined)//undefined基本类型if(false)//Boolean基本类型中的 falseif(NaN)//NaNif(0)0 //Number基本类型中的 0***js中...

2018-11-27 17:36:30 670

原创 Vue-cli中webpack设置proxy(代理)解决跨域的问题

背景:最近私活开发的时候,后台用的tp框架,sessionId加密作为token,我请求获取后再携带请求接口会提示token无效(不存在),根据经验推断可能是跨域造成的(后台对跨域已经做了处理)。解决方法:由于使用的是vue-cli脚手架,所以采用webpack中的proxy方法(代理解决跨域)config/index.js文件中配置dev对象中的proxyTable对象'/test’...

2018-11-23 10:21:43 2749

原创 微信小程序引入echart不显示原因

微信小程序 引入echart 必须给ec-canvas标签外部定义一个box并且设置宽度和高度,不然图表不显示 直接设置给ec-canvas标签高度和宽度也不行

2018-10-25 15:28:59 10072 7

原创 JS Date 的 toLocaleString()方法的坑

JS Date 的 toLocaleString()方法 各个浏览器处理方式不一样,不兼容 同一个时间戳 在IEdge转换正常,在谷歌转换成时间字符串多12小时 !!!

2018-08-22 11:56:29 6389

原创 Vue-cli中引入外部js,css等插件资源

Vue-cli中引入外部js,css等插件资源,比如网站模板等,可以放在static文件夹中,在index.html中引入。

2018-07-30 15:46:49 2433

原创 canvans添加图片图片不显示问题

使用canvans的drawImage()方法时第一个参数img必须加载完才能绘制,不然不显示,解决方法:img.onload=function(){cxt.drawImgae(image,0,0)}

2018-07-04 14:20:11 603

原创 canvans添加图片图片不显示问题

使用canvans的drawImage()方法时第一个参数img必须加载完才能绘制,不然不显示,解决方法:img.onload=function(){cxt.drawImgae(image,0,0)}

2018-07-04 14:19:06 1265

原创 let声明的变量竟然不在Window对象(Global作用域)中

let声明的变量存在于Scope作用域链上的名为Script的作用域中,下图:

2018-06-25 14:40:40 2373

原创 笔试题:判断两个版本号

// 软件版本号有四部分组成,第一部分为主版本号,第二部分为次版本号,第三部分为修订版本号,第四部分为日期版本号加希腊字母版本号,希腊字母版本号共有五种,分别为base、alpha、beta 、RC 、 release function compareVersions(v1,v2){ var v1s = v1.split(‘.’); ...

2018-06-20 10:35:28 2414

翻译 ES6 ...(扩展运算符)对对象的使用

…在node 8.0 和 谷歌60以上版本中可以使用

2018-05-25 16:25:06 2446

原创 table中使用合并单元格时不能进行表格的display设置

今天在使用table的合并单元格是使用了display:flex,就不能达到实际效果了

2018-04-24 13:50:16 1159

原创 模板之家模板侧边菜单无法点击问题

使用模板之家的模板的时候有个custom.js用来控制侧边菜单的点击折叠展开功能的,第一次使用的时候发现无法点击,原因是把这个js删掉了,后来再使用的时候发现无法点击,寻找原因发现custom.js存在,但是模板中它是最后引入的,我使用vue将侧边菜单的代码组件化的js代码放在了custom.js导致侧边菜单js执行时代码还没有存在,所以无法点击。只要把custom.js放在生成侧边菜单的js后边...

2018-04-21 13:46:26 230

原创 原型链

通过原型链可以实现原型继承 构造函数:每个构造函数都有自己的原型对象 原型:每个原型对象都有指向构造函数的指针 实例:每个实例都有指向原型对象的指针 A要继承B,通过将B的实例赋值给A的原型对象,构成A与B之间的原型链,通过原型搜索机制实现方法和属性的继承。...

2018-04-19 13:39:28 111

原创 apply 和 call,bind

由于忘了基本的概念只会使用了,感觉学而不思的状态,返回去重新学习了一下概念的东西。 在继承中,我们首先想到的就是原型继承,原型继承就是基于原型链,在此就说一下它的缺点引出下文,就不多介绍了。 原型链的缺点在与原型搜索机制基于原型链查找属性和方法,所有实例都是通过指针指向超类型的属性和方法,一个的改变会引起多个的改变。所以有了借用构造函数的方法,通过apply和call改变this的作用域,调用...

2018-04-19 12:06:06 121

原创 cookie与session

假如我们登录百度,把百度的cookie暴漏给别人,那么别人就可以通过cookie登录你的账号。(百度对应的cookie为其中的BDUSS,自己玩去吧) 一般网站都会简单的通过session与cookie一一对应来解决登录问题,由于服务器并不知道你是谁,只能通过cookie查找session来识别,那么你就可以干掉cookie,留下孤独的session,期望cookie的光顾,创建新的cookie...

2018-04-16 17:07:35 129

原创 对象的循环

1.最基本:for(var i = 0,arr=['Z','S','T','Y'];i<arr.length;i++){ console.log(i,typeof(i),arr[i]);//i是数值}2.forEach(ES5)(arr=['Z','S','T','Y']).forEach(function(value,index,arr){ conso...

2018-04-11 18:06:02 5649

原创 CSS中的relative和absolute的区别

relative 是相对元素本身进行定位,不会脱离文档流,其之前的位置保留; absolute基于前一个不是static定位的父元素进行定位,脱离文档流,之前位置不保留。...

2018-04-11 16:02:07 362

原创 Vue.js自定义组件比中标签问题

在使用自定义组件时发现最外层只能包含一个标签,这是为啥?

2018-04-11 15:25:54 334 1

原创 CSS3 nth-child的使用

CSS3中 el:nth-child(n)指的是父元素下第n个子元素的el元素

2018-04-11 15:24:10 192

原创 CSS中的旋转

今天在描绘二叉树结构的时候用到了定位和旋转,发现了如下: 1.先定位完成后,在进行旋转,旋转中心点是根据元素中心点来进行的。 2.旋转后宽高都会变化...

2018-04-11 11:48:55 584

原创 函数参数传递方式

ECMAScript中所有函数的参数都是按值传递的——《高程3》原话 实际上,效果如下: 基本类型的传递:var a = 1;(function(b){ b = b + 1; console.log(b); console.log(a);})(a)VM431:4 2VM431:5 1引用类型对象的传递:var a = { num:1};...

2018-04-11 10:09:06 106

原创 通过自执行函数实现块级作用域时变量作用域问题。

今天看见块级作用域是发现了一个愚昧的问题,在此记录一下,谨记:var a = 0;(function(){ var a = a; console.log(a);})()上述代码显示undefined,我还以为是输出0呢。后来想了想,知道了自己哪里错了,在此写详细点,怕有同样问题的小白疑惑: 全局变量: a,a=undefined,a=0; ...

2018-04-11 09:58:09 819

原创 函数自执行

;function(){    alert('1');}();;可以保证代码的健壮性,保证代码压缩的时候不会出错其他自调用方法:    一元符:var i = function(){}();                   +function(){}();                    -function(){}();                    (function(){})...

2018-04-03 16:45:33 102

原创 iframe的加载顺序

我使用layui的富文本编辑器 window.onload竟然找不到iframe???只好使用定时器了

2018-03-28 11:35:51 2080

原创 关于页面加载iframe及其对JQ中的加载完毕方法和JS的加载完毕方法的更深认知

    在项目中用到了layui的富文本编辑器,此框架是通过生成iframe来实现的,由于要对富文本编辑器进行实时保存功能,需要自己在此框架基础上进行一些修改,就需要对iframe进行交互了。很少使用iframe这种方法,对此不太精通。就去查了一下操作方法,发现自己有的方法有效果有的没有,出于程序员的态度,不搞清今晚就不可能睡着了!    使用原生JS的方法都能够成功,使用JQ的方法就失败。我通过...

2018-03-28 10:26:39 1703

原创 为啥JQUERY有时候的点击事件封装出错

有时候会报告google未定义等。。。 引用地图 图表之类的就会容易出现

2018-03-18 17:29:14 107

原创 CSS中width的百分比设置

   元素的width的百分比设置: 定义基于包含块(父元素)宽度的百分比宽度。 话虽如此,实际上无论怎么设置盒模型(box-sizing)的宽度,子元素都是基于父元素的内容(content)宽度并非width的实际大小。结论:子元素的width是基于父元素 内容宽度 而并非 width的大小。(Demo简单,自行测试吧,无图了)...

2018-03-17 17:43:36 7630

原创 关于JS定时器传参问题

使用定时器时调用匿名函数传入参数时要加引号

2018-02-22 09:59:08 760

原创 17年年前总结

    17年从深圳回来后,调整面试用了差不多一个月的时间来到了现在这个公司。从2018.01.15到今天2018.01.11,不到一个月的时间,抛去请假差不多在职了20天吧。    从第一天刚来的熟悉环境(配置电脑环境,熟悉项目,等等),下午就开始写后台管理系统。发现后台模板存在大量bug后,更换了一套新的模板,完善了后台管理的各种页面。完成前端页面后发现服务器与硬件的连接存在问题,从两个方面解...

2018-02-11 11:06:58 199

原创 端口映射设置

在此,我以阿里云服务器为例进行讲述,分为两步,第一步,设置公网的端口,第二步,设置端口映射。关于本机之类情况的,自行百度通过路由器设置。 第一步,设置公网的端口 登陆阿里云服务器,打开控制台,进入自己的服务器实例,点击右边的 更多 下拉按钮中的 安全组配置 ,点击 配置规则,添加安全组规则。其中,授权对象为可以访问你外网的对象,0.0.0.0/0为对所有用户开放权限,端口范围为你要开放

2018-01-28 17:35:13 1208

原创 css中box-sizing的使用场景

首先,要知道box-sizing是用来干啥的:改变盒模型中宽度和高度的定义范围。 border-box: width = content + padding + border ,也就是IE的盒怪异模式。 content-box:width = content 正常模式使用场景分析:当需要以content + padding + border为整体的时候使用border-box,例如

2018-01-24 17:49:43 1871

原创 前端水平垂直居中总结

方法1: 定位代码:.parent{ position:relative;} .child{  position:absolute; top:50%; left:50%;   transform:translate(-50%,-50%);}通过对父元素的绝对定位,使子元素距离父元素顶部50%,左部50%的位置开始显示,然后再通过CSS3的移动使子

2018-01-24 17:23:46 198

原创 缓存那些事

从缓存扯到http,又扯到性能优化,就是在扯这些东西吧从看大公司的前端性能优化到自己项目实战,缓存是一件极其有意思的事情之一(还有正则,函数,再扯就跑题了。。。)。在此我们先把逻辑流程走一遍。ETag: 这是啥:请求HEAD中的一个属性', 干啥的:帮助服务器控制Web端的缓存验证', 怎么干的:当浏览器请求服务器的某项资源(A)时, 服务器根据A算出一个值HASH(有人说

2017-09-08 11:24:06 148

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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