面试系列之js笔试题一(带div匀速)



都是我遇到的面试题，可能有点出处，但整体题是一样的，为大家的面试之路添一块砖

1.去掉html元素中的<span></span>但中间的内容要保留

QUOTE:
/<\/?span>/

2.去掉&但不能去掉以amp开头的&,比如&&sdfsdf&&jsldjssjflsdj&

QUOTE:
/&(?!amp;)/g

3.去掉数组中重复的,并且记录重复的个数（这个答案很多很多种，我这个不见得最好，但感觉效率高些)

QUOTE:
        var s = [0,2,3,4,4,0,2];
        for(var i=0,o={},tmp=[],count=0,l=s.length;i<l;i++){
                if(o[s[i]]){
                        count++;
                }else{
                        o[s[i]]=1;
                        tmp.push(s[i])
                }
        }
        alert(count);
        alert(tmp)

4.

QUOTE:
        for(var i=0;i<10;i++){
                var input = document.creatElement('input');
                input.onclick = function(){alert(i)};
                document.body.appendChild(input);
        }

问当我点击第五个时显示是多少
10
这个是个老问题了，不多解释
如果想显示5
-function(j){input.onclick = function(){alert(j)}}(i);

5

QUOTE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
        <input id='a' value="a" />
        <input id='b' value="b" />
</body>
</html>
<script>
        function test(){
                this.value = 1;
                this.get = function(){
                        alert(this.value)
                }
        }
        var T = new test;
       
        document.getElementById('a').onclick = function(){
                T.get();
        }
        document.getElementById('b').onclick = T.get;
</script>

结果是
首先
document.getElementById('a').onclick = function(){
                T.get();
        }
在T.get()这个外边this是a这个input
但在get这个方法内的this还是T
所以是1

document.getElementById('b').onclick = T.get;
这时get中的this就已经是input了而不是T自己所以
是b

6.创建一个div，宽200，高200，1px黑边从左上角匀速移动到右下角，并且要固定到右下角

QUOTE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>

</body>
</html>
<script>
        -function(){
                var d = document,db = document.body,
                        div = d.createElement('div'),timer,t=0,ds = div.style;
                ds.cssText = ";position:absolute;top:0;left:0;width:200px;height:200px;border:1px solid #000;";
                db.appendChild(div);
                timer = setInterval(function(){
                        //步长我写死为5
                        if(div.offsetWidth+div.offsetLeft>=db.clientWidth&&div.offsetHeight+div.offsetTop>=db.clientHeight){
                                clearInterval(timer);
                                //不要说什么这个样会影响性能，这个影响太小了，onresize有些时候效果并不好
                                setInterval(function(){
                                        ds.left = db.clientWidth - div.offsetWidth + 'px';
                                        ds.top = db.clientHeight - div.offsetHeight + 'px';
                                },500)
                        }else{
                                ds.left = (div.offsetWidth+div.offsetLeft>=db.clientWidth?db.clientWidth - div.offsetWidth:div.offsetLeft+5) + 'px';
                                ds.top =(div.offsetHeight+div.offsetTop>=db.clientHeight? db.clientHeight - div.offsetHeight:div.offsetTop+5) + 'px';
                        }
                },10)
        }()       
</script>

[ 本帖最后由 campaign 于 2010-2-4 15:37 编辑 ]





target:google doc
campaign





UID 89396
精华 0
积分 1530
帖子 682
威望 746
阅读权限
注册 2008-7-3
状态 离线
#2
  大 中 小
使用道具  
发表于 2010-2-4 17:26  资料  个人空间  短消息  加为好友 
6题中的onresize版本

QUOTE:
        -function(){
                var d = document,db = document.body,
                        div = d.createElement('div'),timer,t=0,ds = div.style;
                ds.cssText = ";position:absolute;top:0;left:0;width:200px;height:200px;border:1px solid #000;";
                db.appendChild(div);
                timer = setInterval(function(){
                        //步长我写死为5
                        if(div.offsetWidth+div.offsetLeft>=db.clientWidth&&div.offsetHeight+div.offsetTop>=db.clientHeight){
                                clearInterval(timer);
                                //onresize会多次触发，为了性能，使用一个timeout还避免这个问题
                                window.onresize = function(){
                                        var resizer;
                                        return function(){
                                                if(!resizer){
                                                        resizer = setTimeout(function(){
                                                                ds.left = db.clientWidth - div.offsetWidth + 'px';
                                ds.top = db.clientHeight - div.offsetHeight + 'px';
                                                                resizer = null;
                                                        },100)
                                                }
                                        }
                                }()
                        }else{
                                ds.left = (div.offsetWidth+div.offsetLeft>=db.clientWidth?db.clientWidth - div.offsetWidth:div.offsetLeft+5) + 'px';
                                ds.top =(div.offsetHeight+div.offsetTop>=db.clientHeight? db.clientHeight - div.offsetHeight:div.offsetTop+5) + 'px';
                        }
                },10)
        }()





target:google doc
infinte





UID 54501
精华 2
积分 1855
帖子 685
威望 658
阅读权限
注册 2006-7-17
来自 TJK C区25Z领域FeDRO(Undel ...
状态 离线
#3
  大 中 小
使用道具  
发表于 2010-2-4 19:43  资料  个人空间  短消息  加为好友 
问题1实际上很麻烦，因为JS不支持递归正则（见《精通正则表达式》）。简单方法如下：
s.replace(/<span(?: [^>]+)?>(.*?)<\/span>/g,$1);





Typeof.net: 语言资讯站
blog: coro.in
oominder





UID 94531
精华 0
积分 385
帖子 73
威望 72
阅读权限
注册 2009-9-14
状态 离线
#4
  大 中 小
使用道具  
发表于 2010-2-4 20:39  资料  个人空间  短消息  加为好友 
支持楼主下 不错的科普系列 希望多多写. 这些题都有多解.

JS小小


喜羊羊



UID 94273
精华 0
积分 896
帖子 187
威望 223
阅读权限
注册 2008-12-30
状态 离线
#5
  大 中 小
使用道具  
发表于 2010-2-4 20:44  资料  个人空间  短消息  加为好友  QQ
我是来围观的^_^

[ 本帖最后由 JS小小 于 2010-2-4 20:48 编辑 ]





╔──────────────╗
│ミ用心体验，脚本乐趣ミ│
╚──────────────╝
campaign





UID 89396
精华 0
积分 1530
帖子 682
威望 746
阅读权限
注册 2008-7-3
状态 离线
#6
  大 中 小
使用道具  
发表于 2010-2-4 22:06  资料  个人空间  短消息  加为好友 
回复 #3 infinte 的帖子

我理解简单啦
这个不就行了吗

   提示：您可以先修改部分代码再运行






target:google doc
campaign





UID 89396
精华 0
积分 1530
帖子 682
威望 746
阅读权限
注册 2008-7-3
状态 离线
#7
  大 中 小
使用道具  
发表于 2010-2-4 22:07  资料  个人空间  短消息  加为好友 
回复 #4 oominder 的帖子

会的就像手痒痒系列一样





target:google doc
abcdreamer





UID 94366
精华 0
积分 2987
帖子 1056
威望 1037
阅读权限
注册 2009-4-18
状态 离线
#8
  大 中 小
使用道具  
发表于 2010-2-4 23:33  资料  个人空间  短消息  加为好友 
回复 #3 infinte 的帖子

如果只是去掉span标签，很简单：
s.replace(/<span[^>]*>/gi, '').replace(/<\/span>/gi, ''); //去头去尾

campaign





UID 89396
精华 0
积分 1530
帖子 682
威望 746
阅读权限
注册 2008-7-3
状态 离线
#9
  大 中 小
使用道具  
发表于 2010-2-5 09:31  资料  个人空间  短消息  加为好友 
罗嗦了
楼上

   提示：您可以先修改部分代码再运行






target:google doc
meteoric_cry





UID 87829
精华 0
积分 951
帖子 442
威望 416
阅读权限
注册 2008-6-2
来自 苏州
状态 离线
#10
  大 中 小
使用道具  
发表于 2010-2-5 10:08  资料  个人空间  主页 短消息  加为好友  QQ
回复 #3 infinte 的帖子

$1上少了引号...

s.replace(/<span(?:[^>]+)?>(.*?)<\/span>/gi, '$1');





。
meteoric_cry





UID 87829
精华 0
积分 951
帖子 442
威望 416
阅读权限
注册 2008-6-2
来自 苏州
状态 离线
#11
  大 中 小
使用道具  
发表于 2010-2-5 10:26  资料  个人空间  主页 短消息  加为好友  QQ
关于正则的一些了解  http://deerchao.net/tutorials/regex/regex.htm#negation
应该是比较不错的。





。
caor1987





UID 77826
精华 0
积分 185
帖子 53
威望 53
阅读权限
注册 2007-10-26
状态 离线
#12
  大 中 小
使用道具  
发表于 2010-2-8 13:29  资料  个人空间  主页 短消息  加为好友 
4.
QUOTE:
        for(var i=0;i<10;i++){
                var input = document.creatElement('input');
                input.onclick = function(){alert(i)};
                document.body.appendChild(input);
        }

问当我点击第五个时显示是多少
10

这里为什么是10，而不是9呢？





http://www.caoren.net
killjim





UID 94518
精华 0
积分 87
帖子 36
威望 36
阅读权限
注册 2009-9-11
状态 离线
#13
  大 中 小
使用道具  
发表于 2010-2-8 13:36  资料  个人空间  短消息  加为好友 


QUOTE:
原帖由 caor1987 于 2010-2-8 13:29 发表
4.
QUOTE:
     QUOTE:
        for(var i=0;i<10;i++){
                var input = document.creatElement('input');
                input.onclick = function(){alert(i)};
                document.body.appendChild(input);
        }

问当我点击第五个时显示是多少
10

这里为什么是10，而不是9呢？

其实 这个是报错  嘿嘿

campaign





UID 89396
精华 0
积分 1530
帖子 682
威望 746
阅读权限
注册 2008-7-3
状态 离线
#14
  大 中 小
使用道具  
发表于 2010-2-8 13:40  资料  个人空间  短消息  加为好友 
回复 #12 caor1987 的帖子

这样的，当9时小于10for中的内容执行，然后i++也就是由9变到了10，这时i不再小于10那就结束for
这时的i是10

你可以这样
for(i=0;i<10;i++){};
alert(i)





target:google doc
caor1987





UID 77826
精华 0
积分 185
帖子 53
威望 53
阅读权限
注册 2007-10-26
状态 离线
#15
  大 中 小
使用道具  
发表于 2010-2-8 13:55  资料  个人空间  主页 短消息  加为好友 
明白了，谢谢楼主。





http://www.caoren.net
infinte





UID 54501
精华 2
积分 1855
帖子 685
威望 658
阅读权限
注册 2006-7-17
来自 TJK C区25Z领域FeDRO(Undel ...
状态 离线
#16
  大 中 小
使用道具  
发表于 2010-2-8 17:48  资料  个人空间  短消息  加为好友 
回复 #10 meteoric_cry 的帖子

抱歉，最近Perl研究多了





Typeof.net: 语言资讯站
blog: coro.in
aasvvv





UID 2077
精华 0
积分 3397
帖子 2018
威望 1973
阅读权限
注册 2003-4-16
状态 离线
#17
  大 中 小
使用道具  
发表于 2010-2-9 15:49  资料  个人空间  主页 短消息  加为好友 
写了十多年的js代码，发现我还是不适合考试，开发东西没问题，但碰到考试题目，感觉有些题目连意思都把握不准，更不用说去答题了。

你可能感兴趣的:(div)

  • html页面刷新瞬间有滚动条,js实现刷新页面后回到记录时滚动条的位置【两种方案可选】... 孙佳纯 html页面刷新瞬间有滚动条
    当div中绑定数据，给它一个属性overflow-y:scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下：第一种方案将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下：js代码：var_h=0;functionSetH(o){_h=o.scr
  • html 页面滚动时 div位置不变,js实现页面刷新滚动条位置不变 weixin_28785069 html页面滚动时div位置不变
    今天因为这个问题困扰了很久网上的例子都尝试没效果，后来发现一点原来是内容最外层没有div的原因protectedoverrideboolHeaderScriptFilter(Topevery.Framework.Web.Configuration.Scriptval){switch(val.Key){case"ajaxpro2.prototype":case"ajaxpro2.core":case
  • React基础教程（06）：条件渲染 叁拾舞 React教程react.js前端前端框架
    1条件渲染使用条件渲染，结合TodoList案例，进行完善，实现以下功能：当列表中的数据为空的时候，现实提示信息暂无待办事项当列表中存在数据的时候，提示信息消失这里介绍三种实现方式。注意这里的Empty是前端框架Antd的组件，如果安装了antd直接使用即可，如果没有安装可以用div代替也是可以的。这里为了更直观，所以使用了前端框架antd的Empty组件。1、三元操作符{/*方式一*/}{thi
  • MGT204 Corporate Finance 后端
    MGT204CorporateFinance&PortfolioValuationIndividualassignmentWeighting-100%ofthemarksforthismoduleThisisanindividualassignmentof2,500wordsforguidancepurposes.Thehandindateis:Tuesday20thMay2025by4.00pm
  • CE4208 Distributed Systems 后端
    CE4208DistributedSystemsAssignment#1:DataCentredDistributedSystemsAssignmentPage1of3CE4208DistributedSystemsDataCentredDistributedSystemsAssignment1.OverviewThisisanindividualassignment,whereeachstude
  • php 常用bc函数 任性不起来了 phpbc函数
    bcadd—加法，2个任意精度数字的加法计算bcsub—减法bcmul—乘法bcdiv—除法bcpow—乘方bcmod—取模bcsqrt—求二次方根bccomp—比较两个任意精度的数字，返回一个整数的结果：若两数相等返回0，左数大返回1，否则返回-1bcpowmod—求高精度数字乘方求模，数论里非常常用bcscale—设置所有bc数学函数的默认小数点保留位数—比较两个高精度数字，返回-1,0,1
  • LLaMA-Factory使用命令 asd8705 llama
    Weprovidediverseexamplesaboutfine-tuningLLMs.MakesuretoexecutethesecommandsintheLLaMA-Factorydirectory.TableofContentsLoRAFine-TuningQLoRAFine-TuningFull-ParameterFine-TuningMergingLoRAAdaptersandQuan
  • Codeforces Round 903 (Div. 3) E. Block Sequence H_z___ 算法c++
    题解：想到从后向前DPf[i]表示从i~n转化为“美观”所需要的最少的步骤第一种转移方式：直接删除掉第i个元素，那么就是上一步f[i+1]加上1;第二种转移方式：从第i+a[i]+1个元素直接转移，不需要增加步数；注意边界问题以及初始化，f[n+1]=0;#includeusingnamespacestd;#defineintlonglong#definedebug(x)cerrPII;const
  • Educational Codeforces Round 95 (Rated for Div. 2) C. Mortal Kombat Tower H_z___ 算法
    人生中第一道初见一遍过的DP，感觉自己还是有进步的。题目：YouandyourfriendareplayingthegameMortalKombatXI.Youaretryingtopassachallengetower.Therearennnbossesinthistower,numberedfrom111tonnn.Thetypeoftheiii-thbossisaia_iai.Iftheii
  • Codeforces Beta Round 4 (Div. 2 Only) 4D. Mysterious Present (最长上升子序列变形) H_z___ 算法
    题目：PeterdecidedtowishhappybirthdaytohisfriendfromAustraliaandsendhimacard.Tomakehispresentmoremysterious,hedecidedtomakeachain.ChainhereissuchasequenceofenvelopesA = {a1,  a2,  ...,  an},wherethewidth
  • css选择器第三章(伪元素/选择器优先级/三大特性) 星空寻流年 前端基础css前端
    css伪元素/选择器优先级/三大特性一、css伪元素选择器该选择器跟之前的不同，元素选择器操作的是元素里面的内容，伪类操作的是元素本身（只能操作类似于div，p标签等等这些标签元素）。1.1概览::first-letter选中元素中的第一个文字。::first-line选中元素中的第一行文字。::selection选中被鼠标选中的内容。::placeholder选中输入框的提示文字。::befor
  • Andrej Karpathy 最新AI讲座（3个半小时）：Deep Dive into LLMs like ChatGPT（深入探索像ChatGPT这样的大语言模型） 自动驾驶小学生 论文笔记人工智能chatgpt语言模型DeepSeekLLMAndrejKarpathy2025
    【必看珍藏】2月6日，安德烈·卡帕西最新AI普及课：深入探索像ChatGPT这样的大语言模型｜AndrejKarpathy视频国内地址：https://www.bilibili.com/video/BV16cNEeXEer/?spm_id_from=333.1007.0.0&vd_source=2305730152e6c9a557978924d0063b1a资料链接：ChatGPThttps://
  • Html5学习教程，从入门到精通，HTML `＜div＞` 和 `＜span＞` 标签：语法知识点与案例代码（12） 知识分享小能手 前端开发网页开发编程语言如门htmlhtml5学习前端开发语言java前端框架
    HTML和标签：语法知识点与案例代码一、语法知识点1.标签定义:是一个块级元素，用于将文档内容划分为独立的、可样式化的部分。它本身没有特定的语义，主要用于布局和分组。特点:块级元素，默认占据一整行。可以包含其他块级元素和行内元素。常用于创建页面的布局结构，例如头部、导航栏、内容区域、侧边栏、底部等。属性:通用属性:例如id,class,style,title等。事件属性:例如onclick,onm
  • vue3+element plus@2.8.8 el-drawer在父组件内打开 md3356 前端elementuivue.js
    解决问题后自存一下，这种小问题容易忘记遇到的问题：el-drawer默认附到body，使用append-to-body=false也无效内容内容核心问题：drawer_container和el-drawer中间其实还会自动添加一个div包裹住el-drawer，并且在element@2.8.8中没有class了，之前是el-overlay。解决方法：找到drawer_container的直接子节点
  • Game with Binary String ( [Educational Codeforces Round 175 (Rated for Div. 2)]) BoBoo文睡不醒 acm训练集合数据结构树状数组
    GamewithBinaryString(EducationalCodeforcesRound175(RatedforDiv.2))Considerthefollowinggame.Twoplayershaveabinarystring(astringconsistingofcharacters0and/or1).Theplayerstaketurns,thefirstplayermakesthe
  • 大模型学习笔记-基于《Deep Dive into LLMs like ChatGPT》 XiyouLinux_Kangyijie 学习笔记chatgpt
    模型是什么从逻辑层面理解，模型类似于函数。给定模型一个输入，它会产生一个输出。例如，垃圾邮件识别器就是一种模型。当输入一封电子邮件时，它会输出该邮件是否为垃圾邮件的判断结果。天气预测同样是一个模型，输入历史天气数据，它会输出对明天天气情况的预测。这些都是模型的实例。当然，模型的输出存在一定的准确率，其结果可能与预期高度相符，也可能偏离较大。构建数据集对于大语言模型（LLM）的训练而言，首先需要构建
  • React学习六（Ant Design of React） 二十一块石头 Reactreact.js学习javascript
    文章目录一、特性二、使用过程1、安装2、antd引用三、antd的组件库1、Button按钮2、message消息框（1）Promise接口（2）API（3）以对象的形式传递参数3、Menu组件4、Breadcrumb面包屑5、Layout布局（1）设计规则（2）组件概述（3）代码演示6、Divider分割线7、Grid栅格8、Form表单9、Input组件10、Table表格举例antd是基于A
  • 页面中指定元素进入全屏&&退出全屏 SarinaDu csscss3html
    可运行demoFullscreenDivExample/*设置div的样式*/#fullscreenDiv{width:300px;/*宽度*/height:200px;/*高度*/background-color:lightblue;/*背景颜色*/display:flex;/*使用flex布局*/justify-content:center;/*水平居中*/align-items:center
  • XPATH的用法 勇敢的牛马 selenium测试工具xhtmlpythonpycharm
    XPATH的两种类型绝对路径（AbsoluteXPATH）从HTML根目录（/html/body/...）开始定位。示例：/html/body/div/ul/li[2]缺点：网页结构变化时容易失效。相对路径（RelativeXPATH）直接从//开始，不依赖HTML根路径，更稳定。示例：//li[@id='item2']优点：更灵活，不受页面层级变化的影响。常见XPATH语法XPATH语法作用示例
  • vue3使用插件封装指令实现页面滚动动画 前端、小老弟 vue前端animationvue.js前端javascriptcss3动画
    效果展示：vue封装插件需要使用到install函数exportdefaultScrollAnimationPlugin={install(app:App,options={}){//需要实现的内容}}vue指令语法：app.directive('scroll-animation',{mounted(el:HTMLDivElement,binding:any){//需要实现的内容}})监听页面滚动
  • 前端架构设计 weixin_34266504 前端测试javascriptViewUI
    最近在拜读一本《前端架构设计》的书，该书讲到前端架构师的用户是开发人员。所选择的工具、编写的代码、创建的流程，都是为了让开发人员能够构建出最高效的、不出错的、可扩展的和可持续优化的系统。一、HTML1）标签规范化div乱炖是指嵌套多层div元素。为了保持简洁，语义化的标签是首选，应用样式所依靠的是HTML5元素名称和它们的层级关系，在标记中没有类名，往往写出层级的后代选择器。2）模块化方法前端开发
  • python 必备模块和包_Python_异常和模块 weixin_39616216 python必备模块和包
    异常处理单个异常处理：try:print(num)exceptNameError:print('没有定义变量')exceptFileNotFoundError:print('找不到文件路径')print(1)多个异常处理：try:print(num)#11/0#open('xxx.txt')except(NameError,FileNotFoundError,ZeroDivisionError):
  • MKTG7501 Fundamentals of Marketing STP Analysis 后端
    MKTG7501FundamentalsofMarketingSem12025Assessment2:STPAnalysisInstructionsandGuidelinesWeight:40%Assessmenttype:Report(Individual)Wordlimit:2,000wordsmaximum.Anycontentsubmittedbeyondthelimitisineligi
  • 生成网页链接二维码 小雨滴答滴答 html5javascript
    生成二维码#qrcode{margin-top:20px;}生成网页链接二维码生成二维码functiongenerateQRCode(){consturl=document.getElementById('urlInput').value;constqrcodeDiv=document.getElementById('qrcode');//清空之前的二维码qrcodeDiv.innerHTML='
  • 基于web在线餐饮网站的设计与实现——蛋糕甜品店铺(HTML+CSS+JavaScript) html网页制作 网页设计前端javascripthtmldreamweaver网页设计web网页设计期末课程大作业
    ‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤
  • VUE + iView table render渲染i-switch LEON劉先森 javascript前端html
    {title:"显示/隐藏",tooltip:true,align:'center',minWidth:120,render:(h,params)=>{returnh("div",{},[h("i-switch",{props:{value:params.row.show,size:"large",trueColor:"#FF5C58",},scopedSlots:{open:()=>h("spa
  • React学习笔记07 充气大锤 React学习笔记react.js学习笔记开发语言vue.js前端
    一、自定义Hook函数概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用来个小需求：点击toggle按钮时控制div的显示和隐藏不封装直接实现：functionApp(){const[state,set_state]=useState(true)consttoggle=()=>set_state(!state)return({state&&thisisdi
  • 【竞赛专用方法总结】蓝桥杯-ACM比赛参考 JokerSZ. 蓝桥杯算法数据结构竞赛编程
    基础部分数位拆分进位模拟最大公约、最小公倍数、质数、素数试除法判定质数——模板题AcWing866.试除法判定质数boolis_prime(intx){if(x1)coutget_divisors(intx){vectorres;for(inti=1;i1)res=res/x*(x-1);returnres;}筛法求欧拉函数——模板题AcWing874.筛法求欧拉函数intprimes[N],cn
  • HTML中 video标签样式铺满全屏 小华0000 css前端
    video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式关键是这个“object-fit:fill”，这样就可以解决了！object-fit属性指定元素的内容应该如何去适应指定容器的高度与宽度。object-fit一般用于img和video标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。fill:默认，不保证
  • DAT 560G: Database Design and SQL 后端
    DAT560G:DatabaseDesignandSQLSpring2025,MiniAAssignment#4:SQLPart3Instructions1.Thisisanindividualassignment.Youmaynotdiscussyourapproachtosolvingthesequestionswithanyone,otherthantheinstructororTA.2.P
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他