自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 call、apply、bind方法详解

1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。2. 相同点:这两个方法的作用是一样的,只是传参方式不一样而已。call()方法使用: window.msg = '1'; document.msg = '2'; var log = {msg: '3' }; function change()...

2019-05-16 09:35:20 47

转载 JS继承的几种方式

一、属性拷贝就是将对象的成员复制一份给需要继承的对象// 创建父对象var superObj = { name: 'Li', age: 25, friends: ['小明', '小李', '小赵'], showName: function(){ alert(this.name); }}// 创建需要继承的子对象var subObj = {};//...

2019-05-14 10:32:49 567

转载 帮你彻底搞懂JS中的prototype、__proto__与constructor

  作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看清,在两下划线之间加入了一个空格:_ _proto_ _),本文基于谷歌浏览器(版本 72.0.3626....

2019-05-11 10:23:50 109

原创 箭头函数

ES6 允许使用“箭头”(=>)定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var ...

2019-05-10 14:41:48 65

原创 ES6函数扩展

/一、基本用法// ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。function log(x, y) {y = y || 'World';console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // He...

2019-05-10 14:29:51 118

原创 ES6字符串新增方法及扩展

// 实例方法:includes(), startsWith(), endsWith()// 传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。// includes():返回布尔值,表示是否找到了参数字符串。// startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。// endsWit...

2019-05-08 14:41:12 228

原创 ES6 Let和Const命令

//let用法类似于var 但是声明的变量只在代码块中有效 注:只有在声明之后才能被使用,不同于var,不存在变量提升{let a =10;var b = 11;}//a is not defined//b 1//const 声明一个只读的常量,一旦声明,常量的值就不能改变注:只有在声明之后才能被使用,不存在变量提升const PI = 3.1415926;...

2019-05-08 09:05:19 36

原创 ES6对象代理

/* eslint-disable */{ // ES3,ES5 数据保护 var Person = function() { var data = { name: 'es3', sex: 'male', age: 15 } this.get = function(key) { return data[key] ...

2019-05-07 16:25:29 66

转载 彻底搞懂JS闭包各种坑

闭包是js开发惯用的技巧,什么是闭包?闭包指的是:能够访问另一个函数作用域的变量的函数。清晰的讲:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量。eg:function outer() { var a = '变量1' var inner = function () { console.info(a) } retur...

2019-05-07 14:55:14 113

原创 Node.js创建一个简单的应用

Node.js 应用是由哪几部分组成的? 引入 required 模块:我们可以使用 require 指令来载入 Node.js 模块。 创建服务器:服务器可以监听客户端的请求,类似于 Apache 、Nginx 等 HTTP 服务器。 接收请求与响应请求 服务器很容易创建,客户端可以使用浏览器或终端发送 HTTP 请求,服务器接收请求后返回响应数据。 创建一个nod...

2018-12-03 14:00:23 192

原创 KnockOut下拉菜单赋值取值

最近在做IE系列兼容的项目,为了开发起来更方便(本人已厌倦了拼接字符串)所以选了一款比较老的mvvm的框架KnockOut,虽然比较老但是五脏俱全//首先说一下Select实现获取接口返回数据赋值给Option,然后选择条目获取对应Value。<div id="viewModelBox"> <select data-bind="options:TiXi,options...

2018-10-23 15:25:44 947

转载 最全前端资源汇总

一、概要这份汇总整理,很程度上参考了GitHub最全前端资源汇总;云集前端教程、开发资源、免费书籍、手册规范、求职面试等等,旨在为前端学习 & 技能提升提供方便。当然,并不期望这成为一个前端武学收藏夹;毕竟,只有自己掌握,才是真正拥有;况且前端发展如火如荼,日新月异。这里会尽量保持探索 & 学习 & 更新。欢迎大家推荐,反馈,谢谢!二、优秀的网站JS前端开发群月...

2018-09-30 16:20:47 1293

转载 Promise 的基础用法

Promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise ...

2018-06-21 10:36:59 95

转载 VUE组件之间的数据传递

 Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递一、父组件向子组件传递数据在 Vue 中,可以使用 props 向子组件传递数据。 子组件部分:这是 header.vue 的 HTML 部分,logo 是在 data 中定义的变量。如果需要从父组件获取 logo 的值,就需要使用 props: ['logo']在 props...

2018-06-21 10:08:33 175

原创 vue-router vue-x 实现状态改变 拦截路由

一丶首先在用户登录前后分别给出一个状态来标识此用户是否登录(建议用vuex);import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);var state = { token:0, //初始时候给一个 token=0 表示用户未登录};const mutations = { change(state,data){ ...

2018-06-07 14:00:51 1416

原创 vue Router 路由守卫之beforeEach

你可以使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导航在所有守卫 resolve 完之前一直处于 等待中。每个守卫方法接...

2018-06-07 11:48:39 16950

转载 js如何准确获取当前页面url网址信息

1、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;alert(test);返回:http://i.cnblogs.com/EditPosts.aspx?opt=12、window.location.protocol(设置或获取 URL 的协议部分)var test = window.location.pr...

2018-06-06 21:31:52 330

原创 Axios对HTTP拦截的基本使用

该项目是本人使用vue.js 配置中判断http登录后才能访问进行的拦截操作 axios.interceptors.response.use( //添加一个拦截器的请求 response => { //在发出请求的时候拦截http请求的数据进行判断 if...

2018-06-06 21:21:50 1045

转载 Axios

一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、 发送一个GET请求//通过给定的ID来发送请求axi...

2018-06-06 21:09:48 477

转载 【VueJS】实例中data属性的三种写法及区别

1、__script type="text/javascript"> var app=new Vue({ el:'#app', data:{ isLogin: false } })script>2、__script type="text/javascript"> var app=new

2018-02-06 17:16:34 9042

转载 vue-router: 路由传参

路由传参数。在很多时候我们需要路由上面传递参数,比如新闻列表页,我们需要传递新闻ID,给新闻详细页。 1.新闻列表页模板 template id="news"> div> h2>新闻列表h2> ul> li> router-link to="/new

2018-02-06 10:49:14 165

原创 JavaScript 字符串基本方法

一、anchor() 方法用于创建 HTML 锚var txt="Hello world!"document.write(txt.anchor("myanchor"))输出:Hello world!二、big() 方法用于把字符串显示为大号字体var str="Hello world!"document.write(str.big())三、blink() 方法用于显

2018-02-01 14:48:41 136

原创 Javascript 数组的基本方法

一、concat() 方法用于连接两个或多个数组该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本var a = [1,2,3];document.write(a.concat(4,5));输出:1,2,3,4,5二、join() 方法用于把数组中的所有元素放入一个字符串元素是通过指定的分隔符进行分隔的var arr = new Array

2018-01-31 17:41:19 195 1

转载 Gulp常用的插件

Gulp 常用插件插件使用注意事项:1、插件需要先 npm/cnpm install xx --save-dev2、gulp taskname,如果 task 已经设置成 default 的依赖,直接 gulp 即可3、task 中的文件路径都是相对 gulpfile.js 的4、gulp.dest() 指向的目录不存在,会被创建JS压缩、合并、重命名let gul

2018-01-23 09:39:07 182

原创 Gulp

Gulp是一款基于流的自动构建化工具,Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。在自己的项目中使用gulp,首先需要创建一个package.json,然后创建一个gulpfile.js文件下面是一个简单的代码块实现一些,less/sass转译,js/css/html压缩以及gulp服务器自启,热加载gulp的简单配置:1、首先来看下package.json的配置

2018-01-23 09:22:44 140

原创 VUE 路由及组件使用

一、组件在src里面components文件夹下面新建一个你需要的组件,例如navs这样一个组件。在navs.vue里面写你的结构样式等内容封装一个导航的模块;然后在需要你入的文件里面引入,例如app.vue下面import navs from './components/navs/navs';export default { name: 'app', components:{

2017-12-21 14:14:47 1165

原创 angular js tab换肤

使用angular实现简单的网页换肤。

2017-12-19 16:54:24 225

原创 js时间戳与日期格式之间的互转

1. 将时间戳转换成日期格式// 简单的一句代码var date = new Date(时间戳); //获取一个时间对象/** 1. 下面是获取时间日期的方法,需要什么样的格式自己拼接起来就好了 2. 更多好用的方法可以在这查到 -> http://www.w3school.com.cn/jsref/jsref_obj_date.asp */date.getFullYear();

2017-12-07 17:11:00 1003

原创 Echarts 渐变色

series[i]-line.itemStyle.normal.color Color, Function[ default: 自适应 ]图形的颜色。 默认从全局调色盘 option.color 获取颜色颜色可以使用 RGB 表示,比如 'rgb(128, 128, 128)',如果想要加上 alpha 通道表示不透明度,可以使用 RGBA,比如 'rgba(128

2017-11-30 13:48:57 3937

转载 echarts主题属性设置

echarts主题属性设置theme = { // 全图默认背景 backgroundColor: 'rgba(0,0,0,0)',// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',

2017-11-28 10:52:17 2277

原创 UEditor

最近因项目需要研究了下百度的UEditor,有些个人遇到的问题分享下:1、ueditor.config.js里面需要修改以下地方: window.UEDITOR_CONFIG = { //为编辑器实例添加一个路径,这个不能被注释 UEDITOR_HOME_URL: 'http://10.1.1.154:8083/quiz/utf8-jsp/' 这里添加

2017-11-20 11:00:23 936

转载 Jiathis控件的使用

最近在使用Jiathis控件,发现这个控件还是挺好用的,只要配置好就可以了。由于微博、社区等和QQ、邮件、短信等的处理不一样,因此把分享配置分为两组,针对不同的平台的分享机制进行特定配置,具体如下:[html] view plain copydiv class="shera-list">             -->          

2017-11-13 16:36:19 294

原创 vue项目构建

NPM在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。# 最新稳定版$ npm install vue命令行工具 (CLI)Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应

2017-10-31 16:20:17 364

转载 echarts x轴坐标文字显示不全

在echarts中应用柱状图或者折线图时,当数据量过多的时候,X轴的坐标就会显示不全(如下图图一),在ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是:interval。还有一个属性:rotate: number 度角是倾斜的控制所在。图一:显示不全

2017-10-31 16:17:22 571

转载 如何衡量angular工程师水平

1. ng-if跟ng-show/hide的区别有哪些?2. ng-repeat迭代数组的时候,如果数组中有相同值,会有什么问题,如何解决?3. ng-click中写的表达式,能使用JS原生对象上的方法,比如Math.max之类的吗?为什么?4. {{now | 'yyyy-MM-dd'}}这种表达式里面,竖线和后面的参数通过什么方式可以自定义?5. factory和service

2017-05-26 11:29:24 275

原创 清除input的缓存

有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息的时候,往往input文本输入框会记录下之前提交表单的信息,以后每次只要双击 input文本输入框就会出现之前输入的文本,这样有时会觉得比较方便,但有时也会暴露用户的隐藏数据,那么如何让input表单输入框不记录输入过信息的方法呢?方法一: 在不想使用缓存的input中添加 autocomplete="off"例如

2017-05-26 11:17:28 4563

转载 angular学习(八)—— Expressions

来源地址:http://blog.csdn.net/lastsweetop/article/details/54603931angular表达式angular表达式是一些类似JavaScript的代码片段,主要用在插补绑定,例如<span title="{{ attrBinding }}">{{ textBinding }},或者直接用于angular指令的属性值,例如ng-c

2017-03-20 13:23:49 241

转载 angular学习(七)—— Template

来源地址:http://blog.csdn.net/lastsweetop/article/details/54585484在Angular中,模板是包含一些特定元素和属性的HTML,Angular将模板结合模型和控制器的信息在浏览器中以动态视图的形式呈现给用户。下面是你可以使用的angular元素和属性:Directive — 增强现有的DOM元素或者展现可重复的DOM组

2017-03-20 13:22:47 216

转载 angular学习(六)—— 依赖注入

来源地址:http://blog.csdn.net/lastsweetop/article/details/53409171依赖注入依赖注入(DI)是一种处理组件如何获得依赖的软件设计模式,在Angular中,injector子系统负责创建组件,解决组件的依赖,并将它们提供给其他组件。使用依赖注入在Angular中DI是无处不在的,你可以用它来定义一个组件,也可以提

2017-03-20 13:21:10 274

转载 angular学习(五)—— Scopes

来源地址:http://blog.csdn.net/lastsweetop/article/details/51833370Scopes简介Scopes是一个指向application模型的对象,是表达式执行的上下文,模拟application的DOM结构构成自己的层次结构。Scope可以观察表达式和传播事件。Scopes特点Scopes提供了API $watch观

2017-03-20 13:18:55 223

提示
确定要删除当前文章?
取消 删除