首页 文章 精选 留言 我的

精选列表

搜索[ Web安全],共10000篇文章
优秀的个人博客,低调大师

web前端系列面试题(一)

html&css 行内元素有哪些?块级元素有哪些?空元素有那些? link和@import的区别是? 请描述一下cookies ,sessionStorage 和 localStorage 的区别? display 与 与 visibility 有何异同? js JavaScript 中,this 关键字的作用是什么? 什么是正则表达式?在 JavaScript 中,如何应用正则表达式? JavaScript原型,原型链 ? 有什么特点? 编程题:编写一个数组去重的方法。 介绍JavaScript的基本数据类型。 说说写JavaScript的基本规范? JavaScript原型,原型链 ? 有什么特点? JavaScript有几种类型的值?(堆:原始数据类型和 栈:引用数据类型),你能画一下他们的内存图吗? Javascript如何实现继承? Javascript创建对象的几种方式? Javascript作用链域? 谈谈This对象的理解。 eval是做什么的? 什么是window对象? 什么是document对象? null,undefined的区别? 写一个通用的事件侦听器函数(机试题)。 [“1”, “2”, “3”].map(parseInt) 答案是多少? 关于事件,IE与火狐的事件机制有什么区别? 如何阻止冒泡? 什么是闭包(closure),为什么要用它? javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么? 如何判断一个对象是否属于某个类? new操作符具体干了什么呢? 用原生JavaScript的实现过什么功能吗? Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是? 对JSON的了解? [].forEach.call($$(""),function(a){ a.style.outline="1px solid #"+(~~(Math.random()(1<<24))).toString(16) }) 能解释一下这段代码的意思吗? js延迟加载的方式有哪些? Ajax 是什么? 如何创建一个Ajax? 同步和异步的区别? 如何解决跨域问题? 页面编码和被请求的资源编码如果不一致如何处理? 模块化开发怎么做? AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别? requireJS的核心原理是什么?(如何动态加载的?如何避免多次加载的?如何 缓存的?) 让你自己设计实现一个requireJS,你会怎么做? 谈一谈你对ECMAScript6的了解? ECMAScript6 怎么写class么,为什么会出现class这种东西? 异步加载的方式有哪些? documen.write和 innerHTML的区别? DOM操作——怎样添加、移除、移动、复制、创建和查找节点? .call() 和 .apply() 的含义和区别? 数组和对象有哪些原生方法,列举一下? JS 怎么实现一个类。怎么实例化这个类 JavaScript中的作用域与变量声明提升? 如何编写高性能的Javascript? 那些操作会造成内存泄漏? JQuery的源码看过吗?能不能简单概况一下它的实现原理? jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this? jquery中如何将数组转化为json字符串,然后再转化回来? jQuery 的属性拷贝(extend)的实现原理是什么,如何实现深拷贝? jquery.extend 与 jquery.fn.extend的区别? jQuery 的队列是如何实现的?队列可以用在哪些地方? 谈一下Jquery中的bind(),live(),delegate(),on()的区别? JQuery一个对象可以同时绑定多个事件,这是如何实现的? 是否知道自定义事件。jQuery里的fire函数是什么意思,什么时候用? jQuery 是通过哪个方法和 Sizzle 选择器结合的?(jQuery.fn.find()进入Sizzle) 针对 jQuery性能的优化方法? Jquery与jQuery UI有啥区别? JQuery的源码看过吗?能不能简单说一下它的实现原理? jquery 中如何将数组转化为json字符串,然后再转化回来? jQuery和Zepto的区别?各自的使用场景? 针对 jQuery 的优化方法? Zepto的点透问题如何解决? jQueryUI如何自定义组件? 需求:实现一个页面操作不会整页刷新的网站,并且能在浏览器前进、后退时正确响应。给出你的技术实现方案? 如何判断当前脚本运行在浏览器还是node环境中?(阿里) 移动端最小触控区域是多大? jQuery 的 slideUp动画 ,如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行,该如何处理呢? 把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别?浏览器会如何解析它们? 移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?(click 有 300ms 延迟,为了实现safari的双击事件的设计,浏览器要知道你是不是要双击操作。) 知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么? Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法? 解释JavaScript中的作用域与变量声明提升? 那些操作会造成内存泄漏? JQuery一个对象可以同时绑定多个事件,这是如何实现的? Node.js的适用场景? (如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么? 解释一下 Backbone 的 MVC 实现方式? 什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点? 知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么? 如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)? 前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用? 简述一下 Handlebars 的基本用法? 简述一下 Handlerbars 的对模板的基本处理流程, 如何编译的?如何缓存的? 用js实现千位分隔符?(来源:前端农民工,提示:正则+replace) 检测浏览器版本版本有哪些方式? 我们给一个dom同时绑定两个点击事件,一个用捕获,一个用冒泡,你来说下会执行几次事件,然后会先执行冒泡还是捕获

优秀的个人博客,低调大师

Gradle使用gretty插件运行web项目

一、gradle安装gretty插件 buildscript { repositories { jcenter() } dependencies { classpath "gradle.plugin.org.akhikhl.gretty:gretty:2.0.0" } } plugins { id 'java' id 'war' id 'org.akhikhl.gretty' version "2.0.0" } 二、自定义启动设置 gretty { httpPort = 8081 // 'jetty7', 'jetty8', 'jetty9', 'jetty93', 'jetty94', 'tomcat7', 'tomcat8' servletContainer = 'jetty9' contextPath = '/' } 三、更多自定义配置 https://akhikhl.github.io/gretty-doc/

优秀的个人博客,低调大师

mybatis逆向工程之动态web项目

有了逆向工程,单表的增删改查以及相关的实体类,还有属性注释都不用自己写了,都可以自动化生成,只需如下三步即可 逆向工程的优点是:自动化生成实体类和对应的增删改查,效率相对于之前个人开发时一个个写增删改查要高的多 逆向工程的缺点是:xml中的sql语句加入了mybatis自身的动态sql和一大堆判断等,对于对动态sql不是十分熟练的人而言,以后再功能扩展上会很困难 注意:运行成功后记得刷新下,否则看不到 一、导包(如下包导对,成功80%) 二、新建generator.xml文件,进行配置 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN" "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd"> <generatorConfiguration> <context id="testTables" targetRuntime="MyBatis3"> <property name="javaFileEncoding" value="UTF-8"/> <commentGenerator> <!-- 是否去除自动生成的注释 true:是 : false:否 --> <property name="suppressAllComments" value="true" /> </commentGenerator> <!--数据库连接的信息:驱动类、连接地址、用户名、密码 --> <jdbcConnection driverClass="com.mysql.jdbc.Driver" connectionURL="jdbc:mysql://localhost:3306/pms" userId="root" password="1234"> </jdbcConnection> <!-- 默认false,把JDBC DECIMAL 和 NUMERIC 类型解析为 Integer,为 true时把JDBC DECIMAL 和 NUMERIC 类型解析为java.math.BigDecimal --> <javaTypeResolver> <property name="forceBigDecimals" value="false" /> </javaTypeResolver> <!-- targetProject:生成model类的位置 --> <javaModelGenerator targetPackage="cn.pms.model" targetProject=".\src"> <!-- enableSubPackages:是否让schema作为包的后缀 --> <property name="enableSubPackages" value="false" /> <!-- 从数据库返回的值被清理前后的空格 --> <property name="trimStrings" value="true" /> </javaModelGenerator> <!-- targetProject:mapper映射文件生成的位置 --> <sqlMapGenerator targetPackage="mapper" targetProject=".\src"> <!-- enableSubPackages:是否让schema作为包的后缀 --> <property name="enableSubPackages" value="false" /> </sqlMapGenerator> <!-- targetPackage:mapper接口生成的位置 --> <javaClientGenerator type="XMLMAPPER" targetPackage="cn.pms.mapper" targetProject=".\src"> <!-- enableSubPackages:是否让schema作为包的后缀 --> <property name="enableSubPackages" value="false" /> </javaClientGenerator> <!-- 指定数据库表 --> <table schema="" tableName="hotel" domainObjectName="Hotel"></table> </context> </generatorConfiguration> 三、写测试类 import java.io.File; import java.util.ArrayList; import java.util.List; import org.mybatis.generator.api.MyBatisGenerator; import org.mybatis.generator.config.Configuration; import org.mybatis.generator.config.xml.ConfigurationParser; import org.mybatis.generator.internal.DefaultShellCallback; public class GeneratorSqlmap { public void generator() throws Exception{ List<String> warnings = new ArrayList<String>(); boolean overwrite = true; //指定 逆向工程配置文件 File configFile = new File("src/generatorConfig.xml"); ConfigurationParser cp = new ConfigurationParser(warnings); Configuration config = cp.parseConfiguration(configFile); DefaultShellCallback callback = new DefaultShellCallback(overwrite); MyBatisGenerator myBatisGenerator = new MyBatisGenerator(config, callback, warnings); myBatisGenerator.generate(null); } public static void main(String[] args) throws Exception { try { GeneratorSqlmap generatorSqlmap = new GeneratorSqlmap(); generatorSqlmap.generator(); } catch (Exception e) { e.printStackTrace(); } } } 四、运行后的结果为下图所示表明成功了

优秀的个人博客,低调大师

Web UI - Browse Hadoop Services

141.6.1.Cluster and Apps Information (ResourceManager) http://localhost:8088 141.6.2.NodeManager Information http://localhost:8042 141.6.3.Hadoop Overview of NameNode service http://localhost:50070 141.6.4.Hadoop file system browsing (Directory Browse) http://localhost:50070/explorer.html 原文出处:Netkiller 系列 手札 本文作者:陈景峯 转载请与作者联系,同时请务必标明文章原始出处和作者信息及本声明。

优秀的个人博客,低调大师

掌握Docker命令-Docker for Web Developers(4)

1.管理镜像命令 获取镜像 docker push ubuntu:14:04 查看镜像列表 docker images 重命名image docker tag IMAGE-NAME NEW-IMAGE-NAME 查询镜像历史 docker history IMAGE-NAME 从服务器拉取个人动态,可选择时间区间。 docker events --since=0 示例: #拉取个人从 2015/07/20 到 2015/08/08 的个人动态。 docker events --since="20150720" --until="20150808" 2.管理容器命令 以damon方式运行容器 docker run -d IMAGE-NAME 返回一个容器id 查看容器的信息 docker log CONTAINER-ID 停止一个容器 docker stop CONTAINER-ID 重启一个容器 docker restart CONTAINER-ID 3.Docker Hub操作相关命令 登录到Docker Registry root@ubuntu-512mb-sfo2-01-gfw:~# docker login Login with your Docker ID to push and pull images from Docker Hub. If you don't have a Docker ID, head over to https://hub.docker.com to create one. Username (bage88): bage88 Password: Login Succeeded root@ubuntu-512mb-sfo2-01-gfw:~# 从Docker Registry注销 docker logout 4.参考资料 Docker命令详解 本文转自快乐八哥博客园博客,原文链接http://www.cnblogs.com/liminjun88/p/Mastering-the-Docker-Command.html如需转载请自行联系原作者 快乐八哥

优秀的个人博客,低调大师

使用Docker搭建Java Web运行环境

一、Docker是干什么的 Docker 是一个基于Linux容器(LXC-linux container)的高级容器引擎,基于go语言开发, 源代码托管在 Github 上, 遵从Apache2.0协议开源。Docker的目标是实现轻量级的操作系统虚拟化解决方案。 学习Docker首先要了解几个概念: 镜像—Docker的镜像和常见的系统ISO镜像类似,包含了应用程序的信息; 容器—容器相当于一个可以运行起来的虚拟机,应用程序运行在容器中,Docker运行在“Docker”上; 仓库—仓库是存放镜像的地方,有类似git的版本控制,同样分为公开仓库(Public)和私有仓库(Private)两种形式; Docker支持大部分的Linux发行版,通过使用Docker容器,就可以在不同的操作系统,不同的机器上运行自己的应用,不用关心硬件、运行环境之类的配置,应用程序的迁移变得非常简单。 二、Docker和传统虚拟化技术的对比 相比传统虚拟机技术,Docker资源占用少,启动更快,很大的方便了项目的部署和运维。 Docker是在操作系统层面上实现虚拟化,复用本地主机的操作系统,传统方式是在硬件的基础上,虚拟出多个操作系统,然后在系统上部署相关的应用。 这张图片很形象的说明了Docker和VM之类的传统虚拟化技术的区别: vs 三、快速搭建Docker环境 (1)快速安装Docker 我使用的是Ubuntu 14.04,在这上面安装Docker服务。 14.04版本的Ubuntu仓库中已经支持Docker的安装,可以使用快速安装的方式, sudo apt-get updatesudo apt-get install docker.io (2)启动服务和守护进程 service docker.io statusservice docker.io start 这种方式安装通常不是Docker的最新版本, 如果想要安装最新版本,可以去Docker官网下载安装。 四、创建第一个Docker镜像 构建Docker镜像的一般过程是首先创建一个容器, 并在容器里修改镜像,配置相关环境等,最后将修改提交为一个新镜像。 (1)下载镜像文件 下载用于制作镜像的系统, sudo docker pull index.alauda.cn/alauda/ubuntu 这里我从灵雀云的镜像中心拉取。 或者也可以直接从Docker的镜像中心拉取,不过貌似非常慢: sudo docker pull ubuntu 下载成功后,使用images命令查看本地的镜像列表: docker images 这里需要注意,使用Docker的时候请添加sudo。 默认安装完 docker 后,每次执行 docker 都需要运行 sudo 命令,如果不跟 sudo,直接执行 docker 命令会报一些权限错误。 (2)启动容器并修改镜像 镜像下载到本地以后,就可以使用Docker运行, 通过下面的命令参数启动容器, docker run <相关参数> <镜像 ID> <初始命令> -i:表示以“交互模式”运行容器 -t:表示容器启动后会进入其命令行 -v:表示需要将本地哪个目录挂载到容器中, 格式:-v <宿主机目录>:<容器目录> 我的相关程序都在当前机器的/data/software/目录下,并且想把它挂载到容器的相同目录下: sudo docker run -i -t -v /data/software/:/data/software/ ae983d5e88ce /bin/bash “镜像 ID”,也可以使用“仓库名:标签名”,例如:index.alauda.cn/alauda/ubuntu :latest。 上面的命令,可以使用指定的镜像运行一个shell,如果想退出该终端,可以使用exit命令, 或者依次按下CTRL -p+CTRL -q,即可切换到宿主机器。不过这种方式,容器依然在后天运行。 启动终端后,进入/data/software/目录,可以发现当前机器目录下的文件已经同步过来: (3)安装JDK和Tomcat等 安装相关的JDK等程序,这里全部安装到/data/目录: tar -zxvf jdk-7u25-linux-x64.tar.gz -C /data/mv jdk1.7.0_25 jdk unzip apache-tomcat-7.0.54.zip -d /data/mv apache-tomcat-7.0.54 tomcat 配置环境变量 vi /etc/profile 添加下面的配置: #set java environment export JAVA_HOME=/data/jdk export JRE_HOME=${JAVA_HOME}/jre export CLASSPATH=.:JAVAHOME/lib:JAVAHOME/lib:{JRE_HOME}/lib export PATH=JAVAHOME/bin:JAVAHOME/bin:PATH export CATALINA_HOME=/data/tomcat export CATALINA_BASE=/data/tomcat 保存并退出,设置立即生效: source /etc/profile (4)编写启动脚本 启动tomcat时必须通过TOMCATHOME/bin/catalina.sh实现,不能使用TOMCATHOME/bin/catalina.sh实现,不能使用TOMCAT_HOME/bin/startup.sh启动,否则脚本执行后容器会马上退出。 vi /data/start.sh 添加以下内容: #!/bin/bash# Export environment variablesource /etc/profile# Start tomcatbash /data/tomcat/bin/catalina.sh run 添加可执行权限: chmod u+x /data/start.sh (5)构建镜像 使用Docker构建镜像的两种方法: 使用docker commit 命令,更直观一些; 使用docker build命令和Dockerfile文件,可以模板化镜像构建过程; 这里使用docker commit的方式创建镜像。 查看容器列表: sudo docker ps -a 1 2 CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 39b2cf60a4c1 ae983d5e88ce:latest "/bin/bash" 5 hours ago Exited (0) 9 seconds ago dreamy_euclid 提交一个新的镜像: sudo docker commit 39b2cf60a4c1 bingyue/docdemo 如果有Docker账号,可以将镜像推送到Docker Hub或资金的私有Registry中。 现在查看本地的docker镜像, sudo docker images 可以看到本地仓库已经有刚刚创建的docker镜像。 1 2 3 REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE bingyue/docdemo latest bfc7ed316d42 About a minute ago 528.2 MB index.alauda.cn/alauda/ubuntu latest ae983d5e88ce 10 months ago 255.1 MB docker inspect可以查看新创建的镜像的详细信息: sudo docker inspect bingyue/docdemo (6)运行新创建的镜像 docker run -d -p 18080:8080 --name docdemo bingyue/docdemo /data/start.sh -p:表示宿主机与容器的端口映射,此时将容器内部的 8080 端口映射为宿主机的 18080 端口, 这样就向外界暴露了 18080 端口,可通过 Docker 网桥来访问容器内部的 8080 端口了。 查看后台是否启动成功: docker ps 测试访问: (7)提交至docker仓库 如果有Docker仓库的账户,可以将本地创建的镜像提交至仓库。 五、使用体验 到这一步,差不多完成了Docker的初体验,一步一步部署下来,Docker相比传统的虚拟机技术要简单了很多,真正复杂的应该是背后的虚拟化技术,还需要继续深入学习。 附:Docker常用命令 # 下载一个ubuntu镜像sudo docker pull ubuntu# 使用ubuntu运行一个交互性的shellsudo docker run -i -t ubuntu /bin/bash#docker ps命令sudo docker ps #列出当前所有正在运行的containersudo docker ps -l #列出最近一次启动的,且正在运行的containersudo docker ps -a #列出所有的container#port命令docker run -p 80:8080 <image> <cmd> #映射容器的8080端口到宿主机的80端口#删除容器命令sudo docker rm `sudo docker ps -a -q`#删除所有容器sudo docker rm $CONTAINER_ID#删除容器id为CONTAINER_ID的容器#其他命令快速参考:sudo docker images #查看本地镜像sudo docker attach $CONTAINER_ID #启动一个已存在的docker实例sudo docker stop $CONTAINER_ID #停止docker实例sudo docker logs $CONTAINER_ID #查看docker实例运行日志,确保正常运行sudo docker inspect $CONTAINER_ID #查看container的实例属性,比如ip等等 本文转自邴越博客园博客,原文链接:http://www.cnblogs.com/binyue/p/5015284.html,如需转载请自行联系原作者

资源下载

更多资源
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册