阁下长得好生俊俏-优快云博客

原创分页居中显示

<div class="page_number"> <div id="page_number2"></div></div>.page_number{ width: 100%; height: 80px; padding-top: 10px; text-a

2018-08-06 10:31:52 1333

原创 checkbox样式改写

&lt;div class="checkbox font_s"&gt; &lt;label&gt; &lt;input type="checkbox"&gt; 设备状态 &lt;/label&gt;&lt;/div&gt;.checkbox

2018-07-01 23:47:21 723

转载 Vue+axios实现登陆拦截，axios封装(报错,鉴权,跳转,拦截,提示)

axios封装需求及实现统一捕获接口报错弹窗提示报错重定向基础鉴权表单序列化实现的功能统一捕获接口报错 : 用的axios内置的拦截器弹窗提示: 引入 Element UI的Message组件报错重定向: 路由钩子基础鉴权: 服务端过期时间戳和token,还有借助路由的钩子表单序列化: 我这边直接用qs(npm模块),你有时间也可以自己写...

2018-04-23 21:57:07 9133

转载 git基本使用

git下载、安装下载地址：https://github.com/拉到底部选择GitHub Desktop——Download for Windows (64bit)安装完成后GitHub官网上登录自己的账号新建一个项目New repository按钮——输入项目名称等信息——Create repository新建项目找到刚刚创建的项目——点击Clone or download——选...

2018-03-07 15:40:28 379

原创前端面试资料整理

创建对象的方式（1）使用new关键字var start = new Object;（2）使用花括号var start = {};创建类 ES6之前使用function关键字模拟：function Person(){}; ES6中类的创建方式：class Person{}异步传输实现方式：（1）ajax （2）iframe(加上target)实现Java...

2018-03-07 10:40:20 1338

原创 css上下布局铺满屏幕

<div id="c_main"> <div id="nav"></div> <div id="content"> <div class="con_left"></div> <div class=&qu

2018-03-07 10:39:10 2835

原创 VUEX使用

vuex的使用步骤：使用场景：1、多个组件之间的状态共享、数据共享 2、路由之间的复杂数据传递vuex的代码通常放在src——》store目录下入口：index.js所有状态：state.js对state做一些映射：getters.js更改 Vuex 中的状态的唯一方法是提交 mutation：mutations.js存储mutation相关的字符串常量： mutatio...

2018-03-07 10:38:47 436

原创 css input[type=number]去掉上下箭头，只能输入数字

type="number" oninput="if(value.length>11)value=value.slice(0,11)" class="form-control regis_inp" placeholder="请输入电话号码">/*在谷歌下移除input[number]的上下箭头*/.regis_box input[type='number']::-webkit-outer-sp

2018-02-07 11:49:01 9829

FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC BFC(Block Formatting Contexts)直译为”块级格式化上下文”。Block Formatting Contexts就是页面上的一个隔离的渲染区域，容器里面的子元素...

2018-01-19 14:20:31 428

原创 jquery插件开发

/****************************************************\ * jQuery的插件开发机制分为两种：类级别的插件开发、对象级别的插件开发 * * 类级别的插件开发：添加新的全局函数;使用$.extend(obj);使用命名空间; * 添加全局函数：jQuery.plugin = function(){} * 使用$.e...

2018-01-19 11:47:06 716

原创 input只能输入数字并限制长度

/*在谷歌下移除input[number]的上下箭头*/.regis_box input[type='number']::-webkit-outer-spin-button,.regis_box input[type='number']::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin

2018-01-17 17:42:15 4537

原创前端如何实现SEO优化

1、提高页面加载速度。能用css解决的不用背景图片，背景图片也尽量压缩大小，可以几个icons放在一个图片上，采用css精灵(css sprite)，使用background-position找到需要的图片位置。减少HTTP请求数，提高网页加载速度。 2、结构、表现和行为的分离。另外一个重要的拖慢网页加载速度的原因就是将css和JS都堆积在HTML页面上，每次看到有人直接在页面上编写CSS...

2017-12-17 17:39:12 8464

转载什么是闭包？闭包的工作原理、优缺点、使用场景和对页面的影响

参考博客：http://www.cnblogs.com/cxying93/p/6103375.html 闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。 1、变量作用域要理解闭包，首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种：全局变量和局部变量。 javascript语言的特别之处就在于：函数内部可以直接

2017-11-19 22:56:51 847

转载 JavaScript 创建对象的七种方式

工厂模式function createPerson(name, job) { var o = new Object() o.name = name o.job = job o.sayName = function() { console.log(this.name) } return o}var person1 = createPerson('Jiang', 's

2017-08-02 22:28:23 313

原创 ES6学习资料整理

ECMAScript 和 JavaScript 的关系： ECMAScript是JavaScript的标准，JavaScript是ECMAScript的一种实现在ES5中，变量声明只有var和function以及隐式声明三种，在ES6中则增加了let，const,import和class四种ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在...

2017-07-31 11:35:12 595

原创 echarts-for-react项目实例

实例参考https://github.com/hustcc/echarts-for-react安装依赖npm install --save echarts-for-reactimport React from 'react';import {connect} from 'dva'import ReactEcharts from 'echarts-for-react';import echart

2017-07-13 00:29:25 11422

原创 js禁用浏览器后退功能、自动刷新页面

禁用浏览器后退功能history.pushState(null, null, document.URL);window.addEventListener('popstate', function () { history.pushState(null, null, document.URL);});js自动刷新页面window.location.reload();

2017-07-13 00:16:39 1985

原创 React项目中css引入配置方法

在.roadhogrc配置文件中修改“disableCSSModules”: true,{ "entry": "src/index.js", "disableCSSModules": true, "env": { "development": { "extraBabelPlugins": [ "dva-hmr", "transform-

2017-06-27 11:23:14 5268

原创 antd Table中显示图片

antd Table中显示图片

2017-06-13 17:28:22 11889

原创 React中使用ECharts

使用node.js的npm命令安装：npm install echarts --saveECharts就被下载到项目中的node_modules文件夹中，这个时候我们就可以在编写的react组件中使用ECharts了import React, { Component } from 'react';// 引入 ECharts 主模块import echarts from 'echarts/dist

2017-06-06 15:47:38 6025

原创 JS、JQ判断变量是否为数组的方法(Array)

JavaScript判断变量是否为数组的方法(Array)（1）typeof不能判断变量是否为数组(Array)var ary = [1,23,4];console.log(typeof ary); //输出结果是Object（2）instanceof 判断var ary = [1,23,4];console.log(ary instanceof Array)//true;（3）原型链方法判断v

2017-05-18 10:05:28 7648

原创 JavaScript、JQuery深拷贝、浅拷贝

没有拷贝的情况var obj = { a:10};var obj2 = obj;obj2.a = 20;alert(obj.a); ==> 20 //赋值操作会直接修改obj.a的值JavaScript的深拷贝和浅拷贝一、 JavaScript的浅拷贝var obj = { a:10}function copy(obj){ var newObj = {};

2017-05-17 14:47:49 3513

原创 JS内置对象、函数内置对象、宿主对象

一、JS内置对象： Data、Math、Array、String、Number、Boolean、RegExp（1）Data 属性: constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法方法: getDay() 返回一周中的第几天(0-6) getYear() 返回年份.2000年以前为2位,2000(

2017-05-16 11:41:53 626

原创 input的value值在页面上被改变，但是查看器代码中值不改变

这里需要用attr()写入，而不使用val()方法

2017-05-12 15:45:54 7033

原创 vue2.0——路由

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>路由</title> <script src="../js/Vue.js"></script> <script src="../js/vue-router.min.js"></script></head><body>

2017-03-22 09:40:59 594

原创 vue2.0——运动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .show_box{ width:100px; height:100px; background: aqu

2017-03-22 09:39:24 523

原创 vue2.0——组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> window.onload = function(){ var vm

2017-03-22 09:36:48 1025

原创 vue2.0——管理组件通信

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> //准备一个空的实例对象 var Event = new Vue();

2017-03-22 09:35:19 342

原创 vue2.0——循环

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> window.onload = function(){ var vm

2017-03-22 09:34:36 668

原创 vue2.0——生命周期

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> window.onload = function(){ var vm

2017-03-22 09:33:14 1901

原创 vue 2.0——模板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/Vue.js"></script> <script> Vue.component('my-aaa',{ template:'

2017-03-22 09:32:00 659

原创 vue 路由

路由基础<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="../js/bower_components/vue/dist/vue.js"></script> <script src="../js/bower_compon

2017-03-03 11:27:18 584

原创 Vue 父子组件、组件间通信

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

2017-03-03 11:25:38 2516

原创 Vue模板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

2017-03-03 11:23:46 844

原创 Vue组件

全局组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0

2017-03-03 11:22:24 776

原创 Vue动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

2017-03-03 11:18:06 784

原创解决IE6、7下li之间有间隙

li{ vertical-align:top/bottom;}

2017-02-20 19:39:04 430

转载 CSS的4种引入方式及优先级

css的四种引入方式1.行内样式最直接最简单的一种，直接对HTML标签使用style=”“，例如：缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。2.内嵌样式内嵌样式就是将CSS代码写在之间，并且用进行声明，例如：body,div,a,img,p{margin:0; padding:0;}优缺点：页面使用公共CSS代码，也是每个页面都要定义的，如果一个网站有很多页面，每个文件都

2017-02-17 11:33:25 1350

原创 Vue监听数据变化

浅度监听<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义键盘信息</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scala

2017-02-17 09:58:35 13828

原创 Vue自定义键盘信息

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义键盘信息</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=

2017-02-17 09:56:49 2271

空空如也

空空如也