weixin_36897085-CSDN博客

原创日常小bug篇

最近在做后台管理系统，增添一些新功能，使用的layui。bug：在增添审核功能操作后分页不正确显示在当前页面，而是会跳到第一页，当前页面的内容显示正确。原代码如下：中间代码为分页操作，此时刷新视图后，分页码显示为第一页了。解决方案：将当前页参数给current_page,如下：问题总结篇~...

2018-05-05 11:23:53 179

原创 Vue入门——制作一个简单的loading进度条

刚学习vue不久，今天试着用vue做了一个简单的loading进度条，对于vue的生命周期和钩子函数又有了新的理解，下面分享给大家，绝对入门级。一、进度条原理这个就很简单了，也是我们经常可以用到的，这里只做一个最简单的，页面刷新自动加载进度条。主要是让进度条的width不断增加至100%就可以啦~好了，进入正题。二、jquery实现<!DOCTYPE html><html la...

2018-04-17 17:57:16 5770

什么是es6的解构赋值，在我看来就是按照一定的规则将值取出从而都变量进行赋值。基本用法：let name = "Cherry", age = 18, sex = "女";这里我们显然name的值是Cherry，age为18，sex性别为女，那么看一下下面的写法：let[name,age,sex] = ['Cherry',18,'女'];console.log(name);console.log...

2018-04-08 11:16:46 153

原创 ES6学习之let与const篇

一、let命令let与var的区别：1、存在块级作用域在es6中使用let来定义一个变量，那么这个变量只在当前块级作用域内有效。举个例子： { var a = 3; let b = 5; } console.log(a); // 3 console.log(b); // Uncaught ReferenceErro...

2018-04-04 15:43:04 170

原创 Vue.js基础入门（一）

今天我们来给大家讲一下Vue，以下纯干货~。什么是Vue？Vue是一套构建建用户界面的渐进式框架。那么什么是渐进式框架呢？我在知乎上看到了一个比较好的答案，上面是这么说的：渐进式代表的含义是-主张最少。每个框架都会自己的一些特点，在使用时会给使用者一些限制。比如说angular，他的两个版本都是强主张。如果你使用它，那么你必须要接受以下东西：-必须使用它的模块化机制-必须使用它们的依赖注入-必须使...

2018-03-28 16:38:34 297

原创关于Vue生命周期和钩子函数的小理解

Vue.js是什么？官网上是这么介绍的： Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。前言：最近一直在看Vue，不...

2018-03-21 15:17:16 378

原创 input、textarea中placeholder属性设置的兼容性问题

一、问题描述问题很简单：input和textarea包含其中的placeholder的自带属性实在有点闹心，因此需要对它们超微美化一下。然而问题就来了。先附效果图：firefox下是这样子滴~ie：最后是chrome：代码如下：经过本人各种尝试，终于成功。着重看红框圈出来的地方是不是超微有些不同呢？二、深入探索首先让我们共同回忆下

2018-02-02 18:12:38 3913

原创解决inline-block的空白间距问题

一、问题描述今天使用了inline-block代替了float的浮动效果，超方便的!出现问题后百度了下原因，使用inline-block时换行显示和空格都会产生空白。。。于是尝试了各种办法去掉空白间距。二、解决方案1、修改html方法由于标签之间存在空格，所以元素间有空白。如下：（1）去掉标签间的空格；空白间距果然消失了，但是这样代码的可读性较差

2018-01-30 21:01:16 415

原创 columns网页布局

网页布局是指在网页中如何对标题、导航栏、主要内容、表单等各种构成要素进行一个合理的编排。在css3前主要使用float和position属性进行页面布局，但是使用这些属性也存在着一些缺点。比如多栏中如果元素的内容高度不一致则底部很难对齐，会存在空白。在css3中增加了一些新的布局方式。使用新的布局方式，可以更加快捷方便的来编排更为复杂的页面。css3中的Mulitiple Columns多

2018-01-29 23:00:06 1555

原创创建一个支持es6的nodejs项目

安装node环境1、下载并安装node：下载地址 https://nodejs.org/en/2、打开命令窗口执行 node-v 和 npm-v 如下则安装成功。下面我们正式开始：1、创建项目文件夹，初始化nodejs项目在对应项目中新建一个子文件夹取名es6-node，打开文件夹根目录中代开命令行窗口，执行命令，生成package.json文件。

2018-01-24 19:28:15 3068

胡图图图