Panda打怪升级-CSDN博客

原创 vue axios

vue axios 封装// 封装ajax请求// 参数一: url => 请求路径// 参数二: data => 需要发送的数据// qs.stringify() 将对象序列化成URL的形式以&进行拼接import axios from 'axios'import qs from 'qs'function get(url, data) { return new Promise((resolve, reject) => { let param

2020-05-15 10:30:58 150

原创高效抒写CSS&Js优化

渲染机制（右往左）浏览器如何读取你的CSS选择器？我们需要明白的最重要的一点是从右向左。比如这个选择器ul &amp;amp;amp;gt; li a[title=”home”]，浏览器首先读取的是a[title=”home”]。这个首先被读取的部分我们叫它key selector，它是浏览器最終要选择的元素。ID最快，Universal最慢有四种类型的key selector，解析速度由快到慢依次是：ID、...

2018-06-25 14:39:34 181

原创安卓机输入框被键盘挡住问题

方案一if(/Android/.test(navigator.appVersion)) { window.addEventListener("resize", function() { if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {...

2018-03-14 16:06:49 565

原创 Js笔记

对象de访问var obj = { name:"panda", add:{x:"xxoo","?":"MVP"}, "":52, 8:"kobe", "!":"boeie"};console.log(obj.name);//pandaconsole.log(obj.add.x);//xxooconsole.log(obj.add["

2017-05-15 16:02:33 203

原创普通浏览器分享到微信

navigator.share({ title: document.title, text: "Hello World", url: window.location.href }).then(() => console.log('Successful share')) .catch(() => console.log('Error

2017-04-28 10:22:50 4191

原创深入理解匿名函数

从简单的字面理解就是一个没有名字的函数，但是如果说它只是这样简单，那我也就没有必要来说这些。对匿名函数的理解1：function(){ console.log(1); } // 报错不能直接使用。对匿名函数的理解2：var a = function(){ console.log(1); } a(); //1 匿名函数可以依附于一个变量，并且这个变量名就是这个匿名函

2017-03-03 15:59:45 242

原创常用正则表达式

//手机function formatPhone(str){ var re = /^1[34578][0-9]{9}$/g; return re.test(str);}//姓名function verifyName(myName){ var Name = /^[\u0391-\uFFE5A-Za-z ]+$/; return Name.test(myName)

2017-02-22 16:03:16 258

原创自定义浏览器滚动条的样式

自定义IE浏览器滚动条样式追溯浏览器对滚动条的自定义，恐怕最早的就是IE浏览器了（好像最开始支持的版本是IE5.5）。下面列出了多个版本的支持性况：滚动条样式支持情况支持浏览器版本可否继承描述 scrollbar-3dlight-color IE特有属性 IE5.5+ y 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-highlight-color

2017-02-17 14:52:47 718

原创微信WeixinJSBridge API（屏蔽右上角按钮等）

1、隐藏微信网页右上角的按钮（…按钮）：开发者可以用这个功能来禁止当前页面被分享2、隐藏微信网页底部的导航栏（比如前进后退和刷新）：这个导航栏会占用一定的区域，开发者可以认为用户不会用到它，将其隐藏掉3、在微信网页中获取用户的网络状态：开发者可以利用这个API获得用户的网络状态，并提供不同的服务，比如视频类，在wifi下提供高清视频流，在2g网络下提供普通清晰视频流等等下面分别通过简单的几行代码，说

2017-02-10 18:02:44 12291 3

原创 ES6学习笔记

1.let 与 const共同点： 1.没有“变量提升”现象，必须先声明。 2.只在代码块内有效 3.不可重复声明不同： 1.const 声明一个只读常量，一旦声明不可改变。 2.let 声明的变量只在代码块内有效特别适合于for循环2.顶层对象1.window 浏览器环境2.global node环

2017-02-07 16:41:45 1071

原创 canvas图文合成

var context = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = "images/img"+ Index +".png"; context.drawImage(img,0,0,wid,hei); context.font = "15px

2017-01-22 17:30:37 652

原创移动端自由移动元素位置

HTML部分 <div class="a1 aa" id="img0"><img src="images/a1.png"></div> <div class="a2 aa" id="img1"><img src="images/a2.png"></div> <div class="a3 aa" id="img2"><img src="images/a3.

2017-01-11 10:40:05 544

原创解决微信H5背景音乐不自动播放问题

解决微信H5背景音乐不自动播放问题document.addEventListener('DOMContentLoaded',function (){ function audioAutoPlay(){ var audio_ = document.getElementById('audio'); audio_.play(); docume

2017-01-09 14:50:58 7024

原创微信背景音乐不自动播放解决

微信背景音乐不自动播放解决document.addEventListener('DOMContentLoaded',function (){ function audioAutoPlay(){ var audio_ = document.getElementById('audio'); audio_.play(); document.a

2017-01-09 14:45:49 5789 1

原创多列属性（Multi-column）

多列属性（Multi-column） column-count:3; | 设置列数 column-gap : 30px; | 列与列之间的间隔 column-rule:4px outset #ff0000; | 定义分割线样式 column-span 属性规定元素应横跨多少列 column-width 属性规定列的宽度 columns:100px 3;

2016-11-15 14:40:32 476

只会HTML的楼主