最新文章
Audio对象的属性 属性 描述 audio.volume (读/写) 音量 audio.src (读/写) 歌曲地址 audio.currentTime (读/写) 歌曲当前已播放时长 audio.duration (读) 歌曲的总长度 audio.paused (读) 布尔类型 是否处于暂停状态 audio.ended (读) 布尔类型 歌曲是否已经播放完毕 Audio对象的方法 方法 描述 audio.play() 让歌曲开
像素鱼丸 2018-06-03 JavaScript 1235
在Vue组件中,使用.foo img{max-width:100%}不会生效,解决方法如下: template     div class="foo"         div v-html="myHtml" /div     /div /template style scoped     .foo { height: 300px; } /style 而如果在组件中使用了v-html,要为myHtml中的标签添加CSS样式,我们需要在写样式的时候添加 : .foo img { max-width: 100%; } 这样,编译
像素鱼丸 2018-06-02 JavaScript 1223
Git从远程的分支获取最新的版本到本地有2个命令。 1,git fetch:相当于是从远程获取最新版本到本地,不会自动merge。 git fetch origin master git log -p master..origin/master git merge origin/master 以上命令含义: 首先从远程的origin的master主分支下载最新的版本到origin/master分支上, 然后比较本地的master分支和origin/master分支的差别 最后进行合并。 用更简单的方式来说 git fetch origin master:cloud git diff clou
像素鱼丸 2018-05-30 开发工具 1199
大多数情况下,我们都是判断页面滚动到底部,如下: window.addEventListener('scroll', this.handleScroll); // 处理滚动到底部的事件 handleScroll(arg) {     var clientHeight  = document.documentElement.clientHeight;  // 客户区大小     var scrollHeight  = document.documentElement.scrollHeight;  // 没用滚动条的情况下,元素内容的总高度     var scrollTop
像素鱼丸 2018-05-28 JavaScript 5727
// 时间转换 几分钟 几小时 几天 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 1058
视觉对齐: 用最简单的文字来举例—————— 这两行字,左边对齐了吗?是否会有第一行偏右了一点的感觉。 实际上这两行文字已完全对齐,这叫物理对齐,视觉不齐。而做设计当然是追求视觉上的,人的眼睛很容易产生错觉,大部份时候要避免,有时候要利用。 把第一行左移一点: 这样,左对齐的感觉更明显,实际上金字的边已往左超过了D字的边。为达到视觉对齐的目的,而实际是不齐的,原因是因为边界面积。 大标题与小字,艺术字与黑体,不规则元素与方块……随时都出现这种情况。 来源: h
像素鱼丸 2018-05-24 UI 设计 2723
在目前的APP产品设计中大部分都是采用小团队作业的方式,关于流程等通常很少关注与规范,所以导致产品在进一步发展壮大的过程中很容易就乱套了。 一个产品的研发流程大致为:基础调研→产品分析→交互设计→视觉设计→研发→测试→交付。其中需要三次评审,分别为产品需求评审(需要产品+设计+研发人员参与),原型评审(需要产品+设计+研发+市场等人员参与),最后是开发评审。设计师在制定需求的环节加入是最为理想的状态,这个阶段加入可以更利于理解需求的起源并省去后期重新沟通的成本,还能为产品带入更多设计层面的思考,将用户体验注入到产品的基因中去。而通
像素鱼丸 2018-05-23 UI 设计 2298
一、任务 这些线性图标难做吗?让我们分析一下它们的结构。 尺寸规格:一般线条为2px,也有的加强为3px的。 风格:线条简单,图形指示意义明确。 2 px 的图标 3 px 的图标 二、任务分析(思考和困难) 绘制不难,怎么快速绘制才是关键。 大家思考一下,这个线形图标是怎么做出来的呢? 很多同学会想用Illustrator进行绘制图形,但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整,会导致边缘线的大小变化,容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性,只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标,实在
像素鱼丸 2018-05-22 软件技巧 1169
cp -R /A/* /B cp -Rf /A/* /B 这里的A代表复制源,B代表复制目标.
像素鱼丸 2018-05-17 运维 1350
修改你最近一次提交可能是所有修改历史提交的操作中最常见的一个。 对于你的最近一次提交,你往往想做两件事情:修改提交信息,或者修改你添加、修改和移除的文件的快照。 如果,你只是想修改最近一次提交的提交信息,那么很简单: $ git commit --amend 这会把你带入文本编辑器,里面包含了你最近一条提交信息,供你修改。 当保存并关闭编辑器后,编辑器将会用你输入的内容替换最近一条提交信息。 如果你已经完成提交,又因为之前提交时忘记添加一个新创建的文件,想通过添加或修改文件来更改提交的快照,也可以通过类似的操作来完成。 通过修改文件然后运行 git add 或 git rm 一
像素鱼丸 2018-05-16 开发工具 1504
当一个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 开发技巧 1570
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 一、简介 CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。 整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出
像素鱼丸 2018-05-16 开发技巧 1054
解决方案一,检查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 1401
在写vue或者react中,有时候目录过深。使用相对路径引入模块,有点容易出错。比如下面这样: import {tools} from "../../../../../tools"; 在webpack.config.js 中,配置如下: resolve: { alias: { '@': require('path').resolve(__dirname, 'src') } }, 然后就可以在项目中使用绝对路径了。 import {tools} from "@/tools";
像素鱼丸 2018-05-15 JavaScript 1715
处理方法: 创建一个批处理文件,然后把无法删除的文件,拖到批处理上。 del /q /f /s \\?\%1  rd /q /s \\?\%1
像素鱼丸 2018-05-14 运维 1148
那么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 1493
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 运维 1358
一,主要功能: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 运维 2037
把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 运维 2094
一,FTP的工作方式 TCP/IP协议中,FTP协议不同于其他协议的是它使用了两个端口,一个数据端口和一个命令端口(或称为控制端口)。通常21端口是命令端口,20端口是数据端口。当混入主动/被动模式的概念时,数据端口就有可能不是20了。FTP协议的任务是从一台计算机将文件传送到另一台计算机,它与这两台计算机所处的位置、联接的方式、甚至是是否使用相同的操作系统无关。「FTP支持两种模式,一种方式叫做Standard (也就是 PORT方式,主动方式),一种是 Passive (也就是PASV,被动方式)」。 主动模式:客户端首先和FTP服务器的TCP 21端口建立连接,通过这个通道发送命
像素鱼丸 2018-05-06 运维 2578
随机推荐
WordPress 添加 Favicon 图标的方法
Node.js 简介
Node.js 安装第三方模块
Express 使用 cookie-session 处理 session
JavaScript requestAnimationFrame 定时刷新
JavaScript 使用 qrcode 生成二维码
WordPress 调用自定义头像
WP_Query 函数参数