![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web相关
文章平均质量分 65
手艺人123
知识改变命运
展开
-
跨域,这应该是最全的解决方案了
https://segmentfault.com/a/1190000012469713前言从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。个人见识有限,如有差错,请多多见谅,欢迎提出issue,另外看到这个标题,请勿喷~题纲关于跨域,有N种类型,本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器"同源策略"中的一部分,其它的还有Cookie跨域原创 2022-01-11 12:58:52 · 292 阅读 · 0 评论 -
flutter上传图片到华为云obs
import 'dart:io';import 'package:dio/dio.dart';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:flutter_screenutil/screenutil.dart';import 'package:image_pickers/Media.dart';import 'package:oktoast/okto.原创 2021-06-02 10:13:20 · 523 阅读 · 0 评论 -
微信小程序使用weui扩展组件踩坑
https://www.cnblogs.com/panda-programmer/p/13138588.html最近在做微信小程序,引入weui的时候踩坑了好久,这里记录一下遇到的问题。微信官方文档给了两种weui引入方式:通过useExtendedLib 扩展库的方式引入,这种方式引入的组件将不会计入代码包大小。 可以通过npm方式下载构建,npm包名为weui-miniprogram但是注意!!!如果使用扩展组件的话必须使用npm的安装方式安装weui以使用tabs选项卡组件为例..原创 2021-01-18 14:20:11 · 1160 阅读 · 8 评论 -
秒杀系统设计
背景我之前写过一个秒杀系统的文章不过有些许瑕疵,所以我准备在之前的基础上进行二次创作,不过让我决心二创秒杀系统的原因是我最近面试了很多读者,动不动就是秒杀系统把我整蒙蔽了,我懵的主要是秒杀系统的细节大家都不知道,甚至不知道电商公司一个秒杀系统的组成部分。我之前在某电商公司就是做电商活动的,所以这样的场景和很多解决方案我是比较清楚的,那我就从我自身去带着大家看看一个秒杀的设计细节以及中间各种解决方案的利弊,以下就是我设计的秒杀系统,几乎涵盖了市面上所有秒杀的实现细节:正文首先设计一个系统之转载 2020-08-26 16:43:41 · 315 阅读 · 0 评论 -
父级overflow为scroll时,绝对定位的子元素会被隐藏或一起滚动
https://blog.csdn.net/yujin0213/article/details/79093480需求:父级边框固定,里面的内容滚动由于是图片边框,于是我把边框的上下部分单独切图,中间重复部分平铺想要的效果图:一开始的写法:html:<div class="paradise-wrap"> <div class="paradise">...转载 2019-11-13 09:49:34 · 1346 阅读 · 1 评论 -
高并发性能调试经验分享
http://mp.weixin.qq.com/s?__biz=MzAxODI5ODMwOA==&mid=2666539244&idx=1&sn=72182c3844fb035de282e463fad9369c&scene=1&srcid=0625Lg8nfJGMk7o9GvquOvaD#wechat_redirect引文4 月份的时候看到一道面试题,据说是腾讯转载 2016-07-02 08:02:14 · 427 阅读 · 0 评论 -
一步步带你,如何网站架构
http://mp.weixin.qq.com/s?__biz=MzA5ODM5MDU3MA==&mid=2650861767&idx=1&sn=5321bcd6fdbb819e4c91bb085909b9d4&scene=1&srcid=0627Q6pOsHR7A1srPW8KOgIl#wechat_redirect何为大型网站大型网站特性转载 2016-07-02 08:01:12 · 675 阅读 · 0 评论 -
RPC框架
作者:用心阁链接:https://www.zhihu.com/question/25536695/answer/36197244来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。你的题目是RPC框架,首先了解什么叫RPC,为什么要RPC,RPC是指远程过程调用,也就是说两台服务器A,B,一个应用部署在A服务器上,想要调用B服务器上应用提供的函数/方法转载 2016-06-16 09:31:35 · 480 阅读 · 0 评论 -
gulp该用起来了,简单的demo入门
http://developer.51cto.com/art/201505/477966.htmgulp、grunt前端自动化工具,只有用过才知道多么重要。它们问世这么久了?你真的用过吗?写个简单的less、watch任务的demo分享————1.准备:安装全局node、npm,这个教程很多不作详细介绍;新建getstart文件夹,文件夹中创建package.json,转载 2016-07-12 17:57:00 · 416 阅读 · 0 评论 -
bower简明入门教程
https://segmentfault.com/a/1190000002971135http://my.oschina.net/Nealyang/blog/632930?p=1什么是bowerBower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Gr转载 2016-07-12 16:54:07 · 946 阅读 · 0 评论 -
js监听输入框值的即时变化onpropertychange、oninput
http://www.jb51.net/article/27684.htm很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。要达到的效果 很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google转载 2016-07-02 10:30:41 · 3063 阅读 · 0 评论 -
nodejs、gulp调试工具node-inspector使用
http://www.cnblogs.com/qianlitiaotiao/p/5554691.html俗话说欲善其功,必先利其器。作为目前新型的Web Server开发栈倍受开发者关注的Nodejs来说,调试技术是学习开发的基石,所以对于开始学习Nodejs童鞋来说,Nodejs的调试工具使用是必不可少的,总的来说Nodejs的调试方法主要分类三类:1、基于Nodej转载 2016-07-26 15:25:11 · 982 阅读 · 0 评论 -
微信、QQ这类IM App怎么做——谈谈Websocket
关于我和WebSocket的缘:我从大二在计算机网络课上听老师讲过之后,第一次使用就到了毕业之后的第一份工作。直到最近换了工作,到了一家是含有IM社交聊天功能的app的时候,我觉得我现在可以谈谈我对WebSocket/Socket的一些看法了。要想做IM聊天app,就不得不理解WebSocket和Socket的原理了,听我一一道来。1转载 2016-07-20 08:30:26 · 630 阅读 · 0 评论 -
centos 7.0 nginx 1.7.9成功安装过程
http://www.cnblogs.com/xxx91hx/p/4245901.html亲测可用centos 7.0根目录 的目录构成[root@localhost /]# lsbin dev home lib64 mnt proc run srv tmp varboot etc lib media opt root sbin sys usr转载 2016-08-23 10:46:39 · 1195 阅读 · 0 评论 -
我就是认真:HTTP缓存详解
http://www.wtoutiao.com/p/4e1aAbe.html简介最近遇到很多人来咨询我关于浏览器缓存的一些问题,而这些问题都是类似的,因此总结本文来解答以后遇到类似问题的朋友。因本文主要以浏览器缓存场景介绍,所以非浏览器场景下的一些用法本文不会介绍,而且本文以chrome为测试浏览器。浏览器缓存是指当我们使用浏览器访问转载 2016-11-14 08:49:03 · 1022 阅读 · 0 评论 -
ubuntu 和centos 的阿里云 设置支持ipv6地址
https://ilazycat.com/posts/2016/12/aliyun-ecs-ipv6-configuration.html https://blog.csdn.net/kevin_coder/article/details/79069159 前几天有个小伙伴的 iOS App 提交给水果审核没通过,水果给出的原因是应用在 IPv6 的环境下无法使用。原来小伙伴...转载 2018-12-01 15:57:56 · 464 阅读 · 0 评论 -
https原理通俗了解
摘要:本文尝试一步步还原HTTPS的设计过程,以理解为什么HTTPS最终会是这副模样。但是这并不代表HTTPS的真实设计过程。在阅读本文时,你可以尝试放下已有的对HTTPS的理解,这样更利于“还原”过程。我们先不了聊HTTP,HTTPS,我们先从一个聊天软件说起,我们要实现A能发一个hello消息给B:如果我们要实现这个聊天软件,本文只考虑安全性问题,要实现A发给B的hello消...转载 2019-01-03 14:51:12 · 237 阅读 · 0 评论 -
IntelliJ IDEA 15 破解方法!
1、复制JetbrainsCrack-2.4.jar到D盘根目录2、在idea安装目录/bin/idea.exe.vmoptions和idea64.exe.vmoptions追加一行"-javaagent:D:/JetbrainsCrack-2.4.jar",注意,文件最后一定要有一行空白行3. 然后再去这个网站算个号 http://idea.lanyus.com4.重启ide原创 2016-02-17 08:58:42 · 2873 阅读 · 0 评论 -
google大法!
-----------------------------------------------------------------------------------------------------------------------三,基本搜索:+,-,OR GOOGLE无需用明文的“+”来表示逻辑“与”操作,只要空格就可以了。 示例:搜索所有包含关键词“转载 2016-03-02 11:47:45 · 1244 阅读 · 0 评论 -
CSRF自己的理解!!
我之前错误的理解是「form 和 XHR 发起的 POST 请求都受到 CORS 的限制,因此只要非幂等请求不是 GET, 就可以防范 CSRF」,而我今天才发现,原来 form 发起的 POST 请求并不受到 CORS 的限制,因此可以任意地使用其他域的 Cookie 向其他域发送 POST 请求,形成 CSRF 攻击。我还针对这个问题请教了 @c4605 , 他对防御 CSRF 提出了原创 2015-10-13 10:48:48 · 470 阅读 · 0 评论 -
关于base64编码的原理及实现
转载地址:http://www.cnblogs.com/hongru/archive/2012/01/14/2321397.html#3092699我们的图片大部分都是可以转换成base64编码的data:image。 这个在将canvas保存为img的时候尤其有用。虽然除ie外,大部分现代浏览器都已经支持原生的基于base64的encode和decode,例如btoa和atob。(将转载 2015-01-21 22:49:33 · 419 阅读 · 0 评论 -
记住密码相关问题!
Chrome浏览器有时有些网页不提示保存账号密码,如何手动保存该网页密码?国内网站不规范,chrome代码里限制较多,记得是三个限制,第一要有个password框,第二是password框前面要有个edit框,最后一个是需要一个form submit但是国内网站,第三个登录按钮,现在大都用js实现提交功能了,所以chrome不提示,如果你想用原版,那么就用lastpass吧能接原创 2015-10-14 19:52:05 · 402 阅读 · 0 评论 -
我理解的django的CSRF防御!
我首先将django的settings的 'django.middleware.csrf.CsrfViewMiddleware',中间件关闭django的CSRF防御系统!那么跨域下在chrome中POST请求一个地址:'http://127.0.0.1:8000/loginSystem',返回结果是成功的!开启django的CSRF防御中间件,再次跨域POST,收到的是403错误,原创 2015-10-15 12:38:33 · 520 阅读 · 0 评论 -
浏览器 HTTP 缓存原理分析
网址:http://www.cnblogs.com/tzyy/p/4908165.html以前项目中遇到了很多浏览器缓存相关的问题,也在网上查过资料,搞过服务器的配置,来确保客户端加载服务器资源的速度和资源有效性。最近仔细看了下http协议中和缓存相关的一些属性,总结一下。浏览器缓存原理文字版描述①浏览器第一次访问服务器资源 /index.htm转载 2015-11-13 08:48:46 · 359 阅读 · 0 评论 -
如何对付网络爬虫 - JavaEye和网络爬虫斗争之路
转载地址:http://www.360doc.com/content/15/1102/09/19561189_510127336.shtml由于搜索引擎的泛滥,网络爬虫如今已经成为全球互联网的一大公害。除了专门做搜索的Google,Yahoo,微软,百度以外,几乎每个大型门户网站都有自己的搜索引擎,搜狐,腾讯,网易。再加上十分流氓的社区搜索奇虎等等,国内大大小小叫得出来名字得就几十家,还有各种原创 2015-11-02 09:14:09 · 1109 阅读 · 0 评论 -
理解RESTful架构
转载地址:http://www.ruanyifeng.com/blog/2011/09/restful.html越来越多的人开始意识到,网站即软件,而且是一种新型的软件。这种"互联网软件"采用客户端/服务器模式,建立在分布式体系上,通过互联网通信,具有高延时(high latency)、高并发等特点。网站开发,完全可以采用软件开发的模式。但是传统上,软件和网络是两个不同转载 2015-11-02 09:34:07 · 330 阅读 · 0 评论 -
整理restful资料
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:季文昊链接:http://www.zhihu.com/question/28557115/answer/48120528来源:知乎楼上已经有人一一列举解释了REST的约束(Client-Server、Stateless、Cache、Uniform Interface、Layered System、Co原创 2015-11-03 08:46:09 · 480 阅读 · 0 评论 -
为什么说 DOM 操作很慢
http://leozdgao.me/why-dom-slow/为什么说DOM操作很慢08 DECEMBER 2015 on JavaScript, DOM一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,转载 2015-12-15 08:41:31 · 474 阅读 · 0 评论 -
字符编码
你是否认为“ASCII码 = 一个字符就是8比特”?你是否认为一个字节就是一个字符,一个字符就是8比特?你是否还认为你是否还认为UTF-8就是用8比特表示一个字符?如果真的是这样认为认真读完这篇文章吧!为什么要有编码?首先大家需要明确的是在计算机里所有的数据都是字节的形式存储,处理的。我们需要这些字节来表示计算机里的信息。但是这些字节本身又是没有任何意义的,所以我们需要对这些字节赋转载 2015-12-15 08:39:05 · 292 阅读 · 0 评论 -
减少HTTP请求之合并图片详解(大型网站优化技术)
http://www.cnblogs.com/it-cen/p/4618954.html一、相关知识讲解 看过雅虎的前端优化35条建议,都知道优化前端是有多么重要。页面的加载速度直接影响到用户的体验。80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。 减少组件数必然能够减少页面提交的HTTP请求数。这转载 2015-12-15 08:43:31 · 648 阅读 · 0 评论 -
对抗拖库 —— Web 前端慢加密
http://www.cnblogs.com/index-html/p/frontend-slow-encrypt.html0x00 前言天下武功,唯快不破。但密码加密不同。算法越快,越容易破。0x01 暴力破解密码破解,就是把加密后的密码还原成明文密码。似乎有不少方法,但最终都得走一条路:暴力穷举。也许你会说还可以查表,瞬间就出结果。虽然查表不用穷转载 2015-12-15 08:44:24 · 456 阅读 · 1 评论 -
SaaS、PaaS和IaaS的区别
http://blog.sina.com.cn/s/blog_59879e3a0102uzof.html解释一,来自百度百科。 根据NIST的权威定义,云计算有SPI, 即SaaS、PaaS和IaaS三大服务模式。这是目前被业界最广 泛认同的划分。PaaS和IaaS源于SaaS理念。PaaS和IaaS可以直接通过SOA/Web Services向平台用户提供服务, 也可以作为S转载 2015-12-15 17:08:43 · 707 阅读 · 0 评论 -
微信朋友圈技术之道:三个人的后台团队与每日十亿的发布量
陈明,微信高级工程师、朋友圈负责人,2012年加入微信后台团队,负责微信后台核心服务的研发,包括朋友圈、即时通信、基础设施等。他获得清华大学计算机系学士和博士学位,研究方向是分布式系统。在加入微信前,他在腾讯搜索和微软亚洲研究院工作多年,内容包括搜索架构与分布式存储等。概述截止到2015年7月,微信每月活跃用户约5.49亿,朋友圈每天的发表量(包括赞和评论)超过转载 2015-12-15 08:39:59 · 790 阅读 · 0 评论 -
减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术)
http://www.cnblogs.com/it-cen/p/4624939.html在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么,怎么让才能更快呢?减少页面请求 是一个优化页面加载速度很好的方法。上一篇博文我们讲解了 “利用将小图标合成一张背景图来减少HTTP请求”,那么,这一篇博文将讲解 “ 将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片转载 2015-12-15 08:42:33 · 1209 阅读 · 0 评论 -
嗅探,arp欺骗,会话劫持与重放攻击
http://blog.chinaunix.net/uid-26349264-id-3251986.html前言嗅探,arp欺骗,会话劫持与重放攻击之间的关系可谓相辅相成,这次针对web安全把它们放在一起来讲解。10.1 SnifferSniffer(嗅探器)程序是一种利用以太网的特性把网络适配卡(NIC,一般为以太网卡)置为杂乱(promiscuous)模式状态的工具原创 2015-12-03 16:08:08 · 4060 阅读 · 0 评论 -
你会做Web上的用户登录功能吗?
转载自:http://coolshell.cn/articles/5353.htmlWeb上的用户登录功能应该是最基本的功能了,可是在我看过一些站点的用户登录功能后,我觉得很有必要写一篇文章教大家怎么来做用户登录功能。下面的文章告诉大家这个功能可能并没有你所想像的那么简单,这是一个关系到用户安全的功能,希望大家能从下面的文章中能知道什么样的方法才是一个好的用户登录功能。以下内容转载 2015-10-14 08:35:37 · 345 阅读 · 0 评论