我工作十余年,从负责一个模块,到负责一个产品,再到负责整个支付平台的架构设计,包括业务架构.产品架构到应用架构,再到技术架构,是一个从点到面逐渐转型的过程,同样是个“自相似”的现象,我一开始写博客,再到出版<分布式服务架构:原理.设计与实战>,现在它的下册<可伸缩服务架构:框架与中间件>年后在京东首发,云时代架构系列书籍已经初具形态,也体现了从小到大的发展过程. 我很想把架构师成长过程总结成独立的系列书籍,苦于没有时间,于是,通过 Chat 把工程师向架构师转型的方方面面,和大家分…
一.传统上获取是通过document.getElementById获取元素的ID属性,通过总结与学习总结一下获取元素class以及id属性的一些封装; 1.创建构造函数,这里面不需要多解释什么:(主要本人也是菜鸟一枚); 2.既然有了构造函数,那么我们只需要实例化进行使用,这里面我就不去描述了,直接进行JS库的封装: 下面是获取ID的方法: Ps:这里面应该不用介绍,通过判断返回指定的值: 3.ID是独一无二的所以使用起来比较不灵活,class类可以是多个或者重复使用,但是传统的JS并没有获取c…
获取当前对象的样式DOM标准中的全局方法 getComputedStyle(obj).width (获取元素的宽度),但在非标准IE浏览器(IE8)以下有兼容问题IE8以下要这样写 obj.currentStyle.width  这样的话在IE8以下正常显示,但标准浏览器下又会报错,所以一要判断一下 //getStyle()函数,获取元素的非行内样式 //使用方法 getStyle(元素,"属性名") 如:getStyle(oBox,"background") fu…
wx.getSystemInfo({success: function (res) {thisWidth = res.windowWidth;}}); that.setData({view_Width: thisWidth / ColIndex})//设置列宽 console.log('----------------------'); console.log('列数' + ColIndex + ' ; ' + '屏幕宽度:' + thisWidth + ':单元格宽度:' + thisWidt…
  js获取有效样式   节点.currentStyle["属性名"]        兼容ie方法(只有ie有效) getcomputedStyle(节点)["属性名"]                兼容火狐.谷歌(谷歌火狐有效)   总结:既封装的函数为       function getStyle(node, styleType){         return node.currentStyle? node.currentStyle[styleType]:…
一.前言 相比于JS这条直达终点.满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁.易用给了它辉煌的地位.然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优势了. 原生JS虽然没有jquery那么的好用.便捷,或者说没有jquery那样让我们使用的如此顺手,甚至是无法舍弃的依赖.可是我们依然不得不扔掉手中这根陪伴我们多年的拐杖,我们不是瘸子,我们不曾腐朽,我们还可以独立前行. 二.正文 1. jquery和原生JS获取节点的比较 //这是HTML代码,…
JS获取网页属性包括宽.高等. function getInfo()  { // www.jbxue.com var s = "";  s += " 网页可见区域宽:"+ document.body.clientWidth+" ";  s += " 网页可见区域高:"+ document.body.clientHeight+" ";  s += " 网页可见区域宽:"+ document…
问题描述:js获取某元素的属性值为空 代码: <!-- css定义在head中 --> <style> #box{ width: 100px; height: 100px; background:#333; } </style> <!-- html+js --> <body> <input type="button" value="变色" id="btn"> <div…
js 获取对象属性个数 方法一: var attributeCount = function(obj) { var count = 0; for(var i in obj) { if(obj.hasOwnProperty(i)) { // 建议加上判断,如果没有扩展对象属性可以不加 count++; } } return count; } var testObj = { name1: "value1", name2: "value2" }; alert(attrib…
js获取属性的方法: document.getElementById(); document.getElementsByTagname(); document.getElementsByClassname(); document.getElementsByname(); window.onscroll = function(){}当滚动条发生变化时,触发的函数. document.documentElement.scrollTop = 100;将纵向滚动条设置到100px,滚动条上限为0. do…