- 博客(230)
- 资源 (1)
- 收藏
- 关注
转载 isPrototypeOf和getPrototypeOf
在JavaScript这个一切皆为对象的世界里,难免会判断原型链的问题。那么我们就有必要了解了解isPrototypeOf和getPrototypeOf这两个方法咯。1、isPrototypeOfisPrototypeOf作用我的理解:确定一个对象的原型链中是否继承了prototype官方语言:Determines whether an object exists in another objec
2018-01-18 11:25:44 676
转载 undefined与null的区别
undefined与null的区别作者: 阮一峰日期: 2014年3月28日大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null。这是为什么?一、相似性在JavaScript中,将一个变量赋值为undefined或n
2018-01-18 11:04:47 250
转载 一看就懂的ReactJs入门教程-精华版
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采吧~~ 文章有点长,耐心读完,你会有很大收获哦~ 一、ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc
2018-01-16 09:41:55 860
转载 HTML 文档之 Head 最佳实践
每一个标准的 HTML 文档都包含一个 头部分,除了声明文档类型,编码方式和文档标题,引入外部资源这些基本功能外, 头还能做很多非常有用的事情,这篇文章整理了作者认可的一些最佳实践,写在这里与各位分享。语言在 html 标签中通过 lang 属性进行明确的语言声明,将会有助于翻译,英文、简体中文和繁体中文网页所属性值如下:html lang="en">htm
2018-01-12 12:49:45 458
转载 Cookie/Session机制详解
会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制,并比较说明什么时候不能用Cookie,什么时候不能用Session。1.1 Cookie机制
2017-12-28 10:12:31 366
转载 cookie、 sessionStorage 、localStorage之间的区别和使用
1.cookie:存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。2.HTML5 提供了两种在客户端存储数据的新方法:(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都
2017-12-18 17:29:13 293
转载 简述TCP的三次握手过程
TCP握手协议 在TCP/IP协议中,TCP协议提供可靠的连接服务,采用三次握手建立一个连接.第一次握手:建立连接时,客户端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认; SYN:同步序列编号(Synchronize Sequence Numbers)第二次握手:服务器收到syn包,必须确认客户的SYN(ack=j+1),同时自己也发送一个SYN包(syn=k),
2017-12-18 16:44:40 643
转载 Git版本控制工具详细教程
前端学习笔记篇之git那些事Git是一款免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。学习前端,离不开Git的使用,面试时也是一个常考的话题,在日常开发中,也困扰我们许久,下面就让我们一起走进它~我将从以下几点进行介绍,准备好走进Git的世界了嘛~高频词汇的含义git常用指令几种常见git操作流程高频词汇的介绍git操作博大精深,
2017-12-05 17:38:36 315
原创 AngularJs分页组件demo
一个后台中总需要一款分页,那我为了自己方便使用,实现如下效果我把这个组件命名为tm.pagination,原因是因为起名真的太难起了。而且我网名也叫天名, TM就这样了吧。github地址https://github.com/miaoyaoyao/AngularJs-UI分页在线查看点击预览http://demo.miaoyueyue.com/js/ng/A
2017-11-30 11:19:34 5199 6
原创 FormData Ajax上传文件详细教程
FormData1. 概述FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利。2. 构造函数创建一个formData对象实例有几种方式1、创建一个空对象实例var formData = new FormData();此时可以调用append()方法来添加
2017-11-27 14:12:28 10406
转载 浏览器工作原理详解
这篇文章是以色列开发人员塔利·加希尔的研究成果。她在查阅了所有公开发布的关于浏览器内部机制的数据,并花了很多时间来研读网络浏览器的源代码。她写道:在 IE 占据 90%市场份额的年代,我们除了把浏览器当成一个“黑箱”,什么也做不了。但是现在,开放源代码的浏览器拥有了过半的市场份额,因此,是时候来揭开神秘的面纱,一探网络浏览器的内幕了。呃,里面只有数以百万行计的C++ 代码…
2017-11-17 00:07:45 733
转载 浅谈Vuex
vuex是什么东西?官网对Vuex的定义,"Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。"恩,从这句话可以看出,它应该是一种编写js的思路,并不是一种新的技术。做什么什么的模式嘛,就是“这个事儿该怎么做”的意思呗。 --> 接下来,"它采用集中式存储,管理vue应用的所有组件的状态,并以相应的规
2017-11-08 09:12:49 682
原创 css实现两栏自适应布局
前端经典的两栏布局1、左侧定宽,左浮动; 右侧宽度100%; 两栏布局;左侧定宽左浮动,右侧宽度100% .left{ float: left; width: 200px; height: 400px; background: red;}.right{ width: 100%; he
2017-11-07 10:30:42 1182
原创 移动端日期小插件
layDate 日期与时间组件获得 layDate 文件包后,解压并将 laydate 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 laydate.js 即可。 下面是一个入门示例: 使用 layDate 独立版 //执行一个laydate实例laydate.render({ elem: '#test1' //指
2017-11-06 22:58:59 535
原创 将数组元素拼接到对象数组中
题目:有如下数组arr1,arr2,先需要将arr1和arr2中元素拼接成arr3形式var arr1=[1000,2000,3000];var arr2=[1,2,3];var arr3 = [{"name":"1000","value","1"},{"name":"2000","value","2"},{"name":"3000","value","3"}];方法: var ar
2017-11-06 15:06:29 1677
原创 前端开发 将table内容导出到excel
jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。jquery-table2excel插件的github地址为:https://github.com/rainabba/jquery-table2excel注意导出的Excel
2017-11-05 14:50:54 12113 23
转载 深入理解JavaScript编程中的同步与异步机制
JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程。然而,对于初学者来说,书写异步代码可能会比较困难。而在这篇文章里,我将会消除你可能会有的任何困惑。理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函
2017-11-05 00:17:38 511
转载 AJAX同步和异步的区别及使用场景
本文讲的是AJAX同步和异步的特别及使用场景, AJAX中根据async的值不同分为同步(async = false)和异步(async = true)两种执行方式;在W3C的教程中推荐使用异步执行; 下面来区别一下同步和异步有什么不同: 异步:在异步模式下,当我们使用AJAXAJAX中根据async的值不同分为同步(async = false)和异步(async = true)两种执
2017-11-05 00:02:16 1800
转载 Ajax 的全面总结
Ajax在前端开发中有着举足轻重的地位,关于Ajax的使用和注意事项一直是一个重要的话题,借此机会,本文希望对Ajax做一个全面的总结,彻底揭开Ajax的神秘面纱。一.什么是AjaxAjax(Asynchronous JavaScript and XML),可以理解为JavaScript执行异步网络请求。通俗的理解的话就是,如果没有Ajax技术,改变网页的一小部分(哪怕是一行文字、一张图片)都需要...
2017-11-03 12:33:22 813
转载 前端开发工程师必须关注的几个性能指标
关于页面相应时间,有一条著名的“2-5-8原则”。当用户访问一个页面:在2秒内得到响应时,会感觉系统响应很快;在2-5秒之间得到响应时,会感觉系统的响应速度还可以;在5-8秒以内得到响应时,会感觉系统的响应速度很慢,但可以接受;而超过8秒后仍然无法得到响应时,用户会感觉系统糟透了,进而选择离开这个站点,或者发起第二次请求。 对于一个网站如
2017-10-30 08:57:28 536
原创 如何上传本地代码到github上
如何上传本地代码到github上 Git是分布式的VCS系统,每个终端都是独立的(有工作区和仓库),账户的name和email是自己指定的,也可以为每个终端都创建一个全球唯一的身份识别号。 第一步:在当前系统中安装的Git全局声明一下当前用户的认证信息git config --global user.name "LiWenhua"git config --g
2017-10-27 20:50:46 570
转载 angularJS学习笔记之——搭建学习环境
从今天开始,开始学习angularJS。学习第一步是需要搭建一个学习和测试的环境,现在就开始环境的搭建。无论是Mac、Linux或Windows环境中,您均可遵循本教程学习编程。第一步:安装Git你可以从http://git-scm.com/download下载和安装Git。一旦你安装完Git,你应该就有g
2017-10-22 20:19:59 390
转载 angular自定义指令详解
指令(directive)是angular里面最核心也是最难懂的东西,在慕课网看了下大漠穷秋老湿的视频,自己百度半天做了一些小test,总算把一切都搞明白了。先列出学习来源:指令中controller和link的区别:http://www.cnblogs.com/CreateMyself/p/5568202.html angular视频教程:http://www.i
2017-10-21 13:55:19 750
原创 vue2.0组件之间的通信
本文介绍3中类型:1、父子组件之间的通信2、非父子组件的通信3、较为复杂的通信一、父子组件之间的通信:访问: http://www.jianshu.com/p/2670ca096cf8二、非父子组件之间的通信:1、创建bus.js 创建一个新的Vue实例,以后它就承担起了组件之间通信的桥梁了,也就是中央事件总线。2
2017-10-17 23:40:15 407
转载 史上最全的CSS hack方式一览
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经
2017-10-17 21:28:40 501
转载 AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas
2017-10-11 17:27:29 584
转载 JSON与XML的区别比较
1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一,跨平台和语言,早已成为业界公认的标准。XML
2017-10-11 10:25:42 685
转载 常用原生JS方法总结(兼容性写法)
①添加事件方法123456789addHandler:function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventLis
2017-10-10 13:48:19 605 1
原创 JS各循环的差别
1、最普通的for循环:for(var i=0;i}特点:只能针对数组循环,不能引用于非数组对象2、for(var i in obj){}特点:用于数组或对象的属性进行操作,可能随机顺序遍历数组元素3、arr.forEach(function(value){})特点:ES5内建方法,但不能使用break中断循环,也不能用ret
2017-10-08 10:10:57 508
原创 AngularJS复习小结
开发移动端App,首先得在头部然后在浏览器head引入angular.js angular-router.js,注意先后顺序哦! 创建文件目录存放的文件 使用angularJS开发项目步骤:1、声明模块var app = angular.module(‘myApp’,[‘ng’]); 2、注册模块在index.html文件的html标签中”my
2017-10-08 10:06:36 420
转载 那些不正经的前端笔试题
1.一家服装店的某件商品进价为500元,如果以成本价(进价)报出,客人一定会选择在该店铺购买。随着价格每增加1元,客人流失的可能性增加1%。那么对于该店铺而言,最优的报价是()。A.500 B. 510 C. 520 D. 530 E. 540 F. 550正确答案为F设最优报价为x元,假设按500元卖出时,有100个客人一
2017-10-07 11:49:37 663 1
原创 打印li索引值
这是第一条alert(0)这是第二条alert(1)这是第三条alert(2)原生javascript实现:var lis = document.getElementsByTagName('li'); console.log(lis) for (var i = 0;i < lis.length; i++) { console.log(i)
2017-10-06 22:15:26 452
转载 前端常见跨域解决方案(全)
前端常见跨域解决方案(全)什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入:、、、等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求:
2017-10-06 14:57:23 591
原创 数组去重的方法
// 数组去重的方法 var hash = [];//创建一个空数组,作为对比 function qc(arr){ for(var i=0;i<arr.length;i++){ if(hash.indexOf(arr[i])==-1){//遍历数组,hash[]中若没查到与arr[i],就把arr[i] push进hash中 hash.push(arr[i]); }
2017-10-01 17:46:15 409
原创 深圳惠群数据的面试题
这题是在深圳惠群数据的面试题// get-user-by-name 转成 getUserByName //思路:首字母除了get都变成大写?先用split把字符串拆成数组,改变字符串首字母变成大写,再把他们接起来 var str = 'get-user-by-name'; var arr = []; function toUpperCase(str){ arr = str.split
2017-10-01 00:31:48 899
原创 面试题:this指针的指向,以及call、apply应用
var a = 2; function test(){ var a = 4; console.log(this.a); this.a = 1; } test();//2 //这里为什么是2?因为调用test()函数的是window,上述test()可以写成window.test(),test()内部的this指向的是window,而window中的a=2,所以console.l
2017-10-01 00:03:06 635
转载 大白话讲解Promise(一)
去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是
2017-09-29 10:34:26 421
原创 关于Math.random()
关于 Math.random() ,以前经常搞混淆,这次写个笔记专门记录下: Math.random() : 返回的是 0~1 之间的一个随机小数0<=r<1,即[0,1);注意:这里是左闭右开区间; 在任意min~max之间取一个随机整数:parseInt(Math.random()*(max-min+1)+min) 比如:在0和10之间随机取一个整...
2017-09-26 16:42:14 735
转载 移动端的头部标签和 meta
使用 HTML5 doctype,不区分大小写更加标准的 lang 属性写法 http://zhi.hu/XyIahtml lang="zh-cmn-Hans">meta声明文档使用的字符编码meta charset='utf-8'>优先使用 IE 最新版本和 Chromemeta http-equiv="X-UA-Compatible" cont
2017-09-26 11:05:12 388
菲利普·科特勒(Philip Kotler市场营销:原理与实践(第16版)营销管理最新版 高清PDF
2018-12-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人