摘要: 前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(136) 评论(0) 推荐(0)
摘要: 概要:父组件向子组件通信:props属性子组件向父组件通信:$emit()触发事件,$on()监听事件在 vue 1.0 中可以使用$dispatch 和 $broadcast来实现 向上派发事件 和 向下广播事件;事件说明$on(事件名)事件名的类型是字符串(下同),调用它可以通过this.$on... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(224) 评论(0) 推荐(0)
摘要: 最近VueJs确实火了一把,自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢。既然大家会看这篇文章,那么肯定是vue的学习者了,或是遇到的瓶颈,或者刚刚开始学,不知道如何快速起步,本篇文章将带领大家在最短的... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(107) 评论(0) 推荐(0)
摘要: Vue.js介绍Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(82) 评论(0) 推荐(0)
摘要: 前言开篇首先设想一个日常开发常常会遇到的需求:在多个接口异步请求数据,然后利用这些数据来进行一系列的操作。一般会这样去写:$.ajax({ url: '......', success: function (data) { $.ajax({ // 要在... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(101) 评论(0) 推荐(0)
摘要: http协议的参考:http://blog.csdn.net/hefeng6500/article/details/75081047(1)浏览器先搜索自身的DNS缓存(2)操作系统搜索自身的DNS缓存(浏览器没有找到缓存或者缓存已经失效)(3)读取本地的HOST文件(4)浏览器发起一个DNS的一个系... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(2119) 评论(0) 推荐(0)
摘要: 利用原生JS实时监听input框输入值原生JS中可以使用oninput,onpropertychange,onchangeoninput,onpropertychange,onchange的用法1) onchange 触发事件必须满足两个条件:a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(10376) 评论(1) 推荐(2)
摘要: 在使用anularjs开发前端页面时,常常使用ng-show、ng-hide、ng-if功能来控制页面元素的显示或隐藏,那他们之间有什么不同呢?实现原理方面:ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏,对应的DOM元素会一直存在于当前页面中,而ng-if... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(390) 评论(0) 推荐(0)
摘要: 发现这个可选参数就是闲的蛋疼!!! 不多说,看代码可选参数:replace 默认为false,可以设置为true 若设置为true,dom中显示为:Hello World若设置为false Hello World ... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(279) 评论(0) 推荐(0)
摘要: 在angular中,Directive,自定义指令的学习,可以更好的理解angular指令的原理,当angular的指令不能满足你的需求的时候,嘿嘿,你就可以来看看这篇文章,自定义自己的指令,可以满足你的各种需求的指令。 本篇文章的参考来自 AngularJS权威指南 , 文章... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(138) 评论(0) 推荐(0)
摘要: 安装好xammp,打开阿帕奇和数据库服务; 点击右侧 shell 按钮,进入命令行; 首先,利用超级管理员权限进入数据库: mysql -uroot -p enter,再enter 把下述代码复制进命令行,或者把下述代码保存到一个文件,文件名为英文,路径也为英文,比如:test.sq... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(95) 评论(0) 推荐(0)
摘要: 视频学习网址:http://www.imooc.com/learn/796源码打包:https://codeload.github.com/fachaoshao/Vue-ShoppingCart/zip/master(before为老师未写功能的源码,after为实现功能后的源码);注意:以上源码请... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(170) 评论(0) 推荐(0)
摘要: 使用 HTML5 doctype,不区分大小写更加标准的 lang 属性写法 http://zhi.hu/XyIameta声明文档使用的字符编码优先使用 IE 最新版本和 Chrome页面描述页面关键词网页作者搜索引擎抓取为移动设备添加 viewport iOS 设备添加到主屏后的标题(iOS... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(116) 评论(0) 推荐(0)
摘要: 关于 Math.random() ,以前经常搞混淆,这次写个笔记专门记录下:Math.random() : 返回的是 0~1 之间的一个随机小数0<=r<1,即[0,1);注意:这里是左闭右开区间;在任意min~max之间取一个随机整数:parseInt(Math.random()*(max-mi... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(153) 评论(0) 推荐(0)
摘要: 去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promi... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(122) 评论(0) 推荐(0)
摘要: var a = 2; function test(){ var a = 4; console.log(this.a); this.a = 1; } test();//2 //这里为什么是2?因为调用test()函数的是window,上述test()可以写成window.test(),test... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(170) 评论(0) 推荐(0)
摘要: // get-user-by-name 转成 getUserByName//思路:首字母除了get都变成大写?先用split把字符串拆成数组,改变字符串首字母变成大写,再把他们接起来var str = 'get-user-by-name';var arr = [];function toUpper... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(304) 评论(0) 推荐(1)
摘要: // 数组去重的方法 var hash = [];//创建一个空数组,作为对比 function qc(arr){ for(var i=0;i<arr.length;i++){ if(hash.indexOf(arr[i])==-1){//遍历数组,hash[]中若没查到与arr[i],就... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(108) 评论(0) 推荐(0)
摘要: 前端常见跨域解决方案(全)什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入:、服务端返回如下(返回时即执行全局函数):onBack({"status": true, "user": "adm... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(172) 评论(0) 推荐(0)
摘要: 这是第一条alert(0)这是第二条alert(1)这是第三条alert(2)原生javascript实现: var lis = document.getElementsByTagName('li'); console.log(lis) for (var i = 0;i < lis.lengt... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(208) 评论(0) 推荐(0)
摘要: 1.一家服装店的某件商品进价为500元,如果以成本价(进价)报出,客人一定会选择在该店铺购买。随着价格每增加1元,客人流失的可能性增加1%。那么对于该店铺而言,最优的报价是()。A.500 B. 510 C. 520 D. 530 E. 540 ... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(434) 评论(0) 推荐(0)
摘要: 开发移动端App,首先得在头部然后在浏览器head引入angular.js angular-router.js,注意先后顺序哦! 创建文件目录存放的文件 使用angularJS开发项目步骤:1、声明模块var app = angular.module(‘myApp’,[‘ng’]); 2、注册模块... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(180) 评论(0) 推荐(0)
摘要: 1、最普通的for循环:for(var i=0;i<arr.length;i++){}特点:只能针对数组循环,不能引用于非数组对象2、for(var i in obj){}特点:用于数组或对象的属性进行操作,可能随机顺序遍历数组元素3、arr.forEach(function(value){})特点... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(404) 评论(0) 推荐(0)
摘要: 引子有句话怎么说来着:雷锋推倒雷峰塔,Java implements JavaScript.当年,想凭借抱Java大腿火一把而不惜把自己名字给改了的JavaScript(原名LiveScript),如今早已光芒万丈。node JS的出现更是让JavaScript可以前后端通吃。虽然Java依然制霸企... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(154) 评论(0) 推荐(0)
摘要: 在js中,数组是特殊的对象,凡是对象有的性质,数组都有,数组表示有序数据的集合,而对象表示无序数据的集合。那伪数组是什么呢,当然它也是对象,伪数组一般具有以下特点:按索引方式存储数据;具有length属性;没有数组的push、shift、pop等方法;function的arguments对象,还有g... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(511) 评论(0) 推荐(0)
摘要: 界面之下:还原真实的MV*模式作者:戴嘉华转载请注明出处并保留原文链接( https://github.com/livoras/blog/issues/11 )和作者信息。目录:前言MVCMVC Model 2MVPPassive ViewSupervising ControllerMVVM结语Re... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(116) 评论(0) 推荐(0)
摘要: 首先安装visual SVN和Tortoise SVN我就不介绍了;直接说安装好之后怎么用的步骤,环境,第一次编写代码,svn为空的1、在svn创建一个项目Repositories,右键,Create New Repository,比如命名为:first2、first项目右键,复制地址3、创建用户... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(250) 评论(0) 推荐(0)
摘要: jQuery.extend 函数使用详解JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(92) 评论(0) 推荐(0)
摘要: 方法一:这个很不错,好像是 csdn 的 Meizz 写的: [javascript] view plain copy// 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(306) 评论(0) 推荐(0)
摘要: vue-cli脚手架构建了项目,想去除Eslint验证,如何设置?在webpack.base.conf.js里面删掉下面:preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: proj... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(193) 评论(0) 推荐(0)
摘要: ::-webkit-scrollbar {/*隐藏滚轮*/display: none;} CSS3自定义滚动条样式 -webkit-scrollbar 前言webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(452) 评论(0) 推荐(0)
摘要: 做web开发时常用Jquery中$(document).ready()和JavaScript中的window.onload方法,两者都是要在页面加载完成以后加载的方法,但是这两者还是有很大区别的。最近遇到了这样的问题,查询了多篇文章,做一下总结。简单来说,要以用以下张表来表示 :Jquery的rea... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(139) 评论(0) 推荐(0)
摘要: 获取图标字体:(1)GlyphiconHalfling:收费的800+图标;(2)FontAwesome:免费的675个图标;(3)IconMoon 自定义图标字体,上传svg制作自己想要的图标字体; svg字体获取(http://www.iconfont.cn)使用图标字体: --> ... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(618) 评论(0) 推荐(0)
摘要: 由于各浏览器对页面的解析不同,会导致页面在不同浏览器中显示的样式不一致,为了保持页面的统一,经常需要对浏览器进行兼容性问题的调试。CSS Hack面对浏览器诸多的兼容性问题,经常需要通过CSS样式来调试,其中用的最多的就是CSS Hack。所谓CSS Hack就是针对不同的浏览器书写不同的CSS样式... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(143) 评论(0) 推荐(0)
摘要: 一,CSS3 选择器分类二,选择器语法1,基本选择器语法选择器类型功能描述* 通配选择器 选择文档中所以HTML元素E 元素选择器选择指定类型的HTML元素#id ID选择器选择指定ID属性值为“id”的任意类型元素.class 类选择器选择指定class属性值为“class”的任意类型的任意多个元... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(132) 评论(0) 推荐(0)
摘要: 两者本质区别:AJAX通xmlHttpRequest象请求服务器服务器接受请求返数据实现刷新交互普通http请求通httpRequest象请求服务器接受请求返数据需要页面刷新AJAX请求 普通请求 AJAX请求头会多一个x-requested-with参数,值为XMLHttpRequ... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(3220) 评论(0) 推荐(2)
摘要: HTTP简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件,... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(110) 评论(0) 推荐(0)
摘要: 首先安装Node.js我就不介绍了!win+r , 输入cmd,回车; 1、安装淘宝镜像 在国内直接使用npm的官方镜像是比较慢的,这里我们采用的是淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org 然... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(120) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(493) 评论(0) 推荐(0)
摘要: var request=new XMLHttpRequest();request.open("GET","get.php",true);request.send();request.onreadystatechange=function(){if(request.readyState===4&&re... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(167) 评论(0) 推荐(0)
摘要: 页面整体无刷新重载图片,验证码–看不清换一张功能简单!看不清?换一张在我的个人项目中,这么写的:$('#vcodeReg span').click(function(){ $('#regcode img').attr('src','../data/vcode.php?'... 阅读全文
posted @ 2017-10-08 10:23 hefeng6500 阅读(51) 评论(0) 推荐(0)