极客时间 Web协议详解与抓包实战学习记录

2019-08-31
阅读 3 分钟
706
发现大部分技术人,多多少少都会遇到下面的困惑,比如: AJAX 跨域访问时总被浏览器的同源策略阻止,其背后的原理及符合其设计思想的解决方案是什么? 缓存可以提升性能,但什么样的 HTTP 消息才会被浏览器或者代理服务器缓存呢? 抓包时收到 4xx 或者 5xx HTTP 响应码,这意味着服务器端发生了什么? 当我们维护 HTTPS ...

极客时间 React从入门到精通学习记录

2019-08-31
阅读 1 分钟
176
极客时间:React 从入门到精通所有课程已经更新完毕,感谢大家支持!???本 Repo 包含了所有课程的演示代码,代码由 codesandbox.io 同步到本 Repo:[链接]

极客时间 MySQL实战45讲学习记录

2019-08-31
阅读 10 分钟
195
1.基础架构:一条SQL查询语句是如何执行的?1.1 SQL语句执行过程在这里插入图片描述Server 层包括连接器、查询缓存、分析器、优化器、执行器等,以及所有的内置函数(如日期、时间、数学和加密函数等),所有跨存储引擎的功能,比如存储过程、触发器、视图等。

小程序新 Canvas 接口公测官

2019-08-31
阅读 1 分钟
190
为了提高 Canvas 组件的性能,我们计划在小程序基础库 v2.9.0 正式开放一套全新的 Canvas 接口。该接口符合 HTML Canvas 2D 的标准,实现上采用 GPU 硬件加速,渲染性能相比于现有的 Canvas 接口有一倍左右的提升。现邀请广大开发者参与 Canvas 接口的公测。

苹果官网上展示的分辨率是物理像素吗?

2019-08-30
阅读 1 分钟
190
在苹果官网上展示的分辨率其实是物理像素 iphone6/7/8如下所示 iPhone XS Max如下所示

如何使用Whistle进行优雅的web调试

2019-08-30
阅读 3 分钟
239
Whistle 是一款 Web 调试工具,使用 Whistle,可以修改一个 HTTP/HTTPS 请求的方方面面,我们可以通过它 Mock 数据、修改请求延迟时间、修改静态文件等等。市面上有许多 Web 调试工具,比如在 Windows 上比较有名的 Fiddler,比如说 Charles 等等。而 Whistle 具有开源免费、配置简单、以及跨平台等特点,在使用它一段时...

移动端UI设计规范指南

2019-08-29
阅读 3 分钟
326
很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,对做UI设计的基础概念也没有清晰的认识,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、适...

深入浅出逻辑像素和物理像素理解

2019-08-29
阅读 5 分钟
265
iPhone 4于2010年6月8日发布。iPhone 4延续了 iPhone一代的多点触摸(Multi-touch)屏界面,并首次加入视网膜屏幕、前置摄像头、陀螺仪、后置闪光灯,相机像素提高至500万。对我们设计师最重要的就是加上了视网膜屏Retina。

现代交互设计师 iPhone 设计规范指南

2019-08-29
阅读 18 分钟
592
次苹果发布会 UI设计师可能是最睡不着觉的人啦。每次发布会苹果推出全新 iPhone 时,我们在 iPhone 平台上的 APP应用程序必须跟随 iPhone 的尺寸、规范等特性调整设计稿。也就是说,几乎每次苹果发布会都是UI设计师加班的通知书!这不,2018年9月13日凌晨,苹果在 Apple Park 总部里的乔布斯剧院举行了2018苹果秋季新品...

微信小程序生成自适应海报

2019-08-29
阅读 1 分钟
784
小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢?

flex布局示例代码三

2019-08-29
阅读 1 分钟
172
在我们平时写列表的时候,特别是三列,我们希望最后一列是靠右对齐的,这个时候我们如何设计? {代码...} {代码...}

flex布局的元素如何分配容器的剩余空间

2019-08-29
阅读 4 分钟
183
自从开始开学习 CSS 布局,想要比较灵活的把父元素的空间分配给各个子元一直是各个前端程序员的梦想。在 flex 之前,如果不是专门去搜索相关的解决方案,一般人几乎想不出非常灵活的三(多)栏等高布局方案,而即使看了解决方案,很多人也会大呼奇技淫巧。

flex布局示例代码二

2019-08-29
阅读 2 分钟
162
本次主要理解flex布局中元素的几个属性,今天理解第一个order属性 order属性翻译成人话就是,元素按照order定义的序号,顺序排列,序号小的在前面。 order:定义项目的排列顺序。数值越小,排列越靠前,默认为0。 [链接] In the live example below I have added a focus style in order that as you tab from link to li...

flex布局示例代码一

2019-08-29
阅读 2 分钟
155
You can see in the live example below how this looks. Try editing the items or adding additional items in order to test the initial behavior of flexbox.

微信官方的的飞机大战设计分析

2019-08-28
阅读 1 分钟
492
大约屏幕左右方向的中间(靠左点靠右点都没问题,但尽量不要靠边),垂直方向大约1/3处,这样有三点好处:1,躲闪时除了左右躲闪外,增加了斜后方躲闪,大大增加生存几率。2,中速的直升机和慢速大贱出现时,迅速向上贴近,保持大约1-2枚炮弹的距离,可以最快杀死敌机。3,快速直升机和中速大贱出现时,只需向后拉,即可...

小程序动画学习

2019-08-28
阅读 3 分钟
243
创建一个动画实例 animation。调用实例的方法来描述动画。最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性

await用法示例一

2019-08-28
阅读 1 分钟
205
Cool… so how does async/await tie in?Well, consider the above code. getUsers() returns a promise. Any promise we have, using ES2016, we can await. That’s literally all await means: it functions in exactly the same way as calling .then() on a promise (but without requiring any callback function). ...

async和promise的用法区别在哪里

2019-08-28
阅读 1 分钟
227
The function fn returns 'hello'. Because we have used async, the return value 'hello' is wrapped in a promise (via Promise constructor).Here’s an alternate representation without using async —

重新理解async和await

2019-08-28
阅读 1 分钟
275
任意一个名称都是有意义的,先从字面意思来理解。async 是“异步”的简写,而 await 可以认为是 async wait的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。

xss攻击危害分析二

2019-08-28
阅读 1 分钟
249
窃取网页浏览中的cookie值 下面的的 JavaScript 代码就可以窃取Cookie,是不是很简单? {代码...} 如果我可以将这段代码插入到某个登陆用户的页面,则Cookie就会通过 HTTP 请求发送给我,然后我就可以伪造那个可怜的登陆用户了! 在 IE 浏览器上,可以通过在 CSS 代码中执行 JavaScript 来窃取Cookie,也很简单。 {代码....

xss攻击危害分析一

2019-08-28
阅读 1 分钟
621
劫持流量实现恶意跳转 这个很简单,就是在网页中想办法插入一句像这样的语句: {代码...} 那么所访问的网站就会被跳转到百度的首页。 早在2011年新浪就曾爆出过严重的xss漏洞,导致大量用户自动关注某个微博号并自动转发某条微博。具体各位可以自行百度。

xss攻击执行原理分析

2019-08-28
阅读 2 分钟
281
什么是XSS?xss全称跨站脚本(Cross-site scripting),是为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS。是一种网站应用程序的安全漏洞攻击,是代码注入的一种。它允许恶意用户将代码注入到网页上,其他用户在观看网页时就会受到影响。这类攻击通常包含了HTML以及用户端脚本语言。

小程序自适应canvas

2019-08-27
阅读 1 分钟
208
wxml {代码...} js {代码...}

GBK 编码科普

2019-08-27
阅读 47 分钟
1.6k
GBK编码,是对GB2312编码的扩展,因此完全兼容GB2312-80标准。GBK编码依然采用双字节编码方案,其编码范围:8140-FEFE,剔除xx7F码位,共23940个码位。共收录汉字和图形符号21886个,其中汉字(包括部首和构件)21003个,图形符号883个。GBK编码支持国际标准ISO/IEC10646-1和国家标准GB13000-1中的全部中日韩汉字,并包...

php接收GET方法传入的中文参数乱码深究

2019-08-27
阅读 2 分钟
236
最近写了个简单的页面,从浏览器中传入中文参数(test.php?name=测试),不论怎么设置utf-8的页面中都显示乱码,google了一把也查到了不少解决办法,但是问题的原因到底是什么呢?没有人深入研究这个问题。出于好奇便要好好查查到底是什么原因导致,也算涨点经验!首先先来看下简单的测试代码:

前后端传参过程中不得不面对的转码问题

2019-08-27
阅读 3 分钟
517
数据传递转码数据在传输的过程中,浏览器会对数据进行编码,假如我现在有一条数据 {"name": "测试"},如果我们通过 get 方法传递数据,这条数据会被拼接到 url 请求的后面,如:localhost:8080/src/text.html?name=测试。

小程序左滑删除如何实现

2019-08-26
阅读 2 分钟
254
微信小程序如何实现左滑删除的功能呢 [链接] {代码...} Slideview左滑删除组件,基础库 2.4.4 开始支持,如下图所示。 引入组件在 page.json 中引入组件 {代码...}

git上不显示贡献度的解决

2019-08-24
阅读 1 分钟
169
这几天提交代码,发现gitee上没有显示我的贡献度。 image.png 试了好多次提交还是不行。把项目删掉重新提交还是不行。因为这个一整天,我都不是很好。 贡献度的统计数据包括代码提交、创建任务/请求、合并请求,其中代码提交的次数需本地配置的 git 邮箱与码云账号邮箱一致才会被统计。 仔细研究了一下“贡献度”的说明。...

码云提交了代码,贡献度不显示

2019-08-24
阅读 1 分钟
230
最近发现每天都提交代码,但是码云却有几天是中断的,排查原因原来是我没有设置提交邮箱 如果没有设置邮箱,这个地方是 默认按照 {代码...} {代码...}

WebSocket就这么回事儿

2019-08-23
阅读 5 分钟
239
写在前面webSocket是一项可以让服务器将数据主动推送给客户端的技术。前几天写了一个日志功能,日志数据需要实时更新。正好项目中有封装好的WebSocket组件,且接口支持webSocket,就用它实现了。也是第一次用,简单研究了一下,分享出来。