你帅还不是一样要敲代码-优快云博客

原创微信小程序的日期选择器

关于微信小程序中的日期选择器大家用过都会发现有个很大的问题，就是在2月的时候会有31天，没有进行对闰年的判断等各种情况。看了官方文档提供的源码后进行了一些修改，测试修复了上面所说的bug！下面源码：-----------------------我是分割线--------------------------const date = new Date();//获取系

2017-09-26 12:00:38 3828

原创移动端如何禁用底层的滚动事件，保证弹出层的滚动事件正常运行

今天做移动端项目时遇到的一个问题，带来了不少麻烦。pc端的常用方法是：$('body').css({ overflow: 'hidden', height: $(window).height() + 'px'})// 因为body的高度等于了window的高度,所以滚动自然就无法进行了,如果需要滚动了,只需要把高度从style标签上面移除就好了但在移动端是不生

2017-09-12 16:10:30 3260

原创带缩略图的淘宝风轮播图

由于项目需要一个类似与淘宝那种的多级联动轮播图。在网上也找到很多类似但都不是设计师所需要的，只能中间写一个。因为是多级联动，逻辑这一块带来了不少麻烦，下面直接贴代码：--------------------------------html--------------------------------------------div class="content-deta

2017-09-08 16:20:56 869

原创分享一个rem的自动计算js

script> (function (designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var tid; var rootItem, rootStyle;

2017-09-05 10:07:33 1724

原创常用的JQ获取屏幕宽度方法

//获取屏幕可视窗口的宽度 var W, H; function getCanSee() { W = $(window).width(); H = $(window).height(); console.log(W); console.log(H); }

2017-09-05 09:57:08 3982

原创 JQuery 1.9版本以上的浏览器判断方法

var matched, browser;jQuery.uaMatch = function( ua ) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || /(webkit)[ \/]([\w.]+)/.exec( ua ) || /(opera

2017-08-28 09:44:22 1030

原创常用的导航栏下划线滚动特效

很多页面的导航栏经常会用到一些特效，今天直接也谢了一个常用的，就是鼠标移到那个栏目，下方的横线就会跟着划过去的一个过度效果，用了jq与css3的过度效果实现，接下来贴代码：section> nav class="tab-bar clearfix" id="nav-bar"> a href="#">公司简介a>a href="#">企业理念a>a href="#"

2017-08-23 16:46:22 2874

原创用JQ去实现数字动态增加动画

先说下原理吧：就是设置就一个定时器去累加，然后到了指定数字就清除定时器。下面直接贴上代码：//jq实现数字动态增加动画function starNum(id,value) { var temp = $("#"+id); temp.animate({count: value}, { duration: 2000, step: func

2017-08-21 18:05:19 4451 1

原创阿里云的云服务器环境配置

本人用的是CentOS 7.3 64位纯净版，试过用Xshell5去命令行安装，遇到各种位置错误，折腾了一天。后来直接用面板去做吧，简单快速解决。这里用的是宝塔面板。面板的好处可以快速搭建好环境可视化进行操作，对于不熟悉linux系统的是很好上手的，缺点就是调式难，不利于深入了解linux。当然看个人的发展吧，如果搞后端还是自己去cmd操作比较好。下面是地址链接：http

2017-07-23 08:44:56 1069 1

原创 thinkphp5 配置在sae，axios请求出现500的解决方法！

thinkphp5 配置在sae，axios请求出现500！但在Network中是有数据请求到的。在直接访问php的function 也是可以正常渠道数据，但一瞬间也出现500，数据出来就没有了。这是因为：sae不支持文件写入，所以thinkphp没法写入日志，然后异常了这是官方的参考：https://www.kancloud.cn/manual/thi

2017-06-11 09:25:03 2029

原创 css的文字line-height兼容问题

因为游览器的不同，默认的line-height也会不一样，所以有的页面如果没有设置行高的话，依赖的元素进行定位的时候会发生不一样的变化，所以为了解决兼容问题，要依赖文字定位的，最好都给文字写上行高！如下图：

2017-06-10 23:29:47 2118

原创 css设置背景精灵用法

在http页面请求中，下载图片等不是最耗时的，关键是优化请求数这里用背景精灵的用法来做例子，一个页面里面小图标特别多的话，我们可以用一个大的图片吧所有的图标都包括在里面，然后在页面要放置小图标的哪里写个div，设置大图片为背景图，然后我们利用背景图的position来移动图片进行部分显示，达到值显示小图片的效果！x下面一个简单例子，下面的px就是进行定位的属性，一定要把设置背景的d

2017-06-10 22:54:19 620

原创相对定位、绝对定位、z-index

相对定位(relative)1、相对于原来的位置进行定位2.、元素原来在文档流的位置还会被保留着注意：左和上市正方向，右和下是负方向，相对定位可以理解成完全脱离文档流的面试问的话三种定位当中没有脱离文档流的，回答：相对定位，因为他文档位置是保留的－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

2017-06-06 11:11:14 527

原创关于css 的float属性

子元素属性为float 的话，divf 浮动的话（float）是撑不开父元素高度的，float会脱离文档流蓝色div是橙色div父级元素，绿色与蓝色是兄弟元素。出现的这个就是上述原因怎么解决呢？给父级元素加上一个 overflow：hidden这里的overflow：hidden属性特殊用法

2017-06-06 09:01:07 323

原创关于JavaScript的跨域问题XMLHttpRequest cannot load

XMLHttpRequest cannot load出现的问题如图一样：我用的是本地的wampServer+php搭建的后台在PHP文件的header("Access-Control-Allow-Origin: *"); // 允许任意域名发起的跨域请求

2017-06-05 22:57:10 1100

原创关于元素的display的使用

在使用前我们先要了解什么是块级元素（block）、行内元素（inline）、行内块级元素（inline-block）块级元素（block）：①、总是在新行上开始；②、高度，行高以及外边距和内边距都可控制；③、宽度缺省是它的容器的100%，除非设定一个宽度。④、它可以容纳内联元素和其他块元素行内元素（inline）元素的特点①、和其他元素都在一行上；②、高，行高及外边距和内边距不可改

2017-06-04 12:41:32 384

原创 Vuex的基本使用

相对于vuex来说，我看了一上午都没看懂，后来通过百度别人的Demo和反复查阅官方文档终于大概了解vuex的主要用法，关于概念什么的就不多说了，直接看官网的更详细：https://vuex.vuejs.org/zh-cn/getting-started.html下面说说在webpack中如何引入并使用vuex：在 Vue 之后引入 vuex 会进行自动安装：script src

2017-06-03 19:41:05 1842

原创 ES6 的let,var,const的一些理解

let声明的是一个常量，必须在创建的时候就赋值，否则报错。赋值后不可更改，但如果声明的let是一个对象，对于let对象的内在元素则是可以修改的。var 声明的是一个变量，但作用域会不同：var a = [];for (var i = 0; i 10; i++) { a[i] = function () { console.log(i); };}a[6]();

2017-06-01 19:50:55 246

原创 Vue 2.0的路由

在index.js文件把其他界面引入，import home from 'components/home/home'import mine from 'components/mine/mine'import find from 'components/find/find'如果没有安装vue-router，要在cmd中 install然后在index.js中引入impor

2017-05-30 22:49:31 335

原创 Thinkphp5的css和js文件引入问题

今天下载了一个thinkphp5+boostrap3的后台框架，弄后架构后发现css和js引入都是地址报错，百度了一大通，试了好多方法都是不行：在这config文件下定义：view_replace_st '__PUBLIC__'=>'/public/', '__ROOT__' => '/',还一样还是不行，最后才发现我的定义路劲会跑到localho

2017-05-29 22:25:40 11324

原创微信小程序开发一swiper轮播图的简单实现

swiper是温馨小程序里面提供实现轮播图效果的一个的很好的组件，使用非常简单。下面直接看我的代码data: { imgUrls: [ 'http://img4.imgtn.bdimg.com/it/u=853537835,3029652797&fm=23&gp=0.jpg', 'http://img0.imgtn.bdimg.com/it/u

2017-05-25 22:40:31 3252 1

原创关于weui的样式不起效的一个经历

今天做vue的webpack是发现引入了weui却只有部分生效，苦苦检查才发现，原来样式名不同踩了一个大坑，搞了两个小时多。原因是样式名有很小的改变了与官网demo不一样；下面贴图对比：第一张是我的1.1.1版本的weui--------------------官方在线demo-------

2017-05-22 18:38:58 5259

原创 vue2.0的组件联合变化

利用vue2.0 的computed计算属性，去动态监听数据变化，再通过数据传递到组件下面来看代码： computed: { selectFoods() { let foods = []; this.goods.forEach((good) => { good.foods.forEach((food) => {

2017-05-18 14:14:25 301

原创 vue2.0中goods选购栏滚动算法

不多说，直接代码，以便以后重复利用：import BScroll from 'better-scroll';const ERR_OK = 0;export default { props: { sell: { type: Object } }, data() { return { goods: [],

2017-05-16 16:54:59 325

原创 vue的$nextTick

使用了屏幕滚动插件better-scroll，发现没有生效，反复百度和调试，原来要在created加入$nextTick，在里面去监听执行如代码

2017-05-16 11:07:18 395

原创一个很好的display属性：ｔａｂｌｅ

在学习饿了么的视频项目中使用，display 的table属性可以在方格中文字居中显示且自动换行特此记录！！

2017-05-15 10:56:35 690

原创个人PAT经历

参加了2017年的PAT团队比赛，虽然拿下了专科组的特等奖！但一对比真正了解到c++的好处，还是比不上本科的大神，算法、结构体这些在接下来的事件一定好好学习，继续成长！！勉励！

2017-05-14 14:02:40 777

原创谈谈大学这两年的学习感想！

15级入学到现在，两年过去了，学的是软件专业，但所学的方面包含太多，php、java、vue、Android还有其他数据库、js什么的...自己也自学了很多，很多方面都是学的比较浅。在学校的成绩还是不错的，平时也比较勤奋，也去了解bootstrap、html5等其他知识。以后想当一个全栈工程师！快毕业了，希望可以找到一份好工作！加油！！！

2017-05-02 09:59:27 845

你帅还不是一样敲代码的博客