1.请用至少3中方式实现数组去重?方法一:indexOfvararr1=[1,2,3,4,5,4,3,2,1];functionrepeat1(arr){for(vari=0,arr2=[];i
撩课-Web大前端每天5道面试题-Day3
撩课_叶建华
1.请描述下JS中事件冒泡机制?冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。捕获型事件:事件从最不精确的对象(document对象)开始触发,然后到最精确。(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)。支持W3C标准的浏览器在添加事件时用addEventListener(event,fn,useCapture)方法,基中第3个参数use
06. Web大前端时代之:HTML5+CSS3入门系列~HTML5 画布
lmrylll
前端html5css3
我们先看看画布的魅力:初始画布canvas默认是宽300px,高150px;绘制步骤1.定义一个id2.获取canvas对象varcanvasObj=document.getElementById('canvasOne');3.通过getContext获取上下文varcontext=canvasObj.getContext("2d");目前支持2d绘图4.通过javascript进行绘制conte
03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素
lmrylll
前端html5css3
2.功能元素1.hgroup对网页或区段(section)的标题进行组合2.figure标签规定独立的流内容(图像、图表、照片、代码等等)。figure元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。Figcaptionfigure的标题一般格式:标题内容3.video标签定义视频,比如电影片段或其他视频流案例:4.audio定义音频,比如音乐或其他音频流案例:http://ww
08. Web大前端时代之:HTML5+CSS3入门系列 ~ QQ空间时间轴
lmrylll
前端html5css3
大前端系列,主要就是使用CSS3.0来实现,注释我已经打在代码里面了,直接看代码就可以了,后面会说一下CSS3.0系列,这个就当一个引入吧:简单版本:body{font-size:100%;color:#7f8c97;font-family:'微软雅黑';background-color:#e9f0f5;}/*容器*/.paw-container{width:90%;margin:0auto;}/
05. Web大前端时代之:HTML5+CSS3入门系列~H5 多媒体系
lmrylll
前端html5css3
1.引入概述音频文件或视频文件都可以看做是一个容器文件(类似于压缩的zip)编解码器就是读取特定的容器格式,对其中的音频与视频轨进行解码,然后实现播放解码器解码器(decoder),是一种输入模拟视频信号并将它转换为数字信号格式,以进一步压缩和传输的硬件/软件设备视频格式Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件MPEG4=带有H.264视频编码和AAC音频编码的MPEG4
Web大前端时代之:HTML5+CSS3入门系列
lmrylll
前端html5css3
Old:联系源码:GitHub-dunitian/LoTHTML5:LoT家族的一员~HTML5系列文档下载:https://github.com/dunitian/LoTDotNet/思维导图(不断更新):图片:http://dnt.dkill.net/DNT/HTML5/index.jpg源码:http://dnt.dkill.net/DNT/HTML5/h5.zip在线文档:http://d
07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
lmrylll
前端html5css3
Web大前端时代之:HTML5+CSS3入门系列:Web大前端时代之:HTML5+CSS3入门系列-毒逆天-博客园源码:https://github.com/dunitian/LoTHTML5/tree/master/LoTHTML5/4.HTML5定位定位类型IP定位优点任何位置都可用在服务器端处理缺点不精确,一般精确到城市运算代价大,可能出错代理的时候就可能定位出错了GPS定位优点定位精准缺点
02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素
lmrylll
前端html5css3
Web大前端时代之:HTML5+CSS3入门系列:Web大前端时代之:HTML5+CSS3入门系列-毒逆天-博客园1.结构元素可以理解为语义话标记,比如:以前这么写现在偷懒写:1.header头部区域,包含对主页的介绍标签定义文档的页眉(介绍信息)2.nav导航系列标签定义导航链接的部分。3.section一块区域标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分4
web大前端之旅Ⅰ
Sodapease
前端csshtmljavascript
[声明]学习于【千锋教育_Web前端最全教程从入门到精通(HTML+CSS全套)-哔哩哔哩】初识前端开发学习四阶段PART1拨云见日PART2溯本求源PART3风生水起PART4巧夺天工什么是HTML和CSS?HTML(结构层)CSS(表现层)如何进行网站编译?万能之王:记事本宇宙第一编译器:VScode下载地址安装插件途径编辑器基本使用vscode快捷操作替换背景图浏览器知多少?五大主流浏览器I
撩课-Web大前端每天5道面试题-Day10
撩课_叶建华
1.px和em的区别?px和em都是长度单位;区别是:px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。浏览器的默认字体高都是16px;所以未经调整的浏览器都符合:1em=16px;那么12px=0.75em,10px=0.625em2.CSS去掉inline-block元素间隙的几种方法?间隙是怎么来的:间隙是由换行或者回车导致的;只要把标
盘点一些惊艳一时的 CSS 属性
山山而川~xyj
前端css前端vue.js
✨个人主页:山山而川~xyj⚶作者简介:前端领域新星创作者,专注于前端各领域技术,共同学习共同进步,一起加油!系列专栏:web大前端学习格言:与其临渊羡鱼,不如退而结网目录前言一、position:sticky二、:empty选择器三、gap四、background-clip:text五、:invalid伪类结论前言随着前端的不断发展,更多新的CSS属性不断加入提案,本文列举5个不常用但很有用且你
web大前端复习——JavaScript
Giann
1.关于闭包什么是闭包?闭包是有权限访问其它函数作用域内的变量的一个函数。在js中,变量分为全局变量和局部变量,局部变量的作用域属于函数作用域,在函数执行完以后作用域就会被销毁,内存也会被回收,但是由于闭包是建立在函数内部的子函数,由于其可访问上级作用域的原因,即使上级函数执行完,作用域也不会被销毁,此时的子函数——也就是闭包,便拥有了访问上级作用域中变量的权限,即使上级函数执行完以后作用域内的值
Web大前端之vue3
编程老哥
前端javascripthtmlvue.js
Vue3打包Vue3创建项目Vue3目录结构Vue3起步Vue3模板语法Vue3条件语句Vue3循环语句Vue3组件Vue3计算属性Vue3监听属性Vue3样式绑定Vue3事件处理Vue3表单Vue3自定义指令Vue3路由Vue3混入Vue3Ajax(axios)Vue.js教程Vue.js教程Vue.js安装Vue.js目录结构Vue.js起步Vue.js模板语法Vue.js条件语句Vue.js
撩课-Web大前端每天5道面试题-Day5
撩课_叶建华
1.写一个深度克隆方法(es5)?/***深拷贝*@param{object}fromObj拷贝的对象*@param{object}toObj目标对象*/functiondeepCopyObj2NewObj(fromObj,toObj){for(varkeyinfromObj){//1.取出键值对varfromValue=fromObj[key];//2.检查当前的属性值是什么类型if(!isOb
撩课-Web大前端每天5道面试题-Day13
撩课_叶建华
1.for循环中的作用域问题?写出以下代码输出值,尝试用es5和es6的方式进行改进输出循环中的i值。for(vari=1;i0.0001100110011001...(无限)0.2->0.0011001100110011...(无限)IEEE754标准的64位双精度浮点数的小数部分最多支持53位二进制位,所以两者相加之后得到二进制为:JavaScript代码:0.0100110011001100
web大前端复习——js常见算法题2
Giann
Q19回文解码现在有一个字符串,你要对这个字符串进行n次操作,每次操作给出两个数字:(p,l)表示当前字符串中从下标为p的字符开始的长度为l的一个子串。你要将这个子串左右翻转后插在这个子串原来位置的正后方,求最后得到的字符串是什么。字符串的下标是从0开始的,你可以从样例中得到更多信息。输入描述:每组测试用例仅包含一组数据,每组数据第一行为原字符串,长度不超过10,仅包含大小写字符与数字。接下来会有
撩课-Web大前端每天5道面试题-Day20
撩课学院
1.vue生命周期的作用是什么?它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。2.Vue实现数据双向绑定的原理:Object.defineProperty()?vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相
web大前端复习——js常见算法题1
Giann
Q1判断一个单词是否是回文?回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的情趣,叫做回文,也叫回环。比如mamamredivider.很多人拿到这样的题目非常容易想到用for将字符串颠倒字母顺序然后匹配就行了。其实重要的考察的就是对于reverse的实现。其实我们可以利用现成的函数,将字符串转换成数组,这个思路很重要,我们可以拥有更多的自由度去进行字符串的一些操作。func
web大前端开发中一些常见的安全性问题
_源稚生
跨站脚本攻击(XSS攻击)原理:跨站脚本攻击(CrossSiteScript为了区别于CSS简称为XSS)指的是恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目的。例子:1、用户提交的数据未经处理,直接住注入到动态页面中一个简单的留言板我们有个页面用于允许用户发表留言,然后在页面底部显示留言列表.comment-t
撩课-Web大前端每天5道面试题-Day7
撩课_叶建华
1.你能描述一下渐进增强和优雅降级之间的不同吗?定义:优雅降级(gracefuldegradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复渐进增强(progressiveenhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。优雅降级和渐进增强都关注于同一网站在不同设备里不同浏览器下的表现程度。区别:“优雅降级”观点认为应该针对那些最高级、最完善的浏
web大前端0基础小白快速入门(第一天)
睿诗开发
web前端快速入门html5javascriptcssandroidios
在我就职的公司里面经常听到一些同事的议论,**大前端会不会取代Android跟iOS呢?***为什么会有人担心这方面的事情呢?*因为近几年,前端的确是很火。一些公司为了控制成本在减少原生APP开发人员,因为前端一套代码就可以在安卓端跟iOS端运行,前端技术的更新之快,日新月异的成熟框架。以至于原生APP能实现的功能,大前端都能实现,在体验上也能做到不亚于原生APP。种种原因让大前端一直非常火,之前
撩课-Web大前端每天5道面试题-Day21
撩课学院
1.对async、await的理解,内部原理?①async---声明一个异步函数:自动将常规函数转换成promise,返回值也是一个promise对象,只有async函数内部的异步操作执行完,才会执行then方法指定的回调函数,内部可以使用await;②await--暂停异步的功能执行:放在promise调用之前,await强制其他代码等待,直到promise完成并返回结果,只能与promise一
撩课-Web大前端每天5道面试题-Day7
weixin_34357436
前端uijavascript
1.你能描述一下渐进增强和优雅降级之间的不同吗?定义:优雅降级(gracefuldegradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复渐进增强(progressiveenhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。优雅降级和渐进增强都关注于同一网站在不同设备里不同浏览器下的表现程度。区别:“优雅降级”观点认为应该针对那些最高级、最完善的浏
ios内付费
374016526
ios内付费
近年来写了很多IOS的程序,内付费也用到不少,使用IOS的内付费实现起来比较麻烦,这里我写了一个简单的内付费包,希望对大家有帮助。
具体使用如下:
这里的sender其实就是调用者,这里主要是为了回调使用。
[KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
20 款优秀的 Linux 终端仿真器
brotherlamp
linuxlinux视频linux资料linux自学linux教程
终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。(LCTT 译注:终端仿真器原意指对大型机-哑终端方式的模拟,不过在当今的 Linux 环境中,常指通过远程或本地方式连接的伪终端,俗称“终端”。)
你能从开源世界中找到大量的终端仿真器,它们
Solr Deep Paging(solr 深分页)
eksliang
solr深分页solr分页性能问题
转载请出自出处:http://eksliang.iteye.com/blog/2148370
作者:eksliang(ickes) blg:http://eksliang.iteye.com/ 概述
长期以来,我们一直有一个深分页问题。如果直接跳到很靠后的页数,查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
数据库面试题
18289753290
面试题 数据库
1.union ,union all
网络搜索出的最佳答案:
union和union all的区别是,union会自动压缩多个结果集合中的重复结果,而union all则将所有的结果全部显示出来,不管是不是重复。
Union:对两个结果集进行并集操作,不包括重复行,同时进行默认规则的排序;
Union All:对两个结果集进行并集操作,包括重复行,不进行排序;
2.索引有哪些分类?作用是
Android TV屏幕适配
酷的飞上天空
android
先说下现在市面上TV分辨率的大概情况
两种分辨率为主
1.720标清,分辨率为1280x720.
屏幕尺寸以32寸为主,部分电视为42寸
2.1080p全高清,分辨率为1920x1080
屏幕尺寸以42寸为主,此分辨率电视屏幕从32寸到50寸都有
适配遇到问题,已1080p尺寸为例:
分辨率固定不变,屏幕尺寸变化较大。
如:效果图尺寸为1920x1080,如果使用d
Timer定时器与ActionListener联合应用
永夜-极光
java
功能:在控制台每秒输出一次
代码:
package Main;
import javax.swing.Timer;
import java.awt.event.*;
public class T {
private static int count = 0;
public static void main(String[] args){
Ubuntu14.04系统Tab键不能自动补全问题解决
随便小屋
Ubuntu 14.04
Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全,解决办法如下:
1、利用vi编辑器打开/etc/bash.bashrc文件(需要root权限)
sudo vi /etc/bash.bashrc
接下来会提示输入密码
2、找到文件中的下列代码
#enable bash completion in interactive shells
#if
学会人际关系三招 轻松走职场
aijuans
职场
要想成功,仅有专业能力是不够的,处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢?在此,教您简单实用的三个窍门。
第一,多汇报
最近,管理学又提出了一个新名词“追随力”。它告诉我们,做下属最关键的就是要多请示汇报,让上司随时了解你的工作进度,有了新想法也要及时建议。不知不觉,你就有了“追随力”,上司会越来越了解和信任你。
第二,勤沟通
团队的力
《O2O:移动互联网时代的商业革命》读书笔记
aoyouzi
读书笔记
移动互联网的未来:碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。
O2O:Online to OffLine 线上线下活动
O2O就是在移动互联网时代,生活消费领域通过线上和线下互动的一种新型商业模式。
手机二维码本质:O2O商务行为从线下现实世界到线上虚拟世界的入口。
线上虚拟世界创造的本意是打破信息鸿沟,让不同地域、不同需求的人
js实现图片随鼠标滚动的效果
百合不是茶
JavaScript滚动属性的获取图片滚动属性获取页面加载
1,获取样式属性值
top 与顶部的距离
left 与左边的距离
right 与右边的距离
bottom 与下边的距离
zIndex 层叠层次
例子:获取左边的宽度,当css写在body标签中时
<div id="adver" style="position:absolute;top:50px;left:1000p
ajax同步异步参数async
bijian1013
jqueryAjaxasync
开发项目开发过程中,需要将ajax的返回值赋到全局变量中,然后在该页面其他地方引用,因为ajax异步的原因一直无法成功,需将async:false,使其变成同步的。
格式:
$.ajax({ type: 'POST', ur
Webx3框架(1)
Bill_chen
eclipsespringmaven框架ibatis
Webx是淘宝开发的一套Web开发框架,Webx3是其第三个升级版本;采用Eclipse的开发环境,现在支持java开发;
采用turbine原型的MVC框架,扩展了Spring容器,利用Maven进行项目的构建管理,灵活的ibatis持久层支持,总的来说,还是一套很不错的Web框架。
Webx3遵循turbine风格,velocity的模板被分为layout/screen/control三部
【MongoDB学习笔记五】MongoDB概述
bit1129
mongodb
MongoDB是面向文档的NoSQL数据库,尽量业界还对MongoDB存在一些质疑的声音,比如性能尤其是查询性能、数据一致性的支持没有想象的那么好,但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能,而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩),同时它提供的近似于SQL的查询能力,也是在做NoSQL技术选型时,考虑的一个重要因素。Mo
spring/hibernate/struts2常见异常总结
白糖_
Hibernate
Spring
①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException
缺少aspectjweaver.jar,该jar包常用于spring aop中
②java.lang.ClassNotFoundException: org.sprin
jquery easyui表单重置(reset)扩展思路
bozch
formjquery easyuireset
在jquery easyui表单中 尚未提供表单重置的功能,这就需要自己对其进行扩展。
扩展的时候要考虑的控件有:
combo,combobox,combogrid,combotree,datebox,datetimebox
需要对其添加reset方法,reset方法就是把初始化的值赋值给当前的组件,这就需要在组件的初始化时将值保存下来。
在所有的reset方法添加完毕之后,就需要对fo
编程之美-烙饼排序
bylijinnan
编程之美
package beautyOfCoding;
import java.util.Arrays;
/*
*《编程之美》的思路是:搜索+剪枝。有点像是写下棋程序:当前情况下,把所有可能的下一步都做一遍;在这每一遍操作里面,计算出如果按这一步走的话,能不能赢(得出最优结果)。
*《编程之美》上代码有很多错误,且每个变量的含义令人费解。因此我按我的理解写了以下代码:
*/
Struts1.X 源码分析之ActionForm赋值原理
chenbowen00
struts
struts1在处理请求参数之前,首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性,却找不到对应的ActionForm类也不会报错,只是不会处理本次请求的请求参数。
如果找到了对应的ActionForm类,则先判断是否已经存在ActionForm的实例,如果不存在则创建实例,并将其存放在对应的作用域中。作用域由配置文件action节点的s
[空天防御与经济]在获得充足的外部资源之前,太空投资需有限度
comsci
资源
这里有一个常识性的问题:
地球的资源,人类的资金是有限的,而太空是无限的.....
就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制....
&
ORACLE临时表—ON COMMIT PRESERVE ROWS
daizj
oracle临时表
ORACLE临时表 转
临时表:像普通表一样,有结构,但是对数据的管理上不一样,临时表存储事务或会话的中间结果集,临时表中保存的数据只对当前
会话可见,所有会话都看不到其他会话的数据,即使其他会话提交了,也看不到。临时表不存在并发行为,因为他们对于当前会话都是独立的。
创建临时表时,ORACLE只创建了表的结构(在数据字典中定义),并没有初始化内存空间,当某一会话使用临时表时,ORALCE会
基于Nginx XSendfile+SpringMVC进行文件下载
denger
应用服务器Webnginx网络应用lighttpd
在平常我们实现文件下载通常是通过普通 read-write方式,如下代码所示。
@RequestMapping("/courseware/{id}")
public void download(@PathVariable("id") String courseID, HttpServletResp
scanf接受char类型的字符
dcj3sjt126com
c
/*
2013年3月11日22:35:54
目的:学习char只接受一个字符
*/
# include <stdio.h>
int main(void)
{
int i;
char ch;
scanf("%d", &i);
printf("i = %d\n", i);
scanf("%
学编程的价值
dcj3sjt126com
编程
发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助
像这位朋友学习:
http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html
VirtualGS教程 (By @林泰前): 几十年的老程序员,资深的
二维数组(矩阵)对角线输出
飞天奔月
二维数组
今天在BBS里面看到这样的面试题目,
1,二维数组(N*N),沿对角线方向,从右上角打印到左下角如N=4: 4*4二维数组
{ 1 2 3 4 }
{ 5 6 7 8 }
{ 9 10 11 12 }
{13 14 15 16 }
打印顺序
4
3 8
2 7 12
1 6 11 16
5 10 15
9 14
13
要
Ehcache(08)——可阻塞的Cache——BlockingCache
234390216
并发ehcacheBlockingCache阻塞
可阻塞的Cache—BlockingCache
在上一节我们提到了显示使用Ehcache锁的问题,其实我们还可以隐式的来使用Ehcache的锁,那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类,可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
mysqldiff对数据库间进行差异比较
jackyrong
mysqld
mysqldiff该工具是官方mysql-utilities工具集的一个脚本,可以用来对比不同数据库之间的表结构,或者同个数据库间的表结构
如果在windows下,直接下载mysql-utilities安装就可以了,然后运行后,会跑到命令行下:
1) 基本用法
mysqldiff --server1=admin:12345
spring data jpa 方法中可用的关键字
lawrence.li
javaspring
spring data jpa 支持以方法名进行查询/删除/统计。
查询的关键字为find
删除的关键字为delete/remove (>=1.7.x)
统计的关键字为count (>=1.7.x)
修改需要使用@Modifying注解
@Modifying
@Query("update User u set u.firstna
Spring的ModelAndView类
nicegege
spring
项目中controller的方法跳转的到ModelAndView类,一直很好奇spring怎么实现的?
/*
* Copyright 2002-2010 the original author or authors.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* yo
搭建 CentOS 6 服务器(13) - rsync、Amanda
rensanning
centos
(一)rsync
Server端
# yum install rsync
# vi /etc/xinetd.d/rsync
service rsync
{
disable = no
flags = IPv6
socket_type = stream
wait
Learn Nodejs 02
toknowme
nodejs
(1)npm是什么
npm is the package manager for node
官方网站:https://www.npmjs.com/
npm上有很多优秀的nodejs包,来解决常见的一些问题,比如用node-mysql,就可以方便通过nodejs链接到mysql,进行数据库的操作
在开发过程往往会需要用到其他的包,使用npm就可以下载这些包来供程序调用
&nb
Spring MVC 拦截器
xp9802
spring mvc
Controller层的拦截器继承于HandlerInterceptorAdapter
HandlerInterceptorAdapter.java 1 public abstract class HandlerInterceptorAdapter implements HandlerIntercep