面试系列之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)

  • 【css酷炫效果】实现鱼群游动动态效果 冰夏之夜影 web前端css前端
    【css酷炫效果】实现小鱼游动动态效果缘创作背景css代码创建div容器引入jquery引入鱼群js完整代码效果图成品资源下载链接：点击下载缘在开发系统功能的时候，无意间看到了小鱼游动特效，感觉很有意思，就在网上找了相关教程，分享给大家。创作背景刚看到csdn出活动了，赶时间，直接上代码。css代码.container{background-color:transparent;position:f
  • css3选择器详解 丸子猪的dady css3前端csshtml
    CSS3选择器我们之前学过CSS的选择器，比如：div标签选择器.box类名选择器#boxid选择器divp后代选择器div.box交集选择器div,p,span并集选择器div>p子代选择器*:通配符div+p:选中div后面相邻的第一个pdiv~p:选中的div后面所有的p属性选择器属性选择器的标志性符号是[]。匹配含义：^：开头$：结尾*：包含格式：E[title]选中页面的E元素，并且E存
  • Codeforces Round 995 (Div. 3) polarours Codeforces算法c++数据结构
    A.PreparingfortheOlympiad题目描述Monocarp和Stereocarp正在准备奥林匹克。现在仅剩nnn天奥林匹克就要开始了。在这第iii天，如果Monocarp准备训练，那么他将完成aia_iai题，同样的，如果Stereocarp也在这天准备训练，那么他将完成bib_ibi题。Monocarp可以在任意一天进行训练，然而，Stereocarp在观察他，并且学习他的计划：
  • Python 常用函数全解析，轻松提升编码效率 yang789022 python开发语言windows
    Python常用函数全解析，轻松提升编码效率Python常用函数全解析，轻松提升编码效率1.基础内置函数1.1`print()`与`input()`1.2`len()`、`type()`与`isinstance()`2.数学与数值处理函数2.1`abs()`、`round()`与`pow()`2.2`divmod()`与`max()/min()`3.序列与迭代相关函数3.1`range()`与`e
  • html重点知识总结 *goliter * html前端
    html重点知识一直在网上看过许多不同的前端资料，但是总觉的只是单单的阅读和记忆不能够真正的加深自己的知识理解，所以开始尝试自己在不查看其他一切资料的情况下对自己了解的知识做一个总结（顺序或许有点乱），如果之后发现有不足再来补充，我相信输出才是最好的输入！！！H5新增内容语义化标签：h5新增了一系列语义化标签，他们本质上和一般的div标签没有区别，但是在语义上有不同。header：专门指页面的顶部
  • CSS 自适应图片根据 div 大小进行均匀填充 前端小助手 csstensorflow前端
    目录前言使用object-fit属性示例代码HTMLCSS总结相关阅读1.前言在Web开发中，经常需要图片根据其容器的大小进行自适应填充，使得图片在任何设备和屏幕尺寸下都能保持良好的显示效果。本文将介绍如何使用CSS中的object-fit属性来实现这一需求。2.使用object-fit属性object-fit是一个CSS属性，专门用于控制替换元素（如、等）在其容器内的显示方式。常用的值有：fil
  • WHUCS-计算机系统基础（CSAPP）-Lab 1-DataLab实现 THEKOIFISH linuxCSAPPC语言课程实验
    武汉大学计算机系统基础（CSAPP）课程中datalab的实现。目录前言一、实验前的准备二、实验限制1.dlc2.btest三、代码撰写1.bitOr2.anyEvenBit3.rotateLeft4.greatestBitPos5.leastBitPos6.subOK7.satMul38.divpwr29.float_abs10.float_i2f四、编译执行总结前言DataLab是《深入了解计
  • LeetCode 每日一题 2025/3/10-2025/3/16 alphaTao Exerciseleetcode算法
    记录了初步解题思路以及本地实现代码；并不一定为最优也希望大家能一起探讨一起进步目录3/102269.找到一个数字的K美丽值3/112012.数组美丽值求和3/123305.元音辅音字符串计数I3/133306.元音辅音字符串计数II3/143340.检查平衡字符串3/153110.字符串的分数3/162272.最大波动的子字符串3/102269.找到一个数字的K美丽值依次判断defdivisorS
  • 2024前端面试题-css篇 Adasunshine 面试题前端css面试
    1.p和div区别p自带有一定margin-top和margin-bottom属性值，而div两个属性值为0，也便是两个p之间有不一定间距，而div没有。2.对css盒模型的理解标准盒模型：content不包括padding、border、marginie盒模型：content包括padding、border、margin在不设置的情况下，默认为W3C盒模型（标准盒模型）。标准盒模型：box-si
  • 第2章 Vue核心架构解析 道不尽世间的沧桑 vue深入理解前端javascriptvue.js
    2.1双版本设计：运行时vs编译器2.1.1版本差异对比//完整版（包含编译器）构建过程newVue({template:'{{message}}'//需要编译模板})//运行时版（需预编译）构建过程newVue({render(h){//直接使用预编译的render函数returnh('div',this.message)}})关键差异说明表：特性完整版运行时版体积大小较大(~30KB)较小(~
  • 训练模型时，步长为什么不能太大也不能太小？ yuanpan 人工智能
    在训练模型时，步长（也称为学习率，LearningRate）是一个关键的超参数，它控制着每次参数更新的大小。步长既不能太大，也不能太小，原因如下：1.步长太大的问题如果步长过大，会导致以下问题：模型发散（Divergence）：参数更新幅度过大，可能导致损失函数的值不断增大，甚至无法收敛，模型性能急剧下降。错过最优解：过大的步长可能导致参数在最优解附近震荡，甚至直接跳过最优解，无法找到良好的模型参
  • [免费送Claude账号密码]ChatGPT的平替——Claude赠送2个免费Claude账号密码卡密！（内附Claude注册教程） NBA首席形象大使阿坤 日常小功能实现人工智能chatgptclaudegpt-3
    一、账号说明1.账号格式：登录邮箱—密码—验证邮箱2.登录方式：访问Claude官网，选择登录，输入登录邮箱、密码不多叭叭，上账号！账号1：登录邮箱:[email protected]—登录密码:c934dfqcwuz8g—验证邮箱:[email protected]账号2：登录邮箱:[email protected]—登录密码:jx68
  • 自动化测试：灵活书写XPATH定位路径 ZJ_star_1220 pythonhtmlcss前端python
    进行UI自动化测试过程中XPATH定位是使用最多的定位方法，但是有时候直接复制出来的XPATH路径会比较长，所以就需要掌握一些更高级的方法，通过询问AI，最终得到了以下方法，感觉很有用，所以记录下来一、基础定位语法绝对路径与相对路径绝对路径：以/开头，从根节点逐层定位（如/html/body/div/input），路径长且易受页面结构调整影响相对路径：以//开头，直接定位目标元素（如//input
  • Flutter桌面开发（三、widget布局与表单） 左钦杨 flutterjavascriptandroid
    一、流式布局横铺或者竖着铺Row或者Column这俩都是有Children的就是可以有多个子元素例子：Row(Children:[Container(),Container(),Container(),]）Container类似于html中的DIV可以设置背景border和宽度高度Container(decoration:BoxDecoration(image:DecorationImage(im
  • 0基础学Python第八天 RUIOU_ python机器学习0基础开发语言
    1.程序报错：程序在哪一行报错之后，后面的程序都不会被执行。（1）异常类型：IndexError——索引错误，ZeroDivisionError——除零错误FileNotFoundError——找不到文件错误，TypeError——类型错误等2.捕捉异常：格式——try，except语句：try:可能会产生报错的代码except你想捕捉错误的名字（异常类型）：错误发生后你想相应执行的操作excep
  • ASP.NET CORE MVC EF框架 sanzk ASP.NETCOREEF
    1.一个视图中的多个表单Form中的变量。方式一：视图中跨Form变量不能用，得各自定义变量否则编译不能通过。变量名还不能相同。或者方式二：在Form之外定义变量@{ViewData["Title"]="ExpenseForm";}@{Layout=null;}ExpenseFormdiv,table,tr,td{margin:0px;padding:0px;}.myTable{width:60
  • 使用jQuery实现动态下划线效果的导航栏 几度泥的菜花 jquery前端javascript
    在现代网页设计中，动态效果是提升用户体验的重要手段之一。今天，我们将通过一个简单的例子，展示如何使用jQuery实现一个带有动态下划线效果的导航栏。这个效果在用户点击不同的导航标签时，下划线会平滑地移动到当前选中的标签下方，并且标签的样式也会随之改变首先，我们需要一个基本的HTML结构来创建导航栏。假设我们有四个导航标签，每个标签都有一个共同的类名item，并且我们还需要一个div元素来作为下划线
  • Codeforces Round 995 (Div. 3) polarours Codeforces算法c++数据结构
    A.PreparingfortheOlympiad题解：#includeusingnamespacestd;intmain(){intt;cin>>t;vectora;vectorb;vectorans;while(t--){intn=0,num=0,temp=0;cin>>n;for(inti=0;i>num;a.push_back(num);}for(inti=0;i>num;b.push_b
  • java中BigInteger类和BigDecimal类 码喽不秃头 java开发语言
    目录BigInteger类构造方法用构造方法创建对象BigInteger的四则运算(只能是整数)加法(add方法)减法(subtract方法)乘法(multiply方法)除法(divide方法)BigDecimal类构造方法用构造方法创建对象BigDecimal的四则运算加法(add方法)减法(subtract方法)乘法(multiply方法)乘法(divide方法)BigInteger类BigI
  • 前端 - uniapp - - 滚动容器scroll-view实现横向滚动 cv高级工程师YKY uniapp前端uni-app
    微信开放平台scrol-view的官方文档说明https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.htmlscrollview相当于给div加上了overflow-x:auto;属性想要实现横线滚动官方文档有说明需要配置scroll-x和enable-flex为true并其需要给高度和flex-directi
  • 《HTML + CSS + JS 打造炫酷轮播图详解》 ningmengjing_ 前端htmlcssjavascript
    《HTML+CSS+JS打造炫酷轮播图详解》一、项目概述本次项目旨在使用HTML、CSS和JavaScript实现一个具有基本功能的轮播图，包括图片自动轮播、上一张/下一张按钮切换、小圆点指示与切换等功能，以提升网页的交互性和视觉吸引力。二、实现步骤（一）图片拼接做出架构1、HTML结构搭建在HTML文件中，首先创建一个div容器，设置id为banner，作为轮播图的整体框架。在banner内部，
  • ESP32下载时选错SPI Flash Size，导致一直重启 小蔡不做梦 物联网单片机iot
    重启日志打印内容Rebooting…etsJun8201600:22:57rst:0xc(SW_CPU_RESET),boot:0x13(SPI_FAST_FLASH_BOOT)configsip:0,SPIWP:0xeeclk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00mode:DIO,clockdiv:
  • SpectroDive‌ 12.1是一款专门为靶向蛋白质组学技术数据分析而开发的软件 软服之家 软件工程
    ‌SpectroDive‌12.1是一款专门为靶向蛋白质组学技术（如PRM和MRM）数据分析而开发的软件。它整合了PRM/MRM完整工作流程，包括建立分析panel、自动生成质谱设置方法、信号提取及定量。SpectroDive具有以下主要特点和功能：‌1、超快计算速度‌：SpectroDive以其超快的计算速度著称，能够在短时间内处理大量数据。‌严格的质控标准‌：软件采用全面的质控标准，确保数据的
  • flex布局 数据潜水员 前端css3html5
    1.媒体查询```css    body{      display:flex;    }    div{      width:100px;      margin:20px;      height:100px;      background-color:palevioletred;    }    @media(max-width:500px){      body{        dis
  • CSS笔记一 CspecialJ css笔记前端
    一、语法选择器{属性：属性值；属性：属性值}二、书写分类行内样式：直接通过style属性写在标签上123456页内样式：在html页面创建style标签外链样式：三、选择器3.1通用选择器*{padding:0pxmargin:0px}3.2标签选择器p{font-size:20pxwidth:20px}div{width:20pxheight:20px}3.3类选择器.div1{width:20
  • html中box标签的作用,CSS3的box-sizing属性的作用及使用 cocoaitea html中box标签的作用
    先用大白话通俗说一下，先给div设置宽高为200px,这是在加上padding：10px;,此时div宽高加上padding值后实际宽高变成了220px(等于上下左右各加了10px的padding),那么我又给div加了一个border1px，此时div的实际宽高变成了221px。此时在给div加上box-sizing:border-box后，div的总宽高就会变为200px,也就是说此时padd
  • Python精进系列：divmod 函数 进一步有进一步的欢喜 python
    目录一、引言二、基本语法与原理2.1语法格式2.2返回值2.3原理理解三、使用示例3.1整数运算示例3.2浮点数运算示例四、应用场景4.1时间单位转换4.2数据分组4.3循环计数与位置计算五、注意事项5.1除数不能为零5.2浮点数运算的精度问题六、总结一、引言divmod()函数就是其中一个小巧而强大的工具，它能同时进行除法运算并返回商和余数，在很多场景下都能大显身手。本文将对divmod()函数
  • 2269.找到一个数字的 K 美丽值 兰杜 算法数据结构c++力扣
    1.题目2.思路转成字符串，枚举判断，注意0不能整除任何值。（终于是个简单题目了）3.代码classSolution{public:intdivisorSubstrings(intnum,intk){strings=to_string(num);intn=s.size();intres=0;for(inti=0;i<=n-k;i++){inttemp=stoi(s.substr(i,k));if(
  • 前端框架的发展史 Qpeterqiufengyi 专有名词解释前端框架
    1、htmlcss+div从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读者来决定网页应该怎样被显示。但随着HTML的成长，为了满足设计师的要求，HTML获得了很多显示功能。随着这些功能的增加外来定义样式的语言越来越没有意义了。1994
  • web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript IT-司马青衫 前端课程设计html
    ‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1
  • 深入浅出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其他