前端知识
Full Stack Developme
不生产代码,只把代码搬运到适合它的地方。
展开
-
Js实现金额转换为中文繁体
转载自:https://www.zuojl.com/convert-menoy-chinese-use-js/叙述在工作中经常会遇到需要将金额转换成繁体数组进行展示的情况,这个转换的过程可以后台进行也可以在前端进行。本文使用 JavaScript 将金额数字转换成中文繁体,废话不多说直接上代码:解决方案/** * 将给定的金额数值转换为中文繁体的方法, * 最大值为'兆'的的数值,不为负数 * @author zuojl * @version 2016.05.04 v1.0转载 2020-07-02 14:42:38 · 1074 阅读 · 1 评论 -
JAVA与JS在统一MD5校验解决方案
转载自:https://segmentfault.com/a/1190000006028428问题在做项目时发现,JS与JAVA对同一字符串进行MD5验签时总是不一致解决方案1.JAVA代码package org.bearfly.test.md5; import java.io.UnsupportedEncodingException;import java.secu...转载 2019-10-15 09:02:36 · 347 阅读 · 0 评论 -
详解 JSONP 跨域的实现
转载自:https://www.cnblogs.com/zhaosq/p/10511633.html跨域问题是由于浏览器为了防止CSRF攻击(Cross-site request forgery跨站请求伪造),避免恶意攻击而带来的风险而采取的同源策略限制。当一个页面中使用XMLHTTPRequest(XHR请求)对象发送HTTP请求时,必须保证当前页面和请求的对象是同源的,即协议、域名和端口号...转载 2019-07-12 14:46:22 · 99 阅读 · 0 评论 -
jquery常用代码段
1. 控制字体style <style> .fontcolor { color:#FF0000; font-size:15px; font-weight:bold; } </style> 颜色查看:http://www.wahart.com.hk/rgb.htm2. ...转载 2017-09-29 11:56:02 · 231 阅读 · 0 评论 -
JavaScript内存管理机制以及四种常见的内存泄漏解析
原文:How JavaScript works: memory management + how to handle 4 common memory leaks作者:Alexander Zlatkov译者:雁惊寒【译者注】本文介绍了JavaScript在内存管理方面的工作原理,同时列举了4种常见的内存泄漏和处理方式。以下为译文:几个星期前,我们开始编写深入研究JavaScript工作原...转载 2017-10-08 11:06:25 · 301 阅读 · 0 评论 -
WebSocket原理及代码
转载自:https://www.cnblogs.com/nnngu/p/9347635.html1、前言最近有同学问我有没有做过在线咨询功能。同时,公司也刚好让我接手一个 IM 项目。所以今天抽时间记录一下最近学习的内容。本文主要剖析了 WebSocket 的原理,以及附上一个完整的聊天室实战 Demo (包含前端和后端,代码下载链接在文末)。2、WebSocket 与 HTTP...转载 2018-07-22 09:58:59 · 493 阅读 · 0 评论 -
JavaScript字符串操作方法大全,包含ES6方法
转载自:https://segmentfault.com/a/1190000016603159一、charAt()返回在指定位置的字符。var str="abc"console.log(str.charAt(0))//a二、charCodeAt()返回在指定的位置的字符的 Unicode 编码。var str="abc" console.log(str.ch...转载 2018-10-09 20:18:25 · 2506 阅读 · 0 评论 -
全解跨域请求处理办法
转载自:https://segmentfault.com/a/1190000016590427为什么会有跨域问题我们试想一下以下几种情况:我们打开了一个天猫并且登录了自己的账号,这时我们再打开一个天猫的商品,我们不需要再进行一次登录就可以直接购买商品,因为这两个网页是同源的,可以共享登录相关的 cookie 或 localStorage 数据; 如果你正在用支付宝或者网银,同时...转载 2018-10-09 20:21:54 · 145 阅读 · 0 评论 -
理解Cookie和Session机制
转载自:https://www.cnblogs.com/andy-zhou/p/5360107.html会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制,并比较说明...转载 2018-10-11 11:59:44 · 134 阅读 · 0 评论 -
九种 “姿势” 让你彻底解决跨域问题
转载自:https://segmentfault.com/a/1190000016653873同源策略同源策略/SOP(Same origin policy)是一种约定,由 Netscape 公司 1995 年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到 XSS、CSRF 等攻击。所谓同源是指 "协议 + 域名 + 端口" 三者相同,即便两个不...转载 2018-10-12 15:01:56 · 465 阅读 · 0 评论 -
javascript事件触发器fireEvent和dispatchEvent
转载自:https://www.cnblogs.com/tiger95/p/6962059.htmljavascript事件触发器fireEvent和dispatchEvent事件触发器就是用来触发某个元素下的某个事件,IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法。一般我们在元素上绑定事件后,是靠用户在这些元素上的鼠标...转载 2018-11-07 17:10:27 · 348 阅读 · 0 评论 -
window.open()用post传递参数
转载自:https://blog.csdn.net/goblinM/article/details/80205620叙述做一个小东西,就是简单的点击生成文件按钮,然后通过后台生成文件后传递到前台展示。因为不想用get方式请求,毕竟把一堆信息挂在网页上呵呵。然后初步的想法就是ajax,没错这是一个好东西,和我预期的结果一样,也实现了想要的功能,但是就是它返回了一个文件,然后再op...转载 2018-11-07 17:12:20 · 8101 阅读 · 0 评论 -
理解跨域及常用解决方案
转载自:https://segmentfault.com/a/1190000017312269跨域的产生不用多讲,作为一名前端开发人员,相信大家都知道跨域是因为浏览器的同源策略所导致的。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。浏览器引入同源策略主要是为了防止XSS,CSRF攻击。CSRF(Cross-site request fo...转载 2018-12-10 17:30:11 · 159 阅读 · 0 评论 -
GET和POST的区别
转载自:https://segmentfault.com/a/11900000181298461 前言最近看了一些同学的面经,发现无论什么技术岗位,还是会问到 get 和 post 的区别,而搜索出来的答案并不能让我们装得一手好逼,那就让我们从 HTTP 报文的角度来撸一波,从而搞明白他们的区别。2 标准答案在开撸之前吗,让我们先看一下标准答案长什么样子 w3school: ...转载 2019-02-13 11:07:28 · 200 阅读 · 0 评论 -
常见六大Web 安全攻防解析
转载自:https://segmentfault.com/a/1190000018073845前言在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据?本文主要侧重于分析几种常见的攻击的类型以及防御的方法。想阅读更多优质原创文章请猛戳GitHub博客一、XSSXSS (Cross-Site Scripting),跨...转载 2019-02-13 11:30:13 · 304 阅读 · 0 评论 -
MD5中Java和Js配套实现
转载自:https://www.cnblogs.com/shawWey/p/9248723.htmlMD5为计算机安全领域广泛使用的一种散列函数,用以提供消息的完整性保护。用于确保信息传输完整一致。是计算机广泛使用的杂凑算法之一(又译摘要算法、哈希算法),主流编程语言普遍已有MD5实现。将数据(如汉字)运算为另一固定长度值,是杂凑算法的基础原理,MD5的前身有MD2、MD3和MD4。...转载 2019-02-14 16:38:28 · 114 阅读 · 0 评论 -
WebSocket 详解教程
转载自:https://www.cnblogs.com/jingmoxukong/p/7755643.html概述WebSocket 是什么?WebSocket 是一种网络通信协议。RFC6455 定义了它的通信标准。WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。为什么需要 WebSocket ?了解计算机网络协议的人,...转载 2019-03-05 09:56:42 · 198 阅读 · 0 评论 -
Content-Disposition 响应头,设置文件在浏览器打开还是下载
转载自:https://blog.csdn.net/ssssny/article/details/77717287Content-Disposition 属性是作为对下载文件的一个标识字段,在rfc2616http://www.rfc-editor.org/rfc/rfc2616.pdf章节19.5 Additional Features中有介绍,具体介绍请看http://ww...转载 2019-03-06 16:41:50 · 1476 阅读 · 0 评论 -
HTML5 文件API-input File
转载自:https://www.jianshu.com/p/c619b81e8f04上传input多文件上传 设置属性 multiple 限制上传文件的格式 属性 accept="image/jpeg" accept="text/html" image/*FileList对象是用户上传或者拖拽到浏览器的 文件的集合 可以通过 inputElement.files 来获取 ...转载 2019-03-07 15:58:13 · 438 阅读 · 0 评论