yongbin668
yongbin668

JS DOM 视窗大小终极版-网页卷去的距离与偏移量 offsetLeft;scrollLeft;注意: 1. 区分大小写 2. offsetParent：布局中设置postion属性(Relat

网页卷去的距离与偏移量

我们先来看看下面的图：

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ，即左边灰色的内容。

scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ，即上边灰色的内容。

offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。

offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。

注意:

1. 区分大小写

2. offsetParent：布局中设置postion属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。

任务

在右边编辑器中，调整横竖滚动条后，点击按钮后，查看offsetTop、offsetLeft、scrollTop、scrollLeft值的变化。


<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
    function req(){
          var div = document.getElementById("div1");
          document.getElementById("li1").innerHTML = (div.offsetTop)+"px";//div1距离屏幕顶部的距离
          document.getElementById("li2").innerHTML = (div.offsetLeft)+"px";//div1距离屏幕左部的距离
          document.getElementById("li3").innerHTML = (div.scrollTop)+"px";//div1纵向滚动条滚动的距离
          document.getElementById("li4").innerHTML = (div.scrollLeft)+"px";//div1横向滚动条滚动的距离
     }
</script>
</head>
<body style="border:10px solid #ccc;padding:0px 0px;margin:5px 10px">
    <div style="width:60%;border-right:1px dashed red;float:left;">
        <div style="float:left;">
            <div id="div1" style="border:5px red solid;height:300px;width:200px;overflow:auto">
                <div style="height:500px;width:400px">请调整横竖滚动条后，点击按钮后查看offsetTop、offsetLeft、scrollTop、scrollLeft值。</div>
            </div>
            <input type="button" value="点击我!" onclick="req()" style="border: 1px solid purple;height: 25px;"/>
        </div>
        
    </div>
    <div style="width:30%;float:left;">
        <ul style="list-style-type: none; line-height:30px;">结果：
            <li>offsetTop : <span id="li1"></span></li>
            <li>offsetLeft : <span id="li2"></span></li>
            <li> scrollTop : <span id="li3"></span></li>
            <li>scrollLeft : <span id="li4"></span></li>
        </ul>
        
    </div>
    <div style="clear:both;"></div>    
</body>
</html>




你可能感兴趣的:(JavaScript,dom,对象,web前端)

  • Java SE线程的创建 清心歌 Javajava
    线程的创建方式一：继承Thread类1.1步骤：创建一个子类继承Thread类；重写Thread类的run()方法，在该方法中编写该线程要执行的操作；创建当前子类的对象；通过创建的子类对象调用start()方法，启动线程。例如：创建一个线程用于打印1到100间的偶数。//1.创建一个子类继承Thread类；classPrintNumberextendsThread{//2.重写Thread类的ru
  • 【基础算法】贪心 (二) ：推公式 让我们一起加油好吗 #贪心基础算法篇（一）算法数据结构贪心算法洛谷数学
    文章目录什么是推公式1.拼数⭐⭐(1)解题思路(2)代码实现2.ProtectingtheFlowersS⭐⭐⭐(1)解题思路(2)代码实现3.奶牛玩杂技⭐⭐⭐(1)解题思路(2)代码实现什么是推公式如果细说的话，本篇标题应该叫推公式+排序。推公式就是寻找排序规则，排序就是在该排序规则下对整个对象排序。在解决某些问题的时，当我们发现最终结果需要调整每个对象的先后顺序，也就是对整个对象排序时，那么我
  • C# WinForm 实现学生成绩信息管理系统，连接SQL数据库，完整代码
    C#WinForm实现学生成绩信息管理系统《面向对象程序设计》实验功能介绍1、学生信息查询2、学生选课信息3、学生信息修改4、学生成绩录入实验分析遇到的问题解决方法主要问题嗨，我是射手座的程序媛，期待与大家更多的交流与学习，欢迎添加：3512724768《面向对象程序设计》实验一、实验目的1.熟练掌握C#开发，掌握建立Windows应用程序的步骤和方法。2.建立面向对象编程理念。3.熟练掌握控件及
  • 【Qt】QString字符串编码格式与数据转换 漫步企鹅 qtQStringchar
    QString提供了多种静态方法用于将不同编码格式的原始数据转换为QString对象。以下是常用方法的全面对比：1.fromLatin1(constchar*str,intsize=-1)功能：将Latin-1（ISO8859-1）编码的C字符串转换为QString。输入类型：单字节字符集（每个字节直接映射到Unicode的前256个码点）。适用场景：ASCII或ISO8859-1编码的文本，如西
  • C# 中的 .Select() 方法与 JavaScript 中的 .map() 方法功能类似，都是用于对集合中的每个元素进行转换并返回新的集合。 NPCZ c#javascript
    一、核心功能对比1.JavaScript的.map()遍历数组，对每个元素执行回调函数，并返回包含结果的新数组：constnumbers=[1,2,3];constsquared=numbers.map(x=>x*x);//结果：[1,4,9]2.C#的.Select()遍历集合（如List、IEnumerable），对每个元素应用转换函数，并返回新的序列：varnumbers=newList{1
  • 快速创建Chrome浏览器二维码生成插件的完全指南 不爱说话的我
    本文还有配套的精品资源，点击获取简介：Chrome简易二维码插件是一个JavaScript开发的浏览器扩展，用于快速生成链接或文本内容的二维码，方便用户扫描分享。该插件简化了二维码生成过程，提升用户体验。开发此插件需要掌握浏览器扩展开发、事件监听、二维码库使用、DOM操作、错误处理等关键技术点。开发者还应考虑性能优化、设备适配及无障碍设计原则。本插件的实际案例能够帮助开发者提高Web开发技能，并为
  • java实现Email发送
    Java实现Email发送首先导入依赖‘’org.apache.commonscommons-email1.4密码=授权码QQ邮箱授权码官网教程普通邮件发送:publicstaticvoidmain(String[]args)throwsException{//创建简单文本对象Emailemail=newSimpleEmail();//QQ邮箱的SMTP服务器地址为:smtp.qq.comemai
  • 设计模式整理
    分类模式名称简要说明创建型Singleton（单例）保证一个类只有一个实例，并提供全局访问点创建型FactoryMethod（工厂方法）定义创建对象的接口，由子类决定实例化哪一个类创建型AbstractFactory（抽象工厂）提供一组相关或相互依赖对象的接口创建型Builder（建造者）分步骤创建复杂对象，将构建与表示分离创建型Prototype（原型）通过复制已有实例创建新对象结构型Adapt
  • 编程范式思想
    编程范式发展历程现代软件架构设计经历了从面向过程到面向对象，再到领域驱动设计的演进过程：POP(面向过程)→OOP(面向对象)→DDD(领域驱动设计)↓↓↓函数为中心对象为中心业务领域为中心1.POP-Procedure-OrientedProgramming（面向过程编程）核心思想：以过程和函数为中心组织代码特点：全局数据共享、自顶向下设计、线性执行流程适用场景：简单算法、数学计算、系统工具程序
  • 浙大版PTA Python程序设计 题目与知识点整理（综合版）
    目录第一章一、高级语言程序的执行方式二、变量赋值与内存地址三、字符编码3.1Unicode3.2ASCII（AmericanStandardCodeforInformationInterchange）四、编程语言分类按照编程范式分类4.1面向过程语言4.2面向对象语言五、原码、反码和补码5.1原码5.2反码5.3补码六、基本的计算机概念6.1二进制和数据表示6.2内存和存储6.3变量和常量6.4运
  • 《重构》笔记摘录 - 8.重构API 使二颗心免于哀伤 《重构》笔记摘录重构笔记
    文章目录1将查询函数和修改函数分离(SeparateQueryfromModifier)2函数参数化(ParameterizeFunction)3移除标记参数(RemoveFlagArgument)4保持对象完整(PreserveWholeObject)5以查询取代参数(ReplaceParameterwithQuery)6以参数取代查询(ReplaceQuerywithParameter)7移除
  • Spring 框架中用到了哪些设计模式？ 脚本无敌 Springspring设计模式java
    Spring框架广泛使用了多种设计模式来解决复杂问题并提升代码的灵活性和可维护性。以下是Spring中常见的设计模式及其具体应用示例，按核心场景分类说明：1.工厂模式（FactoryPattern）定义通过工厂类创建对象，隐藏对象实例化的具体逻辑。Spring中的应用BeanFactory与ApplicationContext：Spring的核心容器本身就是工厂模式的实现。BeanFactory负
  • Apache Maven 3.9.6 二进制版本下载 贡逊宪Meadow
    ApacheMaven3.9.6二进制版本下载去发现同类优质开源项目:https://gitcode.com/欢迎来到ApacheMaven3.9.6二进制版本下载仓库！这里提供了ApacheMaven3.9.6版本的二进制文件，供您下载和使用。ApacheMaven是一个项目管理和构建自动化工具，主要用于Java项目。它基于项目对象模型（POM）的概念，可以通过简单的配置文件来管理项目的构建、报
  • 《设计模式之禅》笔记摘录 - 3.工厂方法模式 使二颗心免于哀伤 《设计模式之禅》笔记摘录设计模式笔记工厂方法模式
    工厂方法模式的定义工厂方法模式使用的频率非常高，在我们日常的开发中总能见到它的身影。其定义为：Defineaninterfaceforcreatinganobject,butletsubclassesdecidewhichclasstoinstantiate..FactoryMethodletsaclassdeferinstantiationtosubclasses.（定义一个用于创建对象的接口，
  • LabVIEW 3D 场景中 Voronoi 图（基站覆盖模拟）功能 LabVIEW开发 LabVIEW知识LabVIEW参考程序labview3dLabVIEW程序LabVIEW知识LabVIEW功能
    通过MathScriptNode与3D场景图（SceneGraph），模拟蜂窝基站部署场景，通过Voronoi图划分基站覆盖区域。既实现三维地形构建、交互操作（如视角调整、基站创建），又能动态生成Voronoi图展示基站影响范围，覆盖对象创建、纹理映射、透明度设置等三维可视化关键逻辑，为通信场景模拟、机器人路径规划等提供基础验证环境。功能介绍核心流程三维地形构建：用随机高度图（rand函数生成）创
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • [C++] # 深入理解C++继承：从原理到实现
    深入理解C++继承：从原理到实现文章目录深入理解C++继承：从原理到实现引言一、继承的基本概念1.1什么是继承？1.2继承的语法1.3继承类型二、继承的内存模型2.1对象的内存布局2.2内存布局分析三、构造函数与析构函数的执行顺序3.1构造顺序3.2析构顺序四、函数重写与虚函数4.1函数重写（覆盖）4.2虚函数与多态五、虚函数表（vtable）原理5.1vtable结构5.2单继承vtable示例
  • DOM 中常见宽度属性详解与应用
    DOM中常见宽度属性详解与应用经常在做“文本是否超出容器”、“自适应布局”、“滚动条判断”等功能时，需要用到scrollWidth、clientWidth等属性。下面我们来系统讲清楚它们的区别与用法。一张图搞懂它们的区别+-----------------------------+←offsetWidth|padding|▕|+---------------------+|←clientWidth
  • JavaWeb开发3 偷萧逸苦茶 前端javascript开发语言
    JavaScript一门跨平台、面向对象的脚本语言，用来控制网页行为，能使网页可交互js引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于在HTML文档中，可以在任意地方，放置任意数量的一般会把脚本置于元素的底部，可以改善显示速度外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中外部JS文件中，只包含JS代码，不包含标签标签不能自闭和    焦点访谈-
  • C++ 智能指针 随意023 C++重构c++开发语言
    STL和智能指针关系1.STL是标准库的子集：专注于数据结构与算法。2.智能指针属于“通用工具库”：与std::thread、std::future等工具同属一类，不隶属于STL的核心组件。1.智能指针智能指针是一个类模板，通过RAII（资源获取即初始化）技术封装原始指针，自动管理对象生命周期。1.核心功能避免内存泄漏：无需手动调用delete。2.RAII（资源获取即初始化）RAII（Resou
  • qt 信号和槽 随意023 Qtqt开发语言
    理解基本概念信号（Signals）：是特殊的函数，当对象的状态发生变化时会发出信号。信号无需实现体，只需在类中声明。例如，当用户点击一个按钮时，按钮对象会发出clicked()信号。槽（Slots）：是普通的C++成员函数，可以被连接到信号上。当信号被发出时，与之连接的槽函数会被自动调用。槽函数可以有参数和返回值，也可以是虚函数。连接（Connection）：使用QObject::conne
  • STL 6分配器 随意023 C++重构c++开发语言
    1.分配器1.分配器的核心功能1.内存分配：替代operatornew和operatordelete，提供自定义内存管理。2.对象构造/析构：分离内存分配与对象构造（通过construct和destroy方法）。3.类型抽象：使容器与具体内存管理解耦，支持不同的内存策略。1.标准库中的默认分配器所有STL容器默认使用std::allocator，它是一个简单的包装，直接调用operatornew和
  • 【Linux手册】进程等待：必要性剖析与wait、waitpid等多种方式实操指南 半桔 Linuxlinux服务器编辑器运维github
    前言在前面的一篇关于进程状态的文章中谈到Linux中有一种进程是僵尸进程，处于僵尸进程的进程会一直维护着自己的PCB对象以及退出的相关信息，等着父进程来获取，如果父进程一直不来就会导致进程一直处于僵尸进程，占据着内存资源造成内存泄漏，而获得子进程的退出信息就要通过进程等待。本文将详细介绍进程等待的各种方式以及底层原理。为什么要进程等待在前言部分已经谈到了部分进程等待的必要性，以下对其必要性做个总结
  • 编程基础：成员函数 qq_42863961 编程基础编程
    能帮到你的话，就给个赞吧文章目录成员函数意义强调对象对象的动作对象的功能强调函数让对象做什么成员函数意义强调对象对象的动作对象的功能强调函数让对象做什么
  • 1-8.WPS JS宏单元格对象常用表达方式---学习笔记
    **************************************************************************************************************点击进入-我要自学网-国内领先的专业视频教程学习网站****************************************************************
  • JavaScript 中 HTML 转纯文本的最高效方法
    JavaScript中HTML转纯文本的最高效方法在JavaScript中，将HTML转换为纯文本有多种实现方式，你提供的div.textContent方法是最常见的，但在处理大量HTML或复杂场景时，可能需要更高效的方案。以下是几种方法的对比和推荐：一、原生方法对比1.使用textContent（最简洁，兼容性好）javascriptfunctionhtmlToText(html){constd
  • javascript的类，ES6模块写法在VSCODE中智能提示 专注VB编程开发20年 javascriptvscode开发语言
    onststringlib=newStringLib();,必须NEW对象吗？有没有像VB.ENT一样的静态类或模块？用模块名.函数方式智能提示？在JavaScript中，你可以通过以下几种方式实现类似VB.NET的静态类或模块功能，直接使用模块名。函数的方式调用，并获得VSCode的智能提示：方法一：使用普通对象（最简洁）直接定义一个对象字面量，将所有方法作为其属性。通过JSDoc注释提供类型信
  • 认识.net mvc 框架 NPCZ mvc
    ASP.NETMVC是微软推出的一个基于.NET框架的Web应用程序开发模式，它遵循**Model-View-Controller（模型-视图-控制器）**架构模式，将应用程序分为三个核心组件：1.Model（模型）负责处理数据逻辑和业务规则，通常对应数据库表或业务对象。2.View（视图）负责展示用户界面，通常是Razor视图文件（.cshtml）。3.Controller（控制器）负责处理请求
  • 设计模式（十） 醇醛酸醚酮酯 设计模式设计模式
    享元模式（FlyweightPattern）详解一、核心概念享元模式通过共享技术复用相同或相似的细粒度对象，以减少内存占用和提高性能。该模式将对象状态分为内部状态（可共享的不变部分）和外部状态（需外部传入的可变部分），通过共享内部状态降低对象数量。核心组件：抽象享元（Flyweight）：定义共享对象的接口，声明处理外部状态的方法。具体享元（ConcreteFlyweight）：实现抽象享元接口，
  • 设计模式（七）
    迭代器模式（IteratorPattern）详解一、核心概念迭代器模式提供一种方法来顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。该模式将遍历逻辑封装在迭代器对象中，使聚合对象和遍历逻辑分离。核心组件：迭代器接口（Iterator）：定义访问和遍历元素的方法。具体迭代器（ConcreteIterator）：实现迭代器接口，跟踪聚合对象中的当前位置。聚合接口（Aggregate）：定
  • java类加载顺序 3213213333332132 java
    package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
  • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
    第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
  • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
    自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
  • DOM改变字体大小 周华华 前端
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • c3p0的配置 g21121 c3p0
    c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
  • Java获取工程路径的几种方法 510888780 java
    第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
  • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
    1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
  • Java新手入门的30个基本概念一 aijuans javajava 入门新手
    在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
  • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
    1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
  • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
      视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
  • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
            Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
  • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
    /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
  • 【Log4j一】Log4j总体介绍 bit1129 log4j
    Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
  • Java IO笔记 白糖_ java
    public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
  • Docker 监控 ronin47 docker监控
             目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
  • java-顺时针打印图形 bylijinnan java
    一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
  • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
    对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
  • [并行计算]论宇宙的可计算性 comsci 并行计算
          现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
  • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
    网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
  • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
    老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
  • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
    怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
  • 未选之路 dcj3sjt126com 诗
    作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
  • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
      15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
    从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
  • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
      在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
  • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
    Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
  • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
    1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
  • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
  • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
    POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
  • java中单例的五种写法 liuxiaoling java单例
    /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他