hbiao68
hbiao68

offsetLeft offsetHeight offsetTop offsetWidth offsetParent学习笔记

自己想好好了解offset属性，自己写了demo，供大家学习

 

<body>

<div style="position: absolute;top:50%;left: 50%;width: 200px;height: 200px;border: 1px solid red;" id="parentId">

    <div style="width: 100px;height: 100px;border: 1px solid blue; margin-top:10px;padding-top: 20px;padding-left: 30px;margin-left: 40px;" id="sonId">
        dasfdsaf
    </div>

</div>

</body>

<script>

    $(function(){
        $("#parentId").on("click",function(event){
//            alert(event.type);
            //offsetLeft获取最近的父容器的距当前控件左边(不包含margin)的距离，
            console.info("parent : " + this.offsetLeft);//根据实际情况来显示
            //offsetTop获取最近的父容器的距当前控件上边（不包含margin）的距离，
            console.info("parent offsetTop: " + this.offsetTop);//根据实际情况来显示
            //offsetHeight获取当前控件的高度 = 控件高度 + border高度 + padding（上下）
            console.info("parent offsetHeight: " + this.offsetHeight);//202 = height: 200px;上下边线2px
            //offsetWidth获取当前控件的高度 = 控件宽度 + border宽度+ padding（左右）
            console.info("parent offsetWidth: " + this.offsetWidth);//202 = width: 200px;左右边线2px
            //返回当前对象的父控件
            console.info("parent offsetParent: " + this.offsetParent);//body控件
        });

        $("#sonId").on("click",function(event){
//            alert(event.type);
            console.info("son offsetLeft: " + this.offsetLeft);//margin-left: 40px
            console.info("son offsetHeight: " + this.offsetHeight);//122  = height: 100px;padding-top: 20px;上下边线2px
            console.info("son offsetTop: " + this.offsetTop);//margin-top:10px;
            console.info("son offsetWidth: " + this.offsetWidth);//132px = width: 100px;padding-left: 30px;左右边线2px
            console.info("son offsetParent: " + this.offsetParent);//得到的是div#parentId控件
        });
    });

</script>

 

 

 

你可能感兴趣的:(offsetheight)

  • 获取各种高度 等H5页面笔记 年轻人多学点
    网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的高)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.
  • typescritp 动态获取div的真实高度 马小帅mm
    因为typescript的类型检查一直提示没有offsetHeight属性，所以用as类型断言成HTMLDivElement类,就不会报错constel=document.querySelector('.edit-div')constelHeight:number=(elasHTMLDivElement).offsetHeight
  • offsetWidth、offsetHeight、clientWidth、clientHeight 介绍 小贤笔记
    offsetWidth//返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight//返回元素的高度（包括元素高度、内边距和边框，不包括外边距）clientWidth//返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）clientHeight//返回元素的高度（包括元素高度、内边距，不包括边框和外边距）style.width//返回元素的宽度（包括元素宽度，不包
  • JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解（含示例图） 渔舟唱晚@ javascript前端开发语言
    这里是javascript中制作滚动代码的常用属性页可见区域宽：document.body.clientWidth;网页可见区域高：document.body.clientHeight;window.innerHeight;网页可见区域宽：document.body.offsetWidth(包括边线的宽);网页可见区域高：document.body.offsetHeight(包括边线的宽);网页正
  • el-scrollbar自动滚动到底部 张滚滚QAQ vue.jsjavascript前端
    内容滚动到底部的方法：chatListScrollBottom(){constelement=document.querySelector('.chatList')constheight=element.offsetHeightthis.$refs['scrollbar'].wrap.scrollTop=height}
  • 页面滚动时判断元素是否在可视区域内 wen_文文 Vuevue.js
    /***@description:判断dom元素是否在可视区域内*@param:el:Vuecomponnet对象*@returns:true-在可视区域，false:不在可视区域*/exportconstisElementInViewport=function(el){lets=el.$el.offsetTop//元素相对于页面顶部的距离letx=el.$el.offsetHeight//元素自
  • 动态获取填充表格数据时的特定值的赋值 TWenYuan vue.js
    1、如图{{scope.$index+1}}详情操作2、注意tableColumns里的formatter:this.keyFormatterdata(){return{activeName:'first',tableHeight:document.body.offsetHeight-310+"px",//展示切换showOptions:{data:{},showList:true,showDet
  • JS-元素尺寸与位置 小沐° JSjavascript前端开发语言
    通过js的方式，得到元素在页面中的位置获取宽高元素.offsetWidth元素.offsetHeight1）获取元素的自身宽高、包括元素自身设置的宽高+padding+border2）获取出来的是数值，方便计算3）注意：获取的是可视宽高，如果盒子是隐藏的，获取的结果是0获取位置方法一：元素.offsetLeft元素.offsetTop1）获取元素距离自己定位父级元素的左、上距离（与最近一级带有定位
  • web前端面试题-JavaScript 第一部分 圣京都 JavaScript面试题javascript
    web前端面试题-JavaScript第一部分1JavaScript的组成2JS的基本数据类型和引用数据类型3检测浏览器版本版本有哪些方式？4介绍JS有哪些内置对象？5说几条写JavaScript的基本规范？6如何编写高性能的JavaScript？7DOM元素e的e.getAttribute(propName)和e.propName有什么区别和联系8offsetWidth/offsetHeight
  • cell中添加webView获取webView的高度 通哥
    CGFloatheight=[[self.webViewstringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"]floatValue];
  • 写一个判断鼠标进入方向切换图片的效果 _GuGu_ 计算机外设前端javascript
    直接看代码：import{onMounted,ref}from'vue';importgsapfrom'gsap'constmouse=ref(null)//拿到鼠标的进入事件//监听鼠标进入事件consthandleMouse=(e)=>{consttheta=Math.atan2(mouse.value.offsetHeight,mouse.value.offsetWidth)constang
  • scroll、offset、client —— JS三大家族 crary,记忆 前端知识总结javascript前端开发语言
    简介：clientHeight:元素的可见高度，不包括边框和滚动条，是相对于视口的大小——clientHeight=(contentheight)+(paddingtop+paddingbottom)。offsetHeight:元素的高度，包括边框和滚动条，但不包括外边距——offsetHeight=（contentheight）+padding+border。scrollHeight:元素内容的
  • CSS-offsetLeft,offsetTop,offsetWidth,offsetHeight kelly0721 CSS
    DOM元素的offsetTop属性值obj.offsetTop:obj相对于版面或由offsetParent属性指定的父坐标的计算上侧位置，整型obj.offsetLeft:obj相对于版面或由offsetParent属性指定的父坐标的计算左侧位置，整型obj.offsetWidth:obj控件自身的绝对宽度，不包括因overflow而未显示的部分，也就是其实际占据的宽度，整型obj.offset
  • js 获取 dom 元素的高宽 oldKing2200
    js中获取dom元素高度和宽度的方法如下：网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth（包括边线的宽）网页可见区域高：document.body.offsetHeight（包括边线的高）网页正文全文宽：document.body.scrollW
  • JS中各种尺寸的用法大全 wxd_97 jsjavascript
    JS中各种尺寸的获取页面上的尺寸获取clientWidth/clientHeight——视口大小：可见区域的宽度或高度，不包括border、水平滚动条、margin的元素的宽度或高度，只包括元素的内容区域和padding值。offsetWidth/offsetHeight——视觉大小：看得见的大小，不包括margin的元素的宽度或高度，只包括padding、border、水平滚动条的宽度或高度。o
  • JavaScript DOM元素尺寸和位置 wmnmtm jscss
    基础概念为了方便理解，我们需要了解几个基础概念，每个HTML元素都有下列属性offsetWidthclientWidthscrollWidthoffsetHeightclientHeightscrollHeightoffsetLeftclientLeftscrollLeftoffsetTopclientTopscrollTop为了理解这些属性，我们需要知道HTML元素的实际内容有可能比分配用来容纳
  • js原生获取html的高度,如何获取HTML的高度？ 愙賗 js原生获取html的高度
    我把结论写上面总的来说设置了*{margin:0;padding:0;}后就可以用clientHeight、offsetHeight来获取html了没有设置的时候：设置后的body跟html一样heightfunctiongetInfo(){vars="";s+="网页可见区域宽："+document.body.clientWidth;s+="网页可见区域高："+document.body.cli
  • JS得到页面的各种尺寸 leaftech
    网页可见区域高：document.body.clientHeight;网页可见区域宽：document.body.offsetWidth(包括边线的宽);网页可见区域高：document.body.offsetHeight(包括边线的宽);网页正文全文宽：document.body.scrollWidth;网页正文全文高：document.body.scrollHeight;网页被卷去的高：doc
  • 2020-11-17offsetxxx属性 牛牛nhw
    offsetxxx属性获取元素的宽高offsetWidth、offsetHeight元素.offsetWidth：获取内容宽度，包括padding和border元素.offsetHeight：获取内容高度，包括padding和border注意：只能获取不能设置，无兼容问题获取元素的位置元素.offsetTop：获取元素距离第一个定位祖先元素的偏移位元素.offsetLeft：获取元素距离第一个定位
  • vue 页面高度自适应 超出部分滚动条 熊xing htmlvuejavascriptjscss
    可视区高：document.body.clientHeight可视区高+边框线：document.body.offsetHeighthtml:最外层divjs部分:document.body.clientHeight-110(这个数值根据自身页面预留来设置,我页面是头部菜单固定,下面div内容自适应)data:{screenHeight:document.body.clientHeight-110
  • 三大家族（offset、scroll、client） 斯空拂
    offset用于获取当前元素尺寸5个属性属性含义值offsetWidth获取对象自身的宽width+border+paddingoffsetHeight获取对象自身的高height+border+paddingoffsetLeft距离最近的第一个有定位父级盒子左边的距离，如无定位则以body为准从父标签的padding开始计算，不包括borderoffsetTop距离最近的第一个有定位父级盒子上边
  • 获取HTML内容的高度 黑暗料理
    NSString*heightString=[self.htmlWebViewstringByEvaluatingJavaScriptFromString:@"document.getElementById(\"container\").offsetHeight;"];
  • Day9 jQuery简单介绍 zhazhaK丶
    01.吸顶条02.自动播放选项卡03.jQuery01.吸顶条offsetWidthoffsetHeight可以直接获取到div的宽度和高度，而且是不带px，并且样式无论在哪都可以获取到，这两个属性是只读属性offsetTopoffsetLeft可以直接获取到div的距离浏览器上边的距离和距离浏览器左边的距离，而且是不带px，并且样式无论在哪都可以获取到，这两个属性是只读属性获取可视区的宽度和高度
  • daratable Api,随记 书香代码
    /*varapi=this.api();varanArray=eval(api.rows({page:'current'}).data());$.each(anArray,function(n,value){varx='oc'+value.oc_id;varo=document.getElementById(x);varh=o.parentNode.offsetHeight;//高度*!/o.st
  • 2019-11-18 Vue<点击导航栏滑动到指定位置> X秀秀
    GO-{{index}}01234//el标签speed滚动速率此处是50px值越大滚动的越快goAssignBlock(el,speed){let_this=this;letwindowH=window.innerHeight;//浏览器窗口高度leth=this.$refs[el].offsetHeight;//模块内容高度lett=this.$refs[el].offsetTop;//模块相
  • 【vue组件封装】根据页面滚动高亮显示目录的侧边栏 顽皮宝 vuevue.js前端javascript
    文章目录前言一、了解HTMLDOM属性（clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop）二、开始封装appsideNavBar侧边栏组件1.组件需求分析和核心思路解析1.1、首先组件需要在滚动中高亮显示当前内容的标题1.2、通过点击侧边栏的标题自动滚动到相应的内容2.总体代码演示子组件“appsideNavBar”代码如下（示例
  • js获取浏览器可视区域的宽度 是欢欢啊 JS相关
    在没有声明DOCTYPE的IE中，浏览器显示窗口大小只能以下获取：document.body.offsetWidthdocument.body.offsetHeight在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小：document.documentElement.clientWidthdocument.documentElement.clientHeight网页可见区域宽：
  • vue3自定义拖拽指令 Attacking-Coder vue面试javascript开发语言ecmascript
    import{Directive}from'vue'constvMove:Directive=(el:HTMLElement)=>{constmousedown=(e:MouseEvent)=>{//鼠标按下conststartX=e.clientX-el.offsetLeft;conststartY=e.clientY-el.offsetHeight;constmove=(e:MouseEven
  • 预览PDF文件流 熙冰 JsVue
    新页面预览PDF打印exportdefault{name:'previewPdf',data(){return{loading:true,height:'100%',src:''}},mounted(){this.height=document.body.offsetHeight-105+'px'this.handlePreview()},methods:{/***新页面预览接口返回的pdf文件流
  • js-cmd 泠泉
    网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的高)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他