![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
hucheng91
http://hucheng91.github.io/
展开
-
chrome devtools tip(2)--自定义代码片段,构建你的工具箱
平常开发中,有些代码片段常常用到的,比如,获取 url 参数,rgb转16进制,打印下当前页面的性能数据,给所有的 span 加个样式, 防抖节流,fetch接口,类似 jquery这样的顺手 选择 dom 节点的库,等等,还有很多很多我们平常会用到的 utils 工具代码很多人是每次用到了就去 google 下,下次要用再去找,这样每次都要找,重复又耽搁时间,哪有没有什么办法能把这些代码 存到...原创 2019-10-27 20:49:51 · 1035 阅读 · 0 评论 -
angular组件通信
angular组件通信是很长常见的功能,现在总结下,常见通信主要用一下三种,直接看demo的话,拉倒底部父组件 => 子组件子组件 => 父组件组件A = > 组件B 父组件 => 子组件 子组件 => 父组件 sibling => sibling @input @output setters (本质上还是@input) 注入父组件 ngOnCha原创 2017-09-18 00:38:45 · 1059 阅读 · 0 评论 -
DOM,浏览器,javascript,html之间的关系
DOM,浏览器,javascript,html之间的关系DOM定义DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法,不过DOM的应用已经远远超出这个范围。Dom原创 2016-10-18 19:13:59 · 4051 阅读 · 0 评论 -
jquery 源码分析-核心(4)数据缓存data和removeData ##data,removeData,常用方法
#jquery 源码分析-核心(4)数据缓存data和removeData ##data,removeData,常用方法 “`javascript (element).data(key,data);//赋值(element).data(key,data); //赋值 (element).data(key); //获取值 $(element).removeDa原创 2016-10-18 19:11:07 · 437 阅读 · 0 评论 -
jquery 源码分析9-ajax(E)全局函数ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend
jquery 源码分析9-ajax(E)全局函数ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSendajax的全局函数用处在于每次ajax函数发起请求之前,之后,成功,失败都可以执行一些公共的函数,不用每次都需要自己处理,调用一个全局的函数;比方说在发起一个ajax,弹出一个遮盖框,成功就消除这个这个遮盖框,失败就弹出一个mes原创 2016-10-18 19:13:24 · 945 阅读 · 0 评论 -
jquery 源码分析8-ajax(D)JSONP跨域处理
jquery 源码分析8-ajax(D)JSONP跨域处理跨域说白就是在一个页面获取不同服务器的资源,浏览器不允许跨域是为了安全,假设很容易的跨域,很容易的就注入自己的脚本,那就不用玩了;但有时候开发面对一些业务又是必须得通过跨域解决的,在前端处理跨域问题,一般有ifame,和JSONP,JSONP的原理是web页面在加载img,script这些有src属性的是可以跨域的,我们通过这个原理就可以将我原创 2016-10-18 19:12:59 · 308 阅读 · 0 评论 -
jquery 源码分析7-ajax(C)XMLHttpRequest回调函数onreadystatechange函数
jquery 源码分析7-ajax(C)XMLHttpRequest回调函数onreadystatechange函数onreadystatechange函数主要处理服务器返回的数据 源码简化如下:var onreadystatechange = function(){ var status = (xhr.status >= 200 && xhr.status < 300)?"success原创 2016-10-18 19:12:35 · 1062 阅读 · 0 评论 -
jquery 源码分析6-ajax(B)ajax参数组装过程
jquery 源码分析6-ajax(B)ajax参数组装过程把整个$.ajax(),拆开,主要有以下几个方面全局ajax函数ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSendajax参数组装过程 常见类型json,html,xml,text跨域 JSONP,scriptXMLHttpRequest完成后回调处理服务器原创 2016-10-18 19:12:12 · 422 阅读 · 0 评论 -
jquery 源码分析5-ajax()ajax原理,可以加载的类型
jquery 源码分析5-ajax()ajax原理,可以加载的类型很多框架都有自己的一套ajax,其实都是封装了浏览器器提供的对像XMLHttpRequest ,XMLHttpRequest从发起一个http请求到返回一个服务器传回的数据有以下一个步骤创建 XMLHttpRequest对象// Create the request object; Microsoft failed to prope原创 2016-10-18 19:11:43 · 345 阅读 · 0 评论 -
jquery 源码分析-核心(3)noConflict和each
jquery 源码分析-核心(3)noConflict和eachnoConflict方法noConflict: function( deep ) { //_$ 是一个undefined,这个时候其他库就可以使用$关键字 //(假设其他库也是将方法绑定到window.$) //如果deep为true,也就是说明jQuery这个关键字也被其他的使用了, // 需要用其他库,原创 2016-10-18 19:09:55 · 277 阅读 · 0 评论 -
jquery 源码分析-核心(2)整个骨架jQuery.extend,jQuery.fn.extend
jquery 源码分析-核心(2)整个骨架jQuery.extend,jQuery.fn.extend选取的是jquery1.2.5版本jquery中jQuery.extend = jQuery.fn.extend解析在jquery添加扩展方法一般都是这样$.extend({ a:function(){}, b:function(){}});$.fn.exten原创 2016-10-18 19:09:24 · 272 阅读 · 0 评论 -
jquery 源码分析-核心(1)初始化init
jquery 源码分析-核心(1)初始化initjquery是目前用的最多的js框架,决定好好研究下它的源码,选取的是1.2.5版本,这是我在网上能找到的最早版本,我想jquery的核心思想在最开始的版本就表现了出来的,2.x以后的版本主要是加新功能,看源码主要就是理解它的编码思想,这个版本够用。jquery初始化在页面引入jquery的包就能用,$(),JQuery(),这是为什么?源码的开头就解原创 2016-10-18 19:08:45 · 374 阅读 · 0 评论 -
javascript回调函数使用练习以及自定义toggle函数编写
javascript回调函数使用练习以及自定义toggle函数编写昨天在编码时遇到一个业务需求是在A页面点击一个按钮到B页面,B页面有个一个确定按钮,和取消button,点击确定从B页面将选中的数据带回A页面,点击取消回到A页面,咨询了同事,决定用回调的函数的方式实现这个功能,这是第一次使用这种方法,记录下来;过程中需要对一个元素绑定2个函数,在2个函数之间来回切换,就想到jquery的toggle原创 2016-10-18 19:07:35 · 1339 阅读 · 0 评论 -
JavaScript中类似java常量constants使用方法
JavaScript中类似java常量constants使用方法 –2016.4.12在写js和后台交互传参的时候,经常要用到一些常量,类似java里面的static属性,如果在js中写死,要是以后常量值改变了,js用这个值得地方又多改起来非常麻烦,老大教了我一种js键值对方式保存常量的方法,觉得非常好,大体思想是创建一个constant.js,在constant.js里定义一个键值类型的对象,然后原创 2016-10-18 19:04:29 · 5732 阅读 · 0 评论 -
利用FormData异步提交content-type为jpg,等流方面信息 --2016.04.20
利用FormData异步提交content-type为jpg,等流方面信息 –2016.04.20平常在提交一个包含上传文件流信息都是使用form表单提交,最近在业务上需要异步提交图片,以前都是用一些js上传组键,这次没有用组键,最后找到了用FormData对像来提交信息。FormData的本质是将提交的东西伪装成了form表单,但是,是异步的<div><input type="file" id="原创 2016-10-18 19:03:01 · 2152 阅读 · 0 评论 -
javascript基础知识的重要性
javascript基础知识的重要性今天无意间看到了网上用node.js写的爬虫代码,惊叹node.js的牛逼,几行代码就可以了(当然包比较丰富),而且是高并发,研究了下代码发现里面都是回调函数,作用链,贴上源代码:var eventproxy = require('eventproxy');var superagent = require('superagent');var cheerio =原创 2016-10-18 19:02:24 · 1403 阅读 · 0 评论 -
JavaScript中闭包学习 --2016.4.7
JavaScript中闭包学习 –2016.4.7最近在看prototype.js源码,发现里面有很多的有意思的代码,了解到了javascript的闭包思想,然后通过网上的资料和自己敲代码,来学习它,记下来梳理下思路,做个笔记。定义:维基百科定义:引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。所以,有另一种说法认为闭包是由函数和与其相关的引用环境原创 2016-10-18 19:01:41 · 322 阅读 · 0 评论 -
javascript类型判断(typeof instanceof ,toStirng.call())
javascript类型判断(typeof instanceof ,toStirng.call())对typeof instanceof Object.prototype.toString.call(),比较最近写代码时遇到了对一个变量是arry还是String进行判断,开始使用typeof,发现有问题,来了兴致就把这个方面都研究了下.typeoffunction testTypeof(){va原创 2016-10-18 18:46:12 · 477 阅读 · 0 评论