最新文章
// 时间转换 几分钟 几小时 几天 tools.formatTime = function (timespan) { var dateTime = new Date(timespan); var year = dateTime.getFullYear(); var month = dateTime.getMonth() + 1; var day = dateTime.getDate(); var hour = dateTime.getHours(); var minute = dateTime.getMinutes(); var second
飞翔的鱼丸 2018-05-27 JavaScript 1032
视觉对齐: 用最简单的文字来举例—————— 这两行字,左边对齐了吗?是否会有第一行偏右了一点的感觉。 实际上这两行文字已完全对齐,这叫物理对齐,视觉不齐。而做设计当然是追求视觉上的,人的眼睛很容易产生错觉,大部份时候要避免,有时候要利用。 把第一行左移一点: 这样,左对齐的感觉更明显,实际上金字的边已往左超过了D字的边。为达到视觉对齐的目的,而实际是不齐的,原因是因为边界面积。 大标题与小字,艺术字与黑体,不规则元素与方块……随时都出现这种情况。 来源: h
飞翔的鱼丸 2018-05-24 UI 设计 2536
在目前的APP产品设计中大部分都是采用小团队作业的方式,关于流程等通常很少关注与规范,所以导致产品在进一步发展壮大的过程中很容易就乱套了。 一个产品的研发流程大致为:基础调研→产品分析→交互设计→视觉设计→研发→测试→交付。其中需要三次评审,分别为产品需求评审(需要产品+设计+研发人员参与),原型评审(需要产品+设计+研发+市场等人员参与),最后是开发评审。设计师在制定需求的环节加入是最为理想的状态,这个阶段加入可以更利于理解需求的起源并省去后期重新沟通的成本,还能为产品带入更多设计层面的思考,将用户体验注入到产品的基因中去。而通
飞翔的鱼丸 2018-05-23 UI 设计 2233
一、任务 这些线性图标难做吗?让我们分析一下它们的结构。 尺寸规格:一般线条为2px,也有的加强为3px的。 风格:线条简单,图形指示意义明确。 2 px 的图标 3 px 的图标 二、任务分析(思考和困难) 绘制不难,怎么快速绘制才是关键。 大家思考一下,这个线形图标是怎么做出来的呢? 很多同学会想用Illustrator进行绘制图形,但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整,会导致边缘线的大小变化,容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性,只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标,实在
飞翔的鱼丸 2018-05-22 软件技巧 1136
cp -R /A/* /B cp -Rf /A/* /B 这里的A代表复制源,B代表复制目标.
飞翔的鱼丸 2018-05-17 运维 1307
修改你最近一次提交可能是所有修改历史提交的操作中最常见的一个。 对于你的最近一次提交,你往往想做两件事情:修改提交信息,或者修改你添加、修改和移除的文件的快照。 如果,你只是想修改最近一次提交的提交信息,那么很简单: $ git commit --amend 这会把你带入文本编辑器,里面包含了你最近一条提交信息,供你修改。 当保存并关闭编辑器后,编辑器将会用你输入的内容替换最近一条提交信息。 如果你已经完成提交,又因为之前提交时忘记添加一个新创建的文件,想通过添加或修改文件来更改提交的快照,也可以通过类似的操作来完成。 通过修改文件然后运行 git add 或 git rm 一
飞翔的鱼丸 2018-05-16 开发工具 1471
当一个api是GET请求, 地址是http://javascript.net.cn/user/comments 正常的GET请求是没有问题的,但是有时候该GET请求会变成非简单请求。比如: this.$http({     method: 'GET',     url: '/user/comments',     params: {page:1, object_id:that.article.id, table_name:"portal_post"},     headers: {     'XX-Token':  tools.getCookie('token'),    
飞翔的鱼丸 2018-05-16 开发技巧 1545
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 一、简介 CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。 整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出
飞翔的鱼丸 2018-05-16 开发技巧 1014
解决方案一,检查Vuex中的数据,没有的话,重新从服务器获取,该方案可以满足存储的简单信息。该方法的好处是比较干净。 mounted: function(){ var that = this; //如果登录后,刷新了,vuex里的登录数据会清空,这里重新从服务器获取数据 if(tools.getCookie('token') && !this.$store.state.user.user_type){ // 判断不需要重新获取信息的页面 var noNeed = ['/login','/register','/reset'];
飞翔的鱼丸 2018-05-15 JavaScript 1376
在写vue或者react中,有时候目录过深。使用相对路径引入模块,有点容易出错。比如下面这样: import {tools} from "../../../../../tools"; 在webpack.config.js 中,配置如下: resolve: { alias: { '@': require('path').resolve(__dirname, 'src') } }, 然后就可以在项目中使用绝对路径了。 import {tools} from "@/tools";
飞翔的鱼丸 2018-05-15 JavaScript 1662
处理方法: 创建一个批处理文件,然后把无法删除的文件,拖到批处理上。 del /q /f /s \\?\%1  rd /q /s \\?\%1
飞翔的鱼丸 2018-05-14 运维 1128
那么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 1457
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 运维 1306
一,主要功能: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 运维 1970
把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 运维 2064
一,FTP的工作方式 TCP/IP协议中,FTP协议不同于其他协议的是它使用了两个端口,一个数据端口和一个命令端口(或称为控制端口)。通常21端口是命令端口,20端口是数据端口。当混入主动/被动模式的概念时,数据端口就有可能不是20了。FTP协议的任务是从一台计算机将文件传送到另一台计算机,它与这两台计算机所处的位置、联接的方式、甚至是是否使用相同的操作系统无关。「FTP支持两种模式,一种方式叫做Standard (也就是 PORT方式,主动方式),一种是 Passive (也就是PASV,被动方式)」。 主动模式:客户端首先和FTP服务器的TCP 21端口建立连接,通过这个通道发送命
飞翔的鱼丸 2018-05-06 运维 2520
物体与观察者的距离远近在静态时通过物体的大小来体现。当物体运动时,通过远近物体不同的运动速度来体现,从而形成层次感。近处的物体运动快,远处的物体运动慢。 手机演示地址://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 1088
只关注了2d方面的,对现在项目有意义的概念。 UI坐标系 UI坐标就是Android和iOS等应用开发的时候使用的二维坐标系。它的原点是在左上角的。 我看pixi.js的坐标原点在左上角, OpenGL坐标 OpenGL坐标是种三维坐标。由于Cocos2d-x底层采用OpenGL渲染,因此的默认坐标就是OpenGL坐标,只不过只采用两维(x和y轴)。如果不考虑z轴,OpenGL坐标的原点在左下角。 世界坐标系 世界坐标系是系统的绝对坐标系,在没有建立用户坐标系之前画面上所有点的坐标都是以该坐标系的原点来确定各自的位置的。 世界坐标和模型坐标,Cocos2d-JS的坐标也
飞翔的鱼丸 2018-05-03 JavaScript 1727
方法一,提示蒙层提醒用户保持竖屏体验,这种方法体验太差 方法二,强制横屏显示,对屏幕 resize 事件进行监听,当判断为竖屏时将整个根容器进行逆时针 CSS3 旋转 90 度即可,代码如下所示。 这种方法可以解决绝大多数问题了。 // 利用 CSS3 旋转 对根容器逆时针旋转 90 度 var detectOrient = function() {   var width = document.documentElement.clientWidth,       height =  document.documentElement.clientHeight,    
飞翔的鱼丸 2018-05-03 JavaScript 1227
一,简介 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 运维 3073
随机推荐
JavaScript 焦点管理
Nginx 使用 Njs 授权访问文件
JWT 存储在 Cookie 和 Web Storage 的区别
Express 使用 cookie-parser 处理 cookies
Node.js net 模块
JavaScript API 接口
表驱动方法
Land 主题