亦昭昭
亦昭昭

day24 其他事件（页面尺寸事件）

目录

    • 页面尺寸事件
    • 元素尺寸于位置
      • 尺寸

页面尺寸事件

  • 会在窗口尺寸改变的时候触发事件
    • resize
  • 检测屏幕宽度
  • 获取宽高
    • 获取元素的可见部分宽高（不包含边框、margin、滚动条等），即：内容+padding+border
    • clientWidth和clientHeight

day24 其他事件（页面尺寸事件）_第1张图片

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: gold;
            padding: 10px;
            border: 10px solid red;
        }
    style>
head>

<body>
    <div>div>
    <script>
        const div = document.querySelector('div')
        console.log(div.clientWidth)
        // resize 浏览器窗口大小发生变化
        window.addEventListener('resize', function () {
            console.log('hhh')
        })
    script>
body>

html>

元素尺寸于位置

  • 使用场景：
    • 页面滚动到某个元素就可以做某事
    • 简单来说，是通过js的方式，得到元素在页面中的位置

尺寸

  • 获取宽高

    • 获取元素的自身宽高、包含元素自身设置的宽高、padding、border
    • offsetWidth和offsetHeight
    • 获取出来的是数值，方便计算
    • 注意：获取的是可视宽高，如果盒子是隐藏的，获取的结果是0

  • 获取位置：

    • 获取元素距离自己定位父级元素的左、上距离（没有的话以文档左上角为准）
    • offsetLeft和offsetTop是只读属性
      day24 其他事件（页面尺寸事件）_第2张图片
<style>
        div {
            width: 200px;
            height: 200px;
            background-color: red;
            margin: 100px;
        }
    style>
head>

<body>
    <div>

    div>
    <script>
        const div = document.querySelector('div')
        console.log(div.offsetLeft)
    script>

body>

加入一个子元素p，当父元素无定位时：day24 其他事件（页面尺寸事件）_第3张图片

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: red;
            margin: 100px;
        }

        p {
            width: 100px;
            height: 100px;
            background-color: blue;
            margin: 50px;
        }
    style>
head>

<body>
    <div>
        <p>p>
    div>
    <script>
        const div = document.querySelector('div')
        const p = document.querySelector('p')
        //最近一级有定位的祖先元素
        console.log(p.offsetLeft)
    script>

body>

html>

当父元素有定位时：
day24 其他事件（页面尺寸事件）_第4张图片

div {
            position: relative;
            width: 200px;
            height: 200px;
            background-color: red;
            margin: 100px;
        }

你可能感兴趣的:(记录前端学习,javascript,前端)

  • HTML基础与进阶技术指南 王奥雷
    本文还有配套的精品资源，点击获取简介：HTML是构建网页的基础语言，负责定义网页的内容结构和样式。初学者需要掌握HTML元素、属性、结构等基础知识，并了解HTML5新增的语义化标签，表单元素的使用，布局与定位技术，响应式设计原则，以及如何与JavaScript交互。此外，学习SEO优化和无障碍性设计也是提高网页质量和可访问性的关键。本指南旨在引导初学者从基础到高级技巧，逐步深入理解并实践网页开发。
  • 前端调试技巧：从 Console 到 Chrome DevTools 的进阶指南 技术出海录 人工智能前端React
    作为前端开发者，你可能每天都在和Bug打交道。有时候一个简单的问题可能会耗费几个小时，而掌握正确的调试技巧可以大大提高解决问题的效率。今天，我就来分享一些在实际工作中常用的调试技巧。Console的高级用法除了常见的console.log，Console还有很多强大的功能：//1.使用console.table展示数组或对象constusers=[{id:1,name:'Alice',role:'
  • 深入剖析 HTML5 新特性：语义化标签和表单控件完全指南 吴师兄大模型 html5前端html语义化标签表单控件HTML5编程
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • JavaScript Navigator：深入理解浏览器导航机制 lly202406 开发语言
    JavaScriptNavigator：深入理解浏览器导航机制引言在Web开发中，浏览器导航是用户与网页交互的重要部分。JavaScriptNavigator对象提供了丰富的API，允许开发者深入理解并控制浏览器的导航行为。本文将详细介绍JavaScriptNavigator对象的功能、使用方法以及在实际开发中的应用。一、什么是JavaScriptNavigator？JavaScriptNavig
  • 手写防抖、节流函数 不点外卖 前端javascript
    是什么本质上是优化高频率执行代码的一种手段如：浏览器的resize、scroll、keypress、mousemove等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用防抖（debounce）和节流（throttle）的方式来减少调用频率#定义防抖函数防抖是指在事件被触发n秒后再执行回调，如果在这n秒内
  • 表单提交实战教程：HTML、CSS、JavaScript到Java后端 河马和荷花
    本文还有配套的精品资源，点击获取简介：网页表单是用户与服务器交互的重要界面元素，本资源提供了从构建表单到数据提交的完整流程。介绍了HTML表单基础、GET与POST提交方法、JavaScript事件处理、CSS样式设计，并通过demo.html文件展示综合应用，以及Java后端的接收和处理。同时，强调了表单安全和性能优化的重要性。1.HTML表单基础知识HTML表单的作用和结构HTML表单是Web
  • PAT 甲级 1093 金秋飞雪 算法c++数据结构pat考试
    APTAPT~只用一次倒序遍历即可，ts记录'T'的个数，每出现一个'A'就能多ts个"AT"组合，每出现一个'P'就能多ats个'PAT'组合。发一下只是因为很喜欢《APT》#includeusingnamespacestd;longlongintMOD=1000000007;intmain(){longlongintts=0,las=0,ans=0,ats=0;//ats为可以形成AT的个数，
  • JavaScript中的防抖节流函数为什么要用call或apply去执行fn EuForth javascript开发语言ecmascriptJavaScript
    防抖（Debounce）和节流（Throttle）是前端开发中常用的性能优化技术，它们可以限制函数的执行频率，有效地控制事件触发的次数。在实际应用中，经常会将防抖节流函数与回调函数一起使用，以避免频繁触发导致的性能问题。在JavaScript中，有时我们会使用call或apply方法来执行回调函数。本文将详细解释防抖节流函数为什么要用call或apply去执行回调函数，并提供相应的源代码示例。了解
  • 新时代理论课程论文|历史是什么 jackl的科研日常 论文阅读
    历史是什么摘要：历史是什么？这是历代史学家始终关心的一个问题。“发生的是过去，写出来的是历史”，这句话的意思是说：“已经发生了的过去的事”，或者更简洁地说“过去发生的事”，并不自动地成为“历史”；它通过记录与叙述或实物的遗存，留下许多混杂的“碎片”（即“史料”），这些“碎片”经过鉴别与梳理，被写成了“历史”，而写历史的人正是历史学家。历史学家在写历史时是有选择地去挑选“碎片”的，他们依据某种特定的
  • LeetCode169. 多数元素 (JavaScript解法) 煲纸 数据结构与算法leetcode
    169.多数元素题解思路1：摩尔投票法思路由于数的数量超过一半，所以那个数的出现的频率,一定大于等于50%，如果res为正确的众数，则voted的数量不可能为0，所以最后的res就是众数。分析时间复杂度O(N)空间复杂度O(1)代码实现varmajorityElement=function(nums){//初始化备选人和票数letres=nums[0],voted=0;for(letnofnums
  • MySQL是怎么实现事务隔离的？ 字节全栈_rJF mysql数据库
    InnoDB的每个事务有个唯一事务ID：transactionid，在事务开始时向InnoDB事务系统申请的，按申请顺序严格递增。每行数据也都有多个版本每次事务更新数据时，都会生成一个新的数据版本，并把transactionid赋给该数据版本的事务ID，记为rowtrx_id。同时，旧数据版本要保留，并且在新数据版本中，能够有办法可以直接拿到它。也就是说，数据表中的一行记录，其实可能有多个版本(r
  • 除了layui.js还有什么比较好的纯JS组件WEB UI？在谷歌浏览上显示 专注VB编程开发20年 javascript前端layui
    以下是一些比较好的纯JS组件WEBUI，可以在谷歌浏览器上良好显示：1.Sencha特点：提供超过140个高性能UI组件，用于构建现代应用程序。支持与Angular和React集成，提供企业级网格解决方案。适用场景：适用于需要高性能、可定制的UI组件的项目，尤其是企业级应用。2.Webix特点：包含102个UI组件，支持跨平台和跨浏览器，提供快速的渲染速度和纯JavaScript代码。适用场景：适
  • Node.js 全局对象 wjs2024 开发语言
    Node.js全局对象引言在Node.js中，全局对象是JavaScript环境中的一部分，它提供了对Node.js运行时环境的访问。全局对象在Node.js中扮演着重要的角色，它使得开发者能够访问和操作Node.js的许多核心功能。本文将详细介绍Node.js的全局对象，包括其特点、常用方法和应用场景。全局对象概述Node.js的全局对象是global，它是Node.js中所有模块的父对象。在N
  • JavaScript函数中this的指向 暗渡x JavaScriptjavascript前端
    总结：谁调用我，我就指向谁（es6箭头函数不算）一、ES6之前每一个函数内部都有一个关键字是this，可以直接使用重点：函数内部的this只和函数的调用方式有关系，和函数的定义方式没有关系1、函数内部的this指向谁，取决于函数的调用方式1.1、全局定义的函数直接调用，this=>windowfunctionfn(){console.log(this)}fn()//此时this指向window1.
  • isaac gym 和 legged gym 环境搭建记录 咋学都不累zgc ubuntu
    今天使用fanziqi大佬的rl_docker搭建了一个isaacgym下的四足机器人训练环境，成功运行leggedgym项目下的例子，记录一下搭建流程基础配置OperatingSystem:Ubuntu22.04.5LTSKernel:Linux6.8.0-49-genericArchitecture:x86-64HardwareVendor:MECHREVOHardwareModel:Yaos
  • Tauri应用开发实践指南（5）—Tauri 集成本地数据库 前端徐徐 Tauri应用开发实践指南数据库前端
    本文首发于微信公众号：前端徐徐。欢迎关注，获取更多前端技能分享。前言Tauri是一个构建跨平台桌面应用程序的框架，利用Web技术构建前端，并使用Rust构建后端。它以其小巧的体积和高性能受到开发者的欢迎。在开发过程中，我们常常需要数据本地持久化，所以会需要与本地数据库进行交互。方案比较在Tauri中集成本地数据库有多种方案，常见的包括：SQLite通过直接绑定使用第三方数据库库Tauri插件：ta
  • iconv-lite：一个库搞定所有字符编码问题？ 前端徐徐 宝藏工具electron
    本文首发同名微信公众号：前端徐徐大家好，我是徐徐。今天跟大家分享一款强大的字符编码转换库：iconv-lite。前言在全球化的开发环境中，处理不同字符编码已成为许多应用程序的关键需求。无论你是在开发需要支持多语言的应用，还是需要处理来自不同源的文本数据，一个高效且可靠的字符编码转换工具可以大大提升你的开发效率。今天，我们要介绍的是iconv-lite这个纯JavaScript实现的字符编码转换库，
  • Tauri应用开发实践指南（1）— Tauri 怎么样 前端徐徐 Tauri应用开发实践指南前端前端框架
    本文首发于微信公众号：前端徐徐。欢迎关注，获取更多前端技能分享。Tarui是什么Tauri是一个用于构建针对所有主要桌面和移动平台的小型、高速二进制文件的框架。开发人员可以集成任何能编译为HTML、JavaScript和CSS的前端框架来构建用户体验,同时在需要时利用诸如Rust、Swift和Kotlin等语言进行后端逻辑开发。官网：https://tauri.appTarui架构Tauri的整体
  • javascript-前后端交互模式-简介 gaog2zh #javascirptjavascript前后端交互
    javascript-前后端交互模式-简介目录文章目录1、相关知识2、异步接口调用方式3、URL地址2.1、传统形式的URL2.2、Restful风格的URL2.2.1、http请求方式2.2.3、示例：***后记***：内容图示0-1：随着前后端分离，前后端交互技术不断更新，下面我们看下前后端交互相关知识。1、相关知识前端通过相关接口发送请求，后端接收请求，处理返回响应结果，前端接收响应结果，完
  • ＜ 自用文儿 使用 acme 获取网站证书 ＞ ACME 脚本 script: acme.sh 获得证书 觉得比 certbot 方便 davenian 网络应用获取证书acme.shLinuxUnix加密证书
    前言：新买了一个VPS主机，同在日本的阿里云上VPM一样，配置了一个出口。出口要使用证书，上次用的都是certbot做的，前些天扫到acme.sh，这次用它来试试。官网链接：https://github.com/acmesh-official/acme.sh环境准备：域名：daven.us主机：us公网IP：8.8.8.9已有us.daven.us的A记录配置过程：1.下载脚本script:acm
  • python多线程怎么写日志_Python日志记录在多进程下的使用 可以不是真名 python多线程怎么写日志
    1、问题描述项目中，使用RotatingFileHandler根据日志文件大小来切分日志。设置文件的MaxBytes为1GB，backupCount大小为5。经查看，发现日志文件的大小均小于10MB，且每个回滚日志文件的写入时间也都比较接近。2、分析日志文件过小，猜测是代码有问题，或者是文件内容有丢失；日志写入时间接近猜测是同时写入的问题。经检查，代码没有问题，排除此原因。考虑当前使用gunico
  • 力扣257. 二叉树的所有路径 黄贞辉 算法算法
    思路：题目需要记录从根节点开始走的路径，无疑选用前序遍历，用一个数组paths记录走过的节点信息，遇到叶子节点就用另一个list记录下路径，回溯时删掉paths尾节点即可classSolution{publicListbinaryTreePaths(TreeNoderoot){Listlist=newArrayListpaths=newArrayListpaths,Listlist){//前序遍历
  • 鸿蒙OH实战开发：基于webview拉起自定义键盘 彭家大少 鸿蒙开发移动开发HarmonyOSharmonyosArkUI鸿蒙开发openharmony移动开发
    往期学习笔录：鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……场景描述在特殊的H5场景下需要应用拉起自定义键盘进行输入。场景一：使用jsBridge拉起自定义弹窗写自定义键盘，再通过jsBridge传参实现输入。场景二：使用web的同层渲染将原生textI
  • 力扣257. 二叉树的所有路径（遍历思想解决） LNsupermali 力扣题目leetcode算法职场和发展
    Problem:257.二叉树的所有路径文章目录题目描述思路复杂度Code题目描述思路遍历思想(利用二叉树的先序遍历)利用先序遍历的思想，我门用一个List变量path记录当前先序遍历的节点，当遍历到根节点时，将其添加到另一个List变量res中，当递归往回归的时候删除当前path中的最后一个值复杂度时间复杂度:O(n)O(n)O(n);其中nnn为二叉树的节点个数空间复杂度:O(h)O(h)O(
  • python requests json_python json requests request 模块 weixin_39782355 pythonrequestsjson
    1、json通过Python的json模块，可以将字符串形式的json数据转化为字典，也可以将Python中的字典数据转化为字符串形式的json数据。之前使用这个模块时，都是随用随查，浅尝辄止，对模块的功能了解不深。随着使用次数的增加，我对这个功能完善的模块有了更多的了解，记录如下。json.loads将字符串装换成python基本数据类型json.dumps将python数据类型转换成字符串方式
  • axios 登录后设置header_axios如何利用promise无痛刷新token weixin_39648430 axios登录后设置header
    需求最近遇到个需求：前端登录后，后端返回token和token有效时间，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。需求解析当用户发起一个请求时，判断token是否已过期，若已过期则先调refreshToken接口，拿到新的token后再继续执行之前的请求。这个问题的难点在于：当同时发起多个请求，而刷新token
  • pythonrequests发送数据_对python requests发送json格式数据的实例详解 weixin_39652869
    requests是常用的请求库，不管是写爬虫脚本，还是测试接口返回数据等。都是很简单常用的工具。这里就记录一下如何用requests发送json格式的数据，因为一般我们post参数，都是直接post，没管post的数据的类型，它默认有一个类型的，貌似是application/x-www-form-urlencoded。但是，我们写程序的时候，最常用的接口post数据的格式是json格式。当我们需要
  • python json requests request 模块 weixin_33868027 jsonpython
    1、json通过Python的json模块，可以将字符串形式的json数据转化为字典，也可以将Python中的字典数据转化为字符串形式的json数据。之前使用这个模块时，都是随用随查，浅尝辄止，对模块的功能了解不深。随着使用次数的增加，我对这个功能完善的模块有了更多的了解，记录如下。json.loads将字符串装换成python基本数据类型json.dumps将python数据类型转换成字符串方式
  • Python的Json方法 weixin_34293059 jsonpythonjavascriptViewUI
    Json简介：Json，全名JavaScriptObjectNotation，是一种轻量级的数据交换格式。Json最广泛的应用是作为AJAX中web服务器和客户端的通讯的数据格式。现在也常用于http请求中，所以对json的各种学习，是自然而然的事情。dumps方法将字典数据类型转换为json字符串类型例子：importjsonm={'a':123,'b':'hahaha'}json_str=js
  • Mongo数据库（一） wangmy3028 Mongon
    一、cappedcollectionsCappedcollections就是固定大小的collection。它有很高的性能以及队列过期的特性(过期按照插入的顺序).有点和"RRD"概念类似。Cappedcollections是高性能自动的维护对象的插入顺序。它非常适合类似记录日志的功能和标准的collection不同，你必须要显式的创建一个cappedcollection，指定一个collecti
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他