分类:Others

2018 年值得关注的 Web 设计趋势

网页设计在过去几个月已经发生了很大变化,我们迫不及待地想知道 2018 年会是什么样。2017 年是关于极简主义的一年,2018 年将给设计界带来更醒目的字体、鲜艳的色彩、用户互动的新的可能性。设计会比以往任何时候都更试图吸引我们的注意力,让我们在网站浏览的同时保持专注和投入。 审视下我们自身,看看什么在变化! 这里为你介绍 2018 年六个热门网页设计趋势 1.粗体字 粗体字的流行即将来临。大写字母的标题四周有很多空白,这会带给我们强烈的视觉冲击。对于那些掌握字体解剖学技巧的人来说,2018 将是他们大展身手的一年。到了 2018 年底,我们都将知道什么是字体的ascender、ear 和 loop。(译者注:这几个名词是字体解剖学术语,在此不做翻译。推荐一篇相关文章:https://en.fontke.com/article/2690) 粗体字不仅仅是美学上的考量。粗体字还对阅读速度、阅读理解程度和用户感知有很大的影响。 Google/IBM 进行的一项研究表明,有衬线字体 Georgia… Read More

Postman 安装及使用入门教程 – Http请求模拟工具

特点: 创建 + 测试:创建和发送任何的HTTP请求,请求可以保存到历史中再次执行 Organize:使用Postman Collections为更有效的测试及集成工作流管理和组织APIs document:依据你创建的Clollections自动生成API文档,并将其发布成规范的格式 collarorate:通过同步连接你的team和你的api,以及权限控制,API库 会在后续使用的过程中不断更新完善该文章 准备 设置环境变量 有时需要在不同的环境下跑相同的测试,此时可以通过设置环境变量来动态选择。 点击右上角的设置按钮: 填写该环境的名称:如测试环境,并在key和value中填写需要的键值 使用这些键值的时候只需要加上两个花括号引用key {{url_base}}/username 解析完后为:https://www.like.org/username 建立多个环境时,key通常都是相同的,只是value不同 创建好所有环境后,在跑用例的时候在右上角下拉列表选择需要的环境就好。 添加api的备注信息… Read More

PHP: Composer 依赖管理 Composer Cheat Sheet for developers 安装和用法

简单来说,Composer 是一个新的安装包管理工具,服务于 PHP 生态系统。它实际上包含了两个部分:Composer 和 Packagist。下面我们就简单说一下他们各自的用途。 Composer Composer 是由 Jordi Boggiano 和 Nils Aderman 创造的一个命令行工具,它的使命就是帮你为项目自动安装所依赖的开发包。Composer 中的很多理念都借鉴自 npm 和 Bundler,如果你对这两个工具有所了解的话,就会在 composer… Read More

IntelliJ IDEA 使用教程,2017破解版

2017破解版:  2017.3以上的版本,直接移步到:[更新] IntelliJ IDEA 2017.3.1 注册码 (破解)(亲测可用), 2017.3以下的版本,看文章下方。   介绍 本系列教程介绍 本系列教程从 IntelliJ IDEA 的安装、卸载、软件设置、项目配置等各个方面进行讲解。通过本系列教程的学习,也希望你能爱上 IntelliJ IDEA,爱上它的体贴。同时学完本系列教程对于你学习 JetBrains 公司下的其他产品也有好处,其他产品包括: PhpStorm… Read More

Windows 10 中创建无线连接(wifi热点)并共享教程

创建无线连接小编使用的winxp系统直接在网络中心就可以完成了,但在windows 10系统中稍有点复杂了,在此小编给各位完整的介绍一个操作步骤。 1、在win10桌面我们按下键盘中的“WIN+X”组合键然后找到菜单下的“命令提示符(管理员)”,我们点击它打开: 2、在打开cmd界面中我们输入:netsh wlan set hostednetwork mode=allow ssid=test key=123456789,点击回车。 SSID为热点名称 KEY为热点密码,具体如下所示: 3、这个密码是wifi密码了,长度我们知道是要8位的: 4、输入netsh wlan start hostednetwork ,开启热点,如下图所示: 5、热点启动之后我们在控制面板中点击“更改适配器设置”中会多出创建的本地连接,最后需要在无线网络的属性中,共享此链接即可。如下图所示: 7、其它电脑可以直接输入我们刚才创建的wlan或搜索到之后输入密码即可通过我们的电脑进行联网上网了。… Read More

Windows 8 创建wifi热点供手机上网教程

2012年10月26日,微软正式推出Windows 8操作系统,不少用户也都升级到了最新的Win8。大家知道,在Win7系统下,我们很方便的就在命令提示符下建立了WIFI热点,那么Win8上是否同样可以呢?我以实际体验告诉大家,是可以的,但是步骤上却有点小小的差异。下面我就详细告诉大家如何操作。 工具/原料 一台正常工作的电脑(安装了win8系统) 配备有无线网卡(支持wifi热点) 方法/步骤 1 首先将鼠标移到桌面左下角,单击右键,在弹出的快捷菜单中找到“命令提示符(管理员)”,点击,如下图所示: 2 点击后,系统就以管理员权限打开了命令提示符,在命令提示符中输入以下命令“netsh wlan set hostednetwork mode=allow ssid=Test key=0123456789”(不包括双引号,下同),回车,如下图所示: 3 在桌面右下角找到网络图标,单击右键,“打开网络和共享中心”,如下图所示: 4 打开后,在窗口的左上,找到“更改适配器设置”,在打开的网络连接窗口中,我们并未找到win7下所出现的虚拟的无线网络连接,如下图所示,这是因为win8下,即使已允许网络承载模式仍然需要先启动,才能找到,这也是为什么很多用户找不到虚拟出的网络的原因;… Read More

亚马逊Amazon刷单那点事! 刷单工具

说起刷单,其实很多卖家早期都是用积分卡(Gift Card)刷单,因为这个成本低。少部分人用美国人真实的银行卡刷单。包括很多刷单机构都欺骗说是用美国银行卡刷的,其实不是,他们也是用Gift Card刷的,注册几百个买家账户,然后用VPS主机分开,进行批量刷单的盈利活动。最近两年这些排名操作者(刷单机构),通过跟卖您的LISTING提高您的产品排名。成功后即刻撤销跟卖! 今年三月几个亚马逊经理也表示对此事很气愤,一定要严抓这些人,这些被跟卖过的Listing也可能会被降权或者Review被删掉。所以不要再找第三方机构刷单了,否则您的店铺会非常危险。 另外据最新消息:亚马逊将用人工智能+大数据模式来打击刷单者,人工智能会从MAC段,IP流量,产品转化率,Review评论比例,买家页面停留时间,买家账号新旧程度,物流跟踪信息准确性等多个角度,通过智能分析交易数据,将有可疑订单再转到专门的人工部门排查。其实亚马逊不缺这个技术,这属于小儿科技术,只是亚马逊总部在美国,对中国卖家的反应太迟钝,中国卖家刷单已经疯狂到天的时候才被迫出此动作。这个防刷单智能系统,它可以在确认消费者的身份之后,对其发表的言论给予更高的权重,并在更加突出的位置展示出来。另外被后来的消费者标记为有用(helpful顶帖)和评论也会提高这个Review的排名权重。对于刷单行为,轻则删除评论,稍重则警告,再重则封账号和法律起诉。(如下图) 1. 亚马逊严惩刷单行为 除了向全世界承诺提供放心的商品和快捷的速递服务,亚马逊为提高其贸易水平,还要向用户评论的质量下手。据英国媒体BBC报道,亚马逊宣布起诉1114名发布虚假评论的人。 这对亚马逊来说,已经不是第一次采用法律手段来对付刷单了:今年4月,亚马逊起诉了一堆提供虚假评论的网站。而这次则是把矛头直接指向虚假评论者本人。 2. 盘点亚马逊刷单方式 你为什么刷单? 1.觉得没销量,自己心里也过不了这道坎,怎么也得弄点销量,感觉很多人买了,可以提高转化率; 2.不知道为什么,别人都在刷,我也刷,没有明确目的; 3.为了刷权重,排名可以靠前。 一.自发货刷单 1)虚假发货 1.一个账号:一个FBA 发货,一个自发货 ,下单自发货的;… Read More

浏览器绑架:曾几何时,喜爱的“百度”成为了“流氓”的代名词?- 移除hao123首页

因为身在国外,很多年没有用过百度了,不用百度已经成为了我的习惯,因为现在的百度已经不是以前的百度,所以”绕开百度”,已然成为我作为程序员恪守的信条! 不过,今天它尽然主动攻击了我,篡改我的主页,删也删不掉,改也改不掉,此时的我只想说 “百度是流氓! 百度是流氓! 百度是流氓!”,重要的事情说三遍,希望谷歌看到能够提高我的权重,O(∩_∩)O哈哈~ 言归正传,如果你的首页总是显示下图,那么恭喜你,百度这个流氓找到你了。 解决方法: 桌面捷径浏览器首页遭绑架 ▼在自己的电脑桌面找浏览器捷径(IE、Chrome、Firefox)→「右键」→「内容」   ▼在目标位置将chrome.exe后面的http://www.hao123.comXXXX…..网址删除掉,可以检查看看是否每个在桌面的快速捷径都有清除了。 工具列浏览器捷径 ▼如果我们有钉选浏览器到桌面下方的工具列也要记得一并移除 ▼先将所有开启起的浏览器网页关闭,在工具列的快速捷径,点「右键」→「内容」,IE、CHROME或Firefox火狐浏览器也是用同一种方式~~~摆脱删除惹人厌的hao123网站! ! ▼删除iexplore.exe”后面奇怪被加入造成首页被HAO123绑架的网址~~~就能恢复原本的首页了 ▼最后,建议可以到「控制台」→「程式集」→「程式和功能」移除是否有hao123等具有威胁的程式。 可使用GeekUninstaller强制移除、深度清理档案残余软体 。 如果是Firefox火狐的话,也可以用Firefox内置的浏览器还原功能:… Read More

win8、win10如何修改文件夹的权限

在windows10或win8中要获得文件夹的权限也不是一件容易的事。查阅网上主要有两种方法,一种是手工,另一种是有 注册表。 一、第一种方法。 主要分为两步。首先要获得文件夹的所有权,然后再获取权限。 好吧,下面开始进入正题。我会以图文形式来详细说明如何获取一个文件(或文件夹)的最高权限,拥有了最高权限,无论什么文件都是可以删除的。我的系统是windows 8,用windows 7的同学也可以参考,因为win7和win8的界面差不多,xp我就不清楚了,因为除了在网吧,我没用过xp。 首先看下图,路径是C:\Windows\Web\Wallpaper,在此路径下有一个名为“鲜花”的文件夹,里面存的是windows自带鲜花壁纸 由于我刚刚执行了一次删除操作(当然,没有删除成功),“鲜花”文件夹的名字变成了Theme2(至于为什么会变,我也不知道),下面是系统提示: 大家可以看到,第一次系统提示需要提供管理员权限才能删除此文件夹,我点了继续,然后系统又提示权限不够(我目前使用的是windows 8内置的管理员账户),这时就需要我们手动获取最高权限了。    具体方法是,鼠标指向要获取权限的文件(或文件夹),单击鼠标右键,选择属性,如下图: 在弹出的对话框中依次选择“安全”、“高级”,可以看到如下图的界面: 在所示界面中选择红色方框里的“更改”,更改当前所有者,在弹出的对话框中选择“高级”,如下图所示: 为了方便查找,我们可以点击“对象类型”,把除了“用户”以外的其他选项勾选掉,然后点击“确定”,再点立即查找,找到我们自己的用户名并选中,点击“确定”,如下图: 在之前的对话框里再点击“确定”,回到下图的界面中: 勾选“替换子容器和对象的所有者”并点击“应用”,会出现一个提示: 点击“确定”,并关闭刚才的那个对话框,这时桌面上就只剩下一个属性对话框了,再次打开“高级”选项,如下图: 在打开的对话框中选择“审核”、“继续”,这时我们就可以修改审核项目了,如下图: 依次点击“添加”、“选择主体”,按照之前的办法选择自己的账户,确定之后,会看到下图:… Read More

大公司里怎样开发和部署前端代码?

这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。 在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什么叫工程化。 接下来,我想从原理展开讲述,多图,较长,希望能有耐心看完。 让我们返璞归真,从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css,用文本编辑器写代码,无需编译,本地预览,确认OK,丢到服务器,等待用户访问。前端就是这么简单,好好玩啊,门槛好低啊,分分钟学会有木有! 然后我们访问页面,看到效果,再查看一下网络请求,200!不错,太™完美了!那么,研发完成。。。。了么? 等等,这还没完呢!对于大公司来说,那些变态的访问量和性能指标,将会让前端一点也不“好玩”。 看看那个a.css的请求吧,如果每次用户访问页面都要加载,是不是很影响性能,很浪费带宽啊,我们希望最好这样: 利用304,让浏览器使用本地缓存。但,这样也就够了吗?不成!304叫协商缓存,这玩意还是要和服务器通信一次,我们的优化级别是变态级,所以必须彻底灭掉这个请求,变成这样: 强制浏览器使用本地缓存(cache-control/expires),不要和服务器通信。好了,请求方面的优化已经达到变态级别,那问题来了:你都不让浏览器发资源请求了,这缓存咋更新? 很好,相信有人想到了办法:通过更新页面中引用的资源路径,让浏览器主动放弃缓存,加载新资源。好像这样: 下次上线,把链接地址改成新的版本,就更新资源了不是。OK,问题解决了么?!当然没有!大公司的变态又来了,思考这种情况: 页面引用了3个css,而某次上线只改了其中的a.css,如果所有链接都更新版本,就会导致b.css,c.css的缓存也失效,那岂不是又有浪费了?! 重新开启变态模式,我们不难发现,要解决这种问题,必须让url的修改与文件内容关联,也就是说,只有文件内容变化,才会导致相应url的变更,从而实现文件级别的精确缓存控制。 什么东西与文件内容相关呢?我们会很自然的联想到利用 数据摘要要算法 对文件求摘要信息,摘要信息与文件内容一一对应,就有了一种可以精确到单个文件粒度的缓存控制依据了。好了,我们把url改成带摘要信息的: 这回再有文件修改,就只更新那个文件对应的url了,想到这里貌似很完美了。你觉得这就够了么?大公司告诉你:图样图森破! 唉~~~~,让我喘口气 现代互联网企业,为了进一步提升网站性能,会把静态资源和动态网页分集群部署,静态资源会被部署到CDN节点上,网页中引用的资源也会变成对应的部署路径:… Read More

你们的2016年前端学习计划是什么?

2015年,软件开发界发生了很多变化。有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本。下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一些建议。 大趋势 在过去的几年里,有一个越来越明显的趋势是web应用的商业逻辑逐步从后端转移到了前端,然后后端变得只需要处理简单的数据API。这就让前端开发框架的选择变得尤为重要了。 另外一个重要的改变是2015年发布的 Edge 浏览器。这是IE的替代品,拥有全新的界面和更好的性能。跟IE不一样的是它同样采用了跟 FireFox 和 Chrome 一样的快速发布策略。这让JavaScript 开发者社区能够以周为单位获得最新版JavaScript 和 Web标准特性支持而不是像过去一样需要等很多年。 语言和平台 Python 3.5 在 今年发布了,带来了很多新特性 比如 Asyncio,为你带来了类似… Read More

想说爱你不容易,浏览器缓存浅谈

  今天小微开店宝在测试环境发布更新的时候,同事问:“为什么我需要手动清理浏览器缓存才能看到变更?难道系统上线后也需要客户自己清理浏览器缓存吗!”看来,这个坑需要我来填了。 什么是浏览器缓存 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点有: 减少了冗余的数据传输,节省了网费 减少了服务器的负担,大大提升了网站的性能 加快了客户端加载网页的速度 在前端开发面试中,浏览器缓存是web性能优化面试题中很重要的一个知识点,从而说明浏览器缓存是提升web性能的一大利器,但是浏览器缓存如果使 用不当,也会产生很多问题,正所谓是,想说爱你,并不是很容易的事。所以,结合最近遇到的案例,本文对浏览器缓存相关的知识进行总结归纳,希望对读者有所 帮助。 浏览器缓存的分类 浏览器缓存主要有两类:缓存协商和彻底缓存,也有称之为协商缓存和强缓存。 浏览器在第一次请求发生后,再次请求时: 浏览器会先获取该资源缓存的header信息,根据其中的expires和cahe-control判断是否命中强缓存,若命中则直接从缓存中获取资源,包括缓存的header信息,本次请求不会与服务器进行通信; 如果没有命中强缓存,浏览器会发送请求到服务器,该请求会携带第一次请求返回的有关缓存的header字段信息(Last- Modified/IF-Modified-Since、Etag/IF-None-Match),由服务器根据请求中的相关header信息来对比结果 是否命中协商缓存,若命中,则服务器返回新的响应header信息更新缓存中的对应header信息,但是并不返回资源内容,它会告知浏览器可以直接从缓 存获取;否则返回最新的资源内容… Read More