最新文章
那么CSS中的1px是什么?浏览器是怎么渲染它的?网页在一个叫viewport的东西里渲染,可以理解为画布,画布被分成 N x M 个小方格,1个CSS像素,就是其中的一个小方格。一,viewport又是什么?网页在viewport上渲染,可以想像在PS上画东西时,上面也有个画布,这个画布分割了 N x M 个方格,N是它的宽度,M是它的高度。宽高都可以任意设置,所以说viewport是虚拟的。假设设置宽度是400,那么浏览器显示区域的横向将被分为400份,CSS的1px占的宽度就是显示区域的 1/400。viewport值不一样时,对页面元素宽度的影响,比如一个头像宽度是50px。 当vie
像素鱼丸 2018-05-13 CSS 1499
open_basedir 可将用户访问文件的活动范围限制在指定的区域,通常是htdocs目录的路径,也可用符号 "." 来代表当前目录。当其作用于 Apache 模块时,父目录中的 open_basedir 路径自动被继承。Linux 中的配置:方法一:在 php.ini 里配置open_basedir = .:/tmp/ 方法二:在 Apache 配置的 VirtualHost 里设置php_admin_value open_basedir .:/tmp/ php_admin_value open_basedir /usr/local/apache/htdocs/ 设置多个目录可以参考
像素鱼丸 2018-05-09 运维 1366
一,主要功能:SQL Injection (SQLi):阻止SQL注入Cross Site Scripting (XSS):阻止跨站脚本攻击Local File Inclusion (LFI):阻止利用本地文件包含漏洞进行攻击Remote File Inclusione(RFI):阻止利用远程文件包含漏洞进行攻击Remote Code Execution (RCE):阻止利用远程命令执行漏洞进行攻击PHP Code Injectiod:阻止PHP代码注入HTTP Protocol Violations:阻止违反HTTP协议的恶意访问HTTPoxy:阻止利用远程代理感染漏洞进行攻击Sshllsh
像素鱼丸 2018-05-06 运维 2046
把Apache ModSecurity的攻击日志存储到MySQL。 查看mod_security文件类型的日志,确实太麻烦了。国内资料居然没有百度到,找到了一篇英文文章,并且php都是写好的。 httpd.conf IfModule security2_module   Include conf/modsecurity-crs/crs-setup.conf   Include conf/modsecurity-crs/rules/*.conf   # mlogc.exe 配置文件   SecDataDir logs   SecAuditEngine Releva
像素鱼丸 2018-05-06 运维 2098
一,FTP的工作方式 TCP/IP协议中,FTP协议不同于其他协议的是它使用了两个端口,一个数据端口和一个命令端口(或称为控制端口)。通常21端口是命令端口,20端口是数据端口。当混入主动/被动模式的概念时,数据端口就有可能不是20了。FTP协议的任务是从一台计算机将文件传送到另一台计算机,它与这两台计算机所处的位置、联接的方式、甚至是是否使用相同的操作系统无关。「FTP支持两种模式,一种方式叫做Standard (也就是 PORT方式,主动方式),一种是 Passive (也就是PASV,被动方式)」。 主动模式:客户端首先和FTP服务器的TCP 21端口建立连接,通过这个通道发送命
像素鱼丸 2018-05-06 运维 2587
物体与观察者的距离远近在静态时通过物体的大小来体现。当物体运动时,通过远近物体不同的运动速度来体现,从而形成层次感。近处的物体运动快,远处的物体运动慢。 手机演示地址://javascript.net.cn/test/446/#/ 代码: template div class="viewport" div class="sence" div class="sprite sprite-free-right" /div /div div class="front-background" /div
像素鱼丸 2018-05-04 JavaScript 1121
只关注了2d方面的,对现在项目有意义的概念。 UI坐标系 UI坐标就是Android和iOS等应用开发的时候使用的二维坐标系。它的原点是在左上角的。 我看pixi.js的坐标原点在左上角, OpenGL坐标 OpenGL坐标是种三维坐标。由于Cocos2d-x底层采用OpenGL渲染,因此的默认坐标就是OpenGL坐标,只不过只采用两维(x和y轴)。如果不考虑z轴,OpenGL坐标的原点在左下角。 世界坐标系 世界坐标系是系统的绝对坐标系,在没有建立用户坐标系之前画面上所有点的坐标都是以该坐标系的原点来确定各自的位置的。 世界坐标和模型坐标,Cocos2d-JS的坐标也
像素鱼丸 2018-05-03 JavaScript 1768
方法一,提示蒙层提醒用户保持竖屏体验,这种方法体验太差 方法二,强制横屏显示,对屏幕 resize 事件进行监听,当判断为竖屏时将整个根容器进行逆时针 CSS3 旋转 90 度即可,代码如下所示。 这种方法可以解决绝大多数问题了。 // 利用 CSS3 旋转 对根容器逆时针旋转 90 度 var detectOrient = function() {   var width = document.documentElement.clientWidth,       height =  document.documentElement.clientHeight,    
像素鱼丸 2018-05-03 JavaScript 1278
一,简介 mod_evasive 是Apache服务器的防DDOS的一个模块。虽然并不能完全防御DDOS攻击,但在一定条件下,还是起到缓解Apache服务器的压力。如配合iptables、硬件防火墙等防火墙设备配合使用,可能有更好的效果。 官方地址: http://www.zdziarski.com https://github.com/jzdziarski/mod_evasive mod_evasive,Helps to prevent HTTP DoS (DDoS) attacks or server brute force attacks. 二,安装配置 在http://w
像素鱼丸 2018-04-28 运维 3148
一,在不改动现有系统任何代码的前提下,防止SQL注入比如下面这个场景:服务器中难免有些安全性比较差的程序,比如使用了老版本的dedecms。或者某个程序引用的第三方插件,在SQL处理上,没有使用参数绑定,而是直接拼接字符串,还没有类型检查。 这时可以考虑使用WAF (Web Application Firewall)。 二,如何选择市面上的WAF有三种形态,硬件Web防火墙、Web防护软件和云Waf。 最为灵活的方案是选择Web防护软件。 三,安装配置服务器环境Windows server 2008, Apache是PHP官方推荐的Windows二进制版 http://www.apachelo
像素鱼丸 2018-04-28 运维 6602
效果: 算法: 代码: div class="stage" div class="sence" div class="sprite" /div /div /div style .stage{width: 100%; overflow: hidden; position: relative; } .sence{width: 1024px; height: 350px; background:url(../assets/images/background.jpg); position: relative;} .s
像素鱼丸 2018-04-27 JavaScript 1140
类似《返校》和《无尽梦魇》的那种。 基本算法: 主要是解决精灵匀速直线运动的问题。 效果: 代码: div class="stage" div class="sence" div class="sprite" /div /div /div style .stage{width: 100%; overflow: hidden; position: relative; } .sence{width: 1024px; height: 350px; background:url(../assets/i
像素鱼丸 2018-04-26 JavaScript 1039
@echo off set DIR=F:\htdocs\ set BACK_DIR=F:\backup\site\ echo 需要备份的目录:%DIR% echo 清空备份文件夹:%BACK_DIR% del /s /Q %BACK_DIR% for /d %%i in (%DIR%*) do ( rem echo %%i echo 开始备份: %%~nxi start D:\"Program Files (x86)"\WinRAR\WinRAR.exe a -k -r -s -m1 -ag{%%~nxi}-YYYYMMDDHHII-{bak} %BACK_D
像素鱼丸 2018-04-26 运维 1292
body style="overflow:hidden" div class="stage" div class="content" img src="images/timg.jpeg" alt="" /div div class="roles" div class="roleOne" img src="images/mengpo.png" alt="" /div
像素鱼丸 2018-04-26 JavaScript 1314
httpd.conf中: ErrorLog "logs/error.log" CustomLog "logs/access.log" common 改成下面这样: ErrorLog "|bin/rotatelogs.exe logs/error-%Y%m%d.log 86400 480" CustomLog "|bin/rotatelogs.exe logs/access-%Y%m%d.log 86400 480" common 后面480这个参数,原来是rotatelogs有一个offset参数,表
像素鱼丸 2018-04-25 运维 1393
问题描述: 父组件传如lesser和larger两个参数,并且是ajax从服务器获取的。子组件定义created阶段输出lesser和larger。但larger为空。改成延迟输出则正确。 问题来源:https://segmentfault.com/q/1010000008912491 提问者的主要问题是没有搞清楚,vue实例的生命周期,created函数只会执行一次。 父组件: template my-editor :lesser="lesser" :larger="larger" /my-editor /template script
像素鱼丸 2018-04-23 JavaScript 2492
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。 event.offsetX、event.offsetY 鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个属性,标准事件没有对应的属性。 event.sc
像素鱼丸 2018-04-17 JavaScript 1028
在学习ab(Apache Bench)工具之前,我们需了解几个关于压力测试的概念 吞吐率(Requests per second) 概念:服务器并发处理能力的量化描述,单位是reqs/s,指的是某个并发用户数下单位时间内处理的请求数。某个并发用户数下单位时间内能处理的最大请求数,称之为最大吞吐率。 计算公式:总请求数 / 处理完成这些请求数所花费的时间,即 Request per second = Complete requests / Time taken for tests 吞吐量 (throughput) 吞吐量,是指在一次性能测试过程中网络上传输的数据量的总和。 提示
像素鱼丸 2018-04-14 运维 1198
apache开启SSL,并代理Node.js的配置文件,还有www.的跳转,和80端口的跳转。 # javascript.net.cn VirtualHost *:443 ServerAdmin webmaster@dummy-host2.example.com DocumentRoot "d:/htdocs/cn_net_javascript" ServerName javascript.net.cn ServerAlias www.javascript.net.cn # 代理 ProxyRequests off
像素鱼丸 2018-04-12 运维 1059
随机推荐
JavaScript 操作表单
CSS 图片缩小出现锯齿
在 HTML 中引入 CSS
medium-zoom,一款 JavaScript 图片缩放库
Node.js 实现 RBAC 权限模型
Express 使用模板引擎 EJS
二分查找法
WordPress 插入文章函数 wp_insert_post()