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):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。优雅降级和渐进增强都关注于同一网站在不同设备里不同浏览器下的表现程度。区别:“优雅降级”观点认为应该针对那些最高级、最完善的浏
算法 单链的创建与删除
换个号韩国红果果
c算法
先创建结构体
struct student {
int data;
//int tag;//标记这是第几个
struct student *next;
};
// addone 用于将一个数插入已从小到大排好序的链中
struct student *addone(struct student *h,int x){
if(h==NULL) //??????
《大型网站系统与Java中间件实践》第2章读后感
白糖_
java中间件
断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章,这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难,但每一个屏障都会有解决方案,最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。
看完整章内容,
zeus持久层spring事务单元测试
deng520159
javaDAOspringjdbc
今天把zeus事务单元测试放出来,让大家指出他的毛病,
1.ZeusTransactionTest.java 单元测试
package com.dengliang.zeus.webdemo.test;
import java.util.ArrayList;
import java.util.List;
import org.junit.Test;
import
Rss 订阅 开发
周凡杨
htmlxml订阅rss规范
RSS是 Really Simple Syndication的缩写(对rss2.0而言,是这三个词的缩写,对rss1.0而言则是RDF Site Summary的缩写,1.0与2.0走的是两个体系)。
RSS
分页查询实现
g21121
分页查询
在查询列表时我们常常会用到分页,分页的好处就是减少数据交换,每次查询一定数量减少数据库压力等等。
按实现形式分前台分页和服务器分页:
前台分页就是一次查询出所有记录,在页面中用js进行虚拟分页,这种形式在数据量较小时优势比较明显,一次加载就不必再访问服务器了,但当数据量较大时会对页面造成压力,传输速度也会大幅下降。
服务器分页就是每次请求相同数量记录,按一定规则排序,每次取一定序号直接的数据
spring jms异步消息处理
510888780
jms
spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器,常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量,以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理,进一步提高性能,减少侦听器的阻塞。具体配置如下:
highCharts柱状图
布衣凌宇
hightCharts柱图
第一步:导入 exporting.js,grid.js,highcharts.js;第二步:写controller
@Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController { private UserServi
我的spring学习笔记2-IoC(反向控制 依赖注入)
aijuans
springmvcSpring 教程spring3 教程Spring 入门
IoC(反向控制 依赖注入)这是Spring提出来了,这也是Spring一大特色。这里我不用多说,我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC,下面我将介绍不用Spring的IoC。
IoC不是框架,她是java的技术,如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明:
如:程序中有 Mysql.calss 、Oracle.class 、SqlSe
TLS java简单实现
antlove
javasslkeystoretlssecure
1. SSLServer.java
package ssl;
import java.io.FileInputStream;
import java.io.InputStream;
import java.net.ServerSocket;
import java.net.Socket;
import java.security.KeyStore;
import
Zip解压压缩文件
百合不是茶
Zip格式解压Zip流的使用文件解压
ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件;
ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));
&n
underscore.js 学习(一)
bijian1013
JavaScriptunderscore
工作中需要用到underscore.js,发现这是一个包括了很多基本功能函数的js库,里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。 学
java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)
bijian1013
javajvmjstatd
1.介绍
jstatd是一个基于RMI(Remove Method Invocation)的服务程序,它用于监控基于HotSpot的JVM中资源的创建及销毁,并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。
jstatd是基于RMI的,所以在运行jstatd的服务
【Spring框架三】Spring常用注解之Transactional
bit1129
transactional
Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力,如下是@Transactional注解的定义:
/*
* Copyright 2002-2010 the original author or authors.
*
* Licensed under the Apache License, Version
我(程序员)的前进方向
bitray
程序员
作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....
nginx lua开发经验总结
ronin47
使用nginx lua已经两三个月了,项目接开发完毕了,这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的,跟PHP的占比差不多持平了,因此在开发中遇到一些问题备忘一下 1:content_by_lua中代码容量有限制,一般不要写太多代码,正常编写代码一般在100行左右(具体容量没有细心测哈哈,在4kb左右),如果超出了则重启nginx的时候会报 too long pa
java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5},1在栈顶。颠倒之后的栈为{5,4,3,2,1},5处在栈顶
bylijinnan
java
import java.util.Stack;
public class ReverseStackRecursive {
/**
* Q 66.颠倒栈。
* 题目:用递归颠倒一个栈。例如输入栈{1,2,3,4,5},1在栈顶。
* 颠倒之后的栈为{5,4,3,2,1},5处在栈顶。
*1. Pop the top element
*2. Revers
正确理解Linux内存占用过高的问题
cfyme
linux
Linux开机后,使用top命令查看,4G物理内存发现已使用的多大3.2G,占用率高达80%以上:
Mem: 3889836k total, 3341868k used, 547968k free, 286044k buffers
Swap: 6127608k total,&nb
[JWFD开源工作流]当前流程引擎设计的一个急需解决的问题
comsci
工作流
当我们的流程引擎进入IRC阶段的时候,当循环反馈模型出现之后,每次循环都会导致一大堆节点内存数据残留在系统内存中,循环的次数越多,这些残留数据将导致系统内存溢出,并使得引擎崩溃。。。。。。
而解决办法就是利用汇编语言或者其它系统编程语言,在引擎运行时,把这些残留数据清除掉。
自定义类的equals函数
dai_lm
equals
仅作笔记使用
public class VectorQueue {
private final Vector<VectorItem> queue;
private class VectorItem {
private final Object item;
private final int quantity;
public VectorI
Linux下安装R语言
datageek
R语言 linux
命令如下:sudo gedit /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke
如何修改mysql 并发数(连接数)最大值
dcj3sjt126com
mysql
MySQL的连接数最大值跟MySQL没关系,主要看系统和业务逻辑了
方法一:进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可
方法二:MySQL的最大连接数默认是100客户端登录:mysql -uusername -ppass
单一功能原则
dcj3sjt126com
面向对象的程序设计软件设计编程原则
单一功能原则[
编辑]
SOLID 原则
单一功能原则
开闭原则
Liskov代换原则
接口隔离原则
依赖反转原则
查
论
编
在面向对象编程领域中,单一功能原则(Single responsibility principle)规定每个类都应该有
POJO、VO和JavaBean区别和联系
fanmingxing
VOPOJOjavabean
POJO和JavaBean是我们常见的两个关键字,一般容易混淆,POJO全称是Plain Ordinary Java Object / Plain Old Java Object,中文可以翻译成:普通Java类,具有一部分getter/setter方法的那种类就可以称作POJO,但是JavaBean则比POJO复杂很多,JavaBean是一种组件技术,就好像你做了一个扳子,而这个扳子会在很多地方被
SpringSecurity3.X--LDAP:AD配置
hanqunfeng
SpringSecurity
前面介绍过基于本地数据库验证的方式,参考http://hanqunfeng.iteye.com/blog/1155226,这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证,权限依旧存储在本地数据库中】。
将配置文件中的如下部分删除:
<!-- 认证管理器,使用自定义的UserDetailsService,并对密码采用md5加密-->
mac mysql 修改密码
IXHONG
mysql
$ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码(注意,这是第一次MySQL密码为空的时候的设置命令,如果是修改密码,还需在-
设计模式--抽象工厂模式
kerryg
设计模式
抽象工厂模式:
工厂模式有一个问题就是,类的创建依赖于工厂类,也就是说,如果想要拓展程序,必须对工厂类进行修改,这违背了闭包原则。我们采用抽象工厂模式,创建多个工厂类,这样一旦需要增加新的功能,直接增加新的工厂类就可以了,不需要修改之前的代码。
总结:这个模式的好处就是,如果想增加一个功能,就需要做一个实现类,
评"高中女生军训期跳楼”
nannan408
首先,先抛出我的观点,各位看官少点砖头。那就是,中国的差异化教育必须做起来。
孔圣人有云:有教无类。不同类型的人,都应该有对应的教育方法。目前中国的一体化教育,不知道已经扼杀了多少创造性人才。我们出不了爱迪生,出不了爱因斯坦,很大原因,是我们的培养思路错了,我们是第一要“顺从”。如果不顺从,我们的学校,就会用各种方法,罚站,罚写作业,各种罚。军
scala如何读取和写入文件内容?
qindongliang1922
javajvmscala
直接看如下代码:
package file
import java.io.RandomAccessFile
import java.nio.charset.Charset
import scala.io.Source
import scala.reflect.io.{File, Path}
/**
* Created by qindongliang on 2015/
C语言算法之百元买百鸡
qiufeihu
c算法
中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”,鸡翁一,值钱五,鸡母一,值钱三,鸡雏三,值钱一,百钱买百鸡,问翁,母,雏各几何?
代码如下:
#include <stdio.h>
int main()
{
int cock,hen,chick; /*定义变量为基本整型*/
for(coc
Hadoop集群安全性:Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode
wyz2009107220
NameNode
正如大家所知,NameNode在Hadoop系统中存在单点故障问题,这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。
1. Secondary NameNode
原理:Secondary NN会定期的从NN中读取editlog,与自己存储的Image进行合并形成新的metadata image
优点:Hadoop较早的版本都自带,