- 博客(28)
- 收藏
- 关注
原创 RN 热更Node服务cpu占用从80% 优化到20% 记录
RN 热更新Node服务cpu占用从80% 优化到20% 记录先看优化前后结果对比优化前![优化前.png-64.7kB][1]优化后![优化后.png-53.7kB][2]先聊下背景,过年前半路接手团队的 RN的热更新的服务端开发,服务端采用的是 Express + Mysql,是拿 github 上一个开源服务改的 主要给React Native 项目提供热更,就是每次打开App,会...
2020-02-26 13:15:47 963
原创 chrome devtools tip(2)--自定义代码片段,构建你的工具箱
平常开发中,有些代码片段常常用到的,比如,获取 url 参数,rgb转16进制,打印下当前页面的性能数据,给所有的 span 加个样式, 防抖节流,fetch接口,类似 jquery这样的顺手 选择 dom 节点的库,等等,还有很多很多我们平常会用到的 utils 工具代码很多人是每次用到了就去 google 下,下次要用再去找,这样每次都要找,重复又耽搁时间,哪有没有什么办法能把这些代码 存到...
2019-10-27 20:49:51 1063
原创 chrome devtools tip(1)--调试伪类
开发中我们经常遇到,添加些focus,hover事件,样式,但当我们去打开 chrome devtools,浮动上去的时候,然后准备去改变样式的时候,结果由于光标移动了,样式不见了,非常不方便调试,其实 chrome 调试工具给我们提供了很方便的办法你把 鼠标移动到某个需要调试的 元素上面去,然后,右键 选择force state 选择对应的伪类,就会触发对应元素的 伪类,用来,对应的伪类的样式...
2019-10-24 22:59:00 794
原创 angular组件通信
angular组件通信是很长常见的功能,现在总结下,常见通信主要用一下三种,直接看demo的话,拉倒底部父组件 => 子组件子组件 => 父组件组件A = > 组件B 父组件 => 子组件 子组件 => 父组件 sibling => sibling @input @output setters (本质上还是@input) 注入父组件 ngOnCha
2017-09-18 00:38:45 1075
原创 基于freemarker ,xdocreport生成word,pdf
解决freemarkder 处理 docx 后生成的是xml问题xdocreport docx 转pdftitle: 基于freemarker ,xdocreport生成word,pdf categories: javatags: java最近公司有个业务,是要生成pdf形式的合约,合约模版是有十几页的word,根据不同的客户,模版有些地方填入不同的值,然后生成pdf
2017-04-12 19:08:15 15160 17
原创 DOM,浏览器,javascript,html之间的关系
DOM,浏览器,javascript,html之间的关系DOM定义DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法,不过DOM的应用已经远远超出这个范围。Dom
2016-10-18 19:13:59 4081
原创 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 963
原创 jquery 源码分析8-ajax(D)JSONP跨域处理
jquery 源码分析8-ajax(D)JSONP跨域处理跨域说白就是在一个页面获取不同服务器的资源,浏览器不允许跨域是为了安全,假设很容易的跨域,很容易的就注入自己的脚本,那就不用玩了;但有时候开发面对一些业务又是必须得通过跨域解决的,在前端处理跨域问题,一般有ifame,和JSONP,JSONP的原理是web页面在加载img,script这些有src属性的是可以跨域的,我们通过这个原理就可以将我
2016-10-18 19:12:59 329
原创 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 1083
原创 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 443
原创 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 370
原创 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 457
原创 jquery 源码分析-核心(3)noConflict和each
jquery 源码分析-核心(3)noConflict和eachnoConflict方法noConflict: function( deep ) { //_$ 是一个undefined,这个时候其他库就可以使用$关键字 //(假设其他库也是将方法绑定到window.$) //如果deep为true,也就是说明jQuery这个关键字也被其他的使用了, // 需要用其他库,
2016-10-18 19:09:55 289
原创 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 287
原创 jquery 源码分析-核心(1)初始化init
jquery 源码分析-核心(1)初始化initjquery是目前用的最多的js框架,决定好好研究下它的源码,选取的是1.2.5版本,这是我在网上能找到的最早版本,我想jquery的核心思想在最开始的版本就表现了出来的,2.x以后的版本主要是加新功能,看源码主要就是理解它的编码思想,这个版本够用。jquery初始化在页面引入jquery的包就能用,$(),JQuery(),这是为什么?源码的开头就解
2016-10-18 19:08:45 388
原创 javascript回调函数使用练习以及自定义toggle函数编写
javascript回调函数使用练习以及自定义toggle函数编写昨天在编码时遇到一个业务需求是在A页面点击一个按钮到B页面,B页面有个一个确定按钮,和取消button,点击确定从B页面将选中的数据带回A页面,点击取消回到A页面,咨询了同事,决定用回调的函数的方式实现这个功能,这是第一次使用这种方法,记录下来;过程中需要对一个元素绑定2个函数,在2个函数之间来回切换,就想到jquery的toggle
2016-10-18 19:07:35 1366
原创 理解Java虚拟机(1)之一个.java文件编译成.class文件发生了什么
理解Java虚拟机(1)之一个.java文件编译成.class文件发生了什么最近在看《深入理解Java虚拟机》弄明白了很多java的底层知识,决定分几部分总结下,从.java文件编译,到类加载机制,内存分配 垃圾回收机制,线程并发,锁机制。JVM虚拟机只能识别.class文件这种字节码文件,然后将字节码翻译成可执行的0,1;这个说明了JVM具有语言无关性,不仅仅是平台无关性,这也是scala,Gr
2016-10-18 19:06:49 6100
原创 理解Java虚拟机(3)之.class文件加载双亲委派模型
理解Java虚拟机(3)之.class文件加载双亲委派模型读《深入理解Java虚拟机》-周志明 读书笔记双亲委派模型是.class文件加载过程中一种加载机制,classLoader大致可以分成这4个层级,加载的过程中,首先将某个类一层一层传给上一层加载器,直到顶层,顶层没找到这个类,顶层找到了这个类就直接加载,没有的话会一层一层传下来,每层分别寻找,找到了,就加载,没有就接着往下传,详细说明下,每一
2016-10-18 19:06:22 466
原创 理解Java虚拟机(4)之JVM运行时内存分配管理和对象内存分布
理解Java虚拟机(4)之JVM运行时内存分配管理和对象内存分布读《深入理解Java虚拟机》-周志明 读书笔记classLoader将class文件加载进虚拟机后,就是要开始运行程序员写的代码了,要运行就要分配内存,所以先得了解虚拟机运行时内存分配管理。 JVM在执行的过程中会把它所管理的内存划分若干个不同的数据域,这种区域有不同的用途,数据区域主要分为方法区,虚拟机栈,本地方法栈,堆,程序计算器
2016-10-18 19:05:54 2633
原创 理解Java虚拟机(2)之.class文件加载过程
理解Java虚拟机(2)之.class文件加载过程读《深入理解Java虚拟机》-周志明 读书笔记虚拟机只能执行.class文件,在.class文件加载过程中,生命周期包括:加载,验证,准备,解析,初始化,使用,卸载加载将.clss文件加载进虚拟机,加载来源有1.常见jar包;2.网络获取(dubbo的RPC是典型,底层通过java的RMI方法,通过固定协 议,将远端生成者接口,对象序列化,消费者
2016-10-18 19:05:20 1507
原创 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 5762
原创 git基本使用
git基本使用要理解git的命令用法,必须要理解git的几个概念,看网上的内容大部分都都是一开始上命令,只能死板的记住命令,根本就不知道为什么这样,出了问题都不知道为啥,我觉得学东西必须得首先对这个东西有个框架性的结构,有个梗概,这样在学习的时候才能学的快,因为明白了为什么这样才记得深刻。首先说下git和svn的差别,git没有只更新某一个文件的说法,更新就是全部更新,eclipse,idea下个g
2016-10-18 19:04:00 306
原创 利用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 2170
原创 javascript基础知识的重要性
javascript基础知识的重要性今天无意间看到了网上用node.js写的爬虫代码,惊叹node.js的牛逼,几行代码就可以了(当然包比较丰富),而且是高并发,研究了下代码发现里面都是回调函数,作用链,贴上源代码:var eventproxy = require('eventproxy');var superagent = require('superagent');var cheerio =
2016-10-18 19:02:24 1427
原创 JavaScript中闭包学习 --2016.4.7
JavaScript中闭包学习 –2016.4.7最近在看prototype.js源码,发现里面有很多的有意思的代码,了解到了javascript的闭包思想,然后通过网上的资料和自己敲代码,来学习它,记下来梳理下思路,做个笔记。定义:维基百科定义:引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。所以,有另一种说法认为闭包是由函数和与其相关的引用环境
2016-10-18 19:01:41 337
原创 关于select标签使用的一些想法
关于select标签使用的一些想法最近在使用select标签遇到一些问题,主要2个,1个是没有设置value,它的默认值,第2个是初始化的问题如果没有value时默认选择text值 example:<select id="test"> <option>aaaa</option> <option value="">bbbb</option> <opt
2016-10-18 19:00:59 223
原创 简单的模板引擎--2016.04.18
简单的模板引擎–2016.04.18在项目里经常有遇到列表展示或者一个模板迭代,以前习惯用jstl标签解决这个问题,现在习惯了javascript,基本都不用jstl标签了,网上有很多模板引擎,功能比较强大,但目前开发只需要一个简单的模板迭代器,然后看老大写个js主键,觉得比较好,自己也模仿写了一个,写这么个简单的,主要功能是模板的克隆以及绑定事件,主要设计方法是:定义一个一个div模板,若某个do
2016-10-18 19:00:24 256
原创 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 492
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人