xxy77721-优快云博客

原创 js和正则解析url

原生jsfunction parseUrl(url){ var result = []; var query = url.split("?")[1];if(query){ var queryArr = query.split("&"); queryArr.forEach(function(item){ var obj = {}; var key = item.split...

2018-06-15 11:00:54 866

原创 ajax上传图片

function submitUpload () { var file = document.querySelector('#image-upload-area').files[0]; if (file) { var form = new FormData(); ...

2018-03-26 22:34:35 257

原创添加favicon

2018-03-23 13:36:28 283

原创 css转圈加载动画

<template> <div class="footer-loading" v-if="LoadingAnimation"> <div class="Loader"></div> {{AnimateText}} </div></template>&l

2018-03-06 18:07:09 1818 1

原创 input输入框光标颜色修改

color: red; text-shadow: 0px 0px 0px #000; -webkit-text-fill-color: transparent;

2018-03-01 17:10:27 3337

原创 css中移动端和pc端隐藏滚动条

思路：（以隐藏横行滚动条为例）在原有盒子的基础上，外层套一个盒子，设置一个高度，超出隐藏，原有盒子的高度大于外层盒子的高度即可代码如下：html部分：divclass="hidden-bar">ulclass="list-item-group">liclass="list-item relative"v-for="(item,index)in

2017-12-14 11:31:33 1924

转载 js中按照中文首字母排序

['张三','李四','王五'].sort((a, b) => a.localeCompare(b, 'zh-Hans-CN', {sensitivity: 'accent'}))['李四','王五','张三']

2017-12-06 17:00:30 3210

原创 js获取当前时间是一年中的第几天&&判断闰年&&当前时间的前后几天

当前时间是一年中的第几天vm.allDays =Math.ceil((new Date() -new Date(newDate().getFullYear().toString()))/(24*60*60*1000));闰年的判断let signDate = new Date();// function isLeapYear(year) {

2017-10-30 16:31:13 2453

原创 js数组的方法

一、数组的方法（增、删、改、截、拼、复、排、转）(一) 增：如果增加的内容是另外一个数组，这个数组会被当成一个长度1. 前增：unshift(增加的内容)1) 作用：在数组的前面增加数组元素2) 返回值：增加后的数组长度3) 是否会影响到原数组：是2. 后增：push(增加的内容)1) 作用：在数组的末尾增加数组元素2) 返回值：增加后的数组长度3) 是否

2017-10-28 19:11:28 304

转载文章标题

<div class="page-inner"> <div id="breadcrumb" role="breadcrumb"> <h2 class="element-invisible">你在这里</h2><div class="breadcrumb"><a href="/">首页</a> » <a href="/blog">博客</a> »

2017-10-28 11:17:29 358

转载欢迎使用优快云-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-10-28 11:08:30 271

转载 vuejs中v-bind绑定class时的注意事项

Document .static { font-size: 120px; width: 600px; margin: 0 auto; background-color: yellow; height: 120px; line-height: 120px; text-a

2017-10-25 10:25:24 1136

原创 js瀑布流

charset="UTF-8"> type="text/css"> div{ float: left; display: flex; flex-direction: column; margin: 10px 10px; } img{

2017-10-23 20:53:03 276

原创 localstorage历史搜索记录

mounted:function(){let vm =this;if(window.localStorage.getItem('SearchKeywords')) {let searchKeywordListJSON =window.localStorage.getItem('SearchKeywords');vm.serachHistory =JSON.parse(s

2017-10-17 16:36:20 1629

原创 html常用标记（即标签、元素）

1. 其中#可以选择1－6；文本标题（h1-h6）2. | 倾斜标记3. | 加粗标记4.下划线标记用来指示为文本加下划线5.空标记，用来设置字体换行6.空标记，用做水平线7.ins 标记代表被插入的文字和u标记的区别是：u 标记代表有下划线，ins是inserted text的缩写（插入文本），ins通常应连同del标签一同使用，表示被插入与被删除的文本

2017-10-15 15:05:07 3527

原创 vue、angular、react前端三大框架的区别

不同点：vue 控制器：无；过滤器：无；指令：有；渲染指令：有；数据绑定：双向；React 控制器：无；过滤器：无；指令：无；渲染指令：无；数据绑定：单向；angular 控制器：有；过滤器：有；指令：有；渲染指令：有；数据绑定：双向；相同点：都是操作虚拟DOM（真实的dom，转换js对象树）学习思想：数据驱动

2017-10-14 15:25:48 16423

原创网站建站流程

域名介绍：域名又叫网址，也简称为URL。域名以后缀划分，常见的域名后缀有：.COM（国际域名）、.NET（互联网络）、.ORG（非赢利组织）、.GOV(政府机购)、.CN(中国)等等。域名级别：一级域名：sutubao.com二级域名：book.sutubao.com三级域名：book.cn.sutubao.com提示：从技术层面上说，我们常见的带“www”的域名是二级域名

2017-10-14 11:04:25 297

原创移动端常见bug（5）

1、长时间按住页面出现闪退?123element { -webkit-touch-callout:none;}2、iphone及ipad下输入框默认内阴影?123Elemen

2017-09-27 20:13:40 492

原创移动端常见bug（4）

1、顶部状态栏背景色?1metaname="apple-mobile-web-app-status-bar-style"content="black"/>说明：除非你先使用apple-mobile-web-app-capable指定全屏模式，否则这个meta标签不

2017-09-27 20:08:15 492

原创移动端常见bug（3）

1.固定定位将失效问题描述：父级元素用了-webkit-transform属性后，所有子元素的固定定位将失效解决办法：把所有固定定位的元素放到最外层统一管理或者 -webkit-transform:auto;2.层级z-index问题（*-webkit-transform-style:preserve-3d;一定要

2017-09-27 20:03:06 561

原创移动端常见bug(2)

1、通过transform进行skew变形，rotate旋转会造成出现锯齿现象可以设置如下：?123-webkit-transform: rotate(-4deg) skew(10deg) translateZ(0); transform: rotate(-4deg) skew(10deg) t

2017-09-27 19:58:56 731

原创移动端常见Bug（1）

1、关于 iOS 系统中，中文输入法输入英文时，字母之间可能会出现一个六分之一空格可以通过正则去掉?1this.value = this.value.replace(/\u2006/g,'');2、移动端 HTML5 audio autoplay 失效问题这个不是 BUG

2017-09-27 19:46:33 968

原创 css中多行以及单行文本

单行文本省略： width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;

2017-09-27 17:14:33 295

喜欢请点赞评论哟<template><div class="swipe-container" ref="swipeWrapper"><transitionname="fade"><asideclass="overlay"v-if="loadingDataStatus"></aside></transition><div class="box" id="box" ref="sliderBox" :style="[swipeWidthStyle,swipeListStyle]"><img clas

2017-09-27 16:45:21 439

原创 web App开发中手机滑动的流畅性

在我们进行移动端开发时，手机滑动加载更多是我们经常会遇到的一个问题，很经常我们都是设置div{height:100%;overflow:scroll}来进行页面的滚动，我们在虚拟机上测试得时候没有感觉到任何的不合适，但放到真机手机上时，你会发现滑动起来变得很卡，而且很不流畅。所以我再开发移动端的滚动问题的时候，通常都会多添加一个属性div{-webkit-overflow-scrolling:

2017-08-24 10:24:11 644

xxy77721的博客