基本步骤 1. 一个绚丽的前端动态展示所有成员的名字或者头像 2. 后端随机抽取,去除已经抽取的名字,记录已经抽中的名单 3. 控制程序:开始/停止/选择本次抽取的人数/重置按钮 4. 如果纯前端实现的化:就把信息保存到本地存储里,比如 https://github.com/fouber/lotte ...
分类:
其他好文 时间:
2019-09-14 11:20:54
阅读次数:
88
blob的使用 一些概念:binaryString、UTF-8、UTF-16 js中的字符串是以UTF-16编码的,每个字符占2个字节,binaryString是js字符串的其中一个子集,用来表示二进制数据,它的实际字符内容只需要占一个字节,码点0-255 但由于是utf-16编码所以占2个字节 b ...
分类:
Web程序 时间:
2019-09-02 13:26:40
阅读次数:
148
一、XSS跨站脚本攻击 1、XSS攻击有两大步骤: (1)、攻击者提交恶意代码 (2)、浏览器执行恶意代码 2、XSS攻击的分类 根据攻击的来源,XSS攻击可以分为存储型、反射型、DOM型三种: 1、纯前端渲染,把代码和数据分割开 2、对html充分转义 1、避免使用.innerHTML、.oute ...
分类:
Web程序 时间:
2019-08-25 18:06:03
阅读次数:
222
该demo纯前端实现 使用到vue技术点: 1.在该demo中使用到的vue指令: 、 、 、 2.在该demo中使用到的事件修饰符: (阻止事件默认行为) 3.在该demo中使用到的api: :向数组末尾添加一个或多个元素 :删除并插入,删除指定索引和数量的元素,并添加新元素,参数1必须,参数2不 ...
分类:
其他好文 时间:
2019-08-23 19:09:13
阅读次数:
61
SpreadJS作为一款基于 HTML5 的纯前端电子表格控件,以“高速低耗、高度类似Excel、可无限扩展”为产品特色,提供移动跨平台和浏览器支持,可同时满足 .NET、Java、App 等应用程序中的 Web Excel 组件开发、数据填报、在线文档、图表公式联动、类 Excel UI 设计等业... ...
分类:
Web程序 时间:
2019-08-13 13:53:01
阅读次数:
167
一、js纯前端将数据导出Excel(转自:https://blog.csdn.net/hhzzcc_/article/details/80419396) 1.将json数据导出到excel表格,兼容chrome没问题. 方法一 将table标签,包括tr、td等对json数据进行拼接,将table输 ...
分类:
Web程序 时间:
2019-07-31 20:21:50
阅读次数:
142
前言 说起换肤功能,前端应该是非常熟悉了🙃 一般来说换肤的需求分为几种: 1. 纯前端,直接在页面前端通过点击自由切换限定的几种主题色,切换之后主题色变量存到本地浏览器 2. 在后台配置好色值,传到前端,前端从接口获取主题色在初始化的时候显示对应的主题色 3. 前面两者的结合,初始化的颜色设置,但 ...
分类:
Web程序 时间:
2019-07-20 21:20:49
阅读次数:
1070
a.纯后端渲染:页面发送请求,后端服务器中将数据拼成完整DOM树,并转换成一个字节流作为HTTP Response的body返回给浏览器。优点在于 返回的HTTP Response是包含着全部页面内容,可以让用户更加快捷的看到页面的主体部分。也方便了网站的seo(搜索引擎优 化)。 b.纯前端渲染 ...
分类:
其他好文 时间:
2019-07-15 22:48:11
阅读次数:
138
这里以Sony商城的购物车为例,购物车用纯前端的技术来写的,并且是存在了localstorage里,由于没有存在数据库里,购物车的操作基本是在前端页面操作的! 用jquery写的javascript,所以引用时记得去引用相对应的jquery文件,传输过来的zh-data可以自己自定义去写,另外;不要 ...
分类:
其他好文 时间:
2019-06-19 00:26:02
阅读次数:
134
在使用file上传文件的时候,想到了图片预览的功能,然后查询了一些资料,一种是需要后端配合,将数据变成base64或者buff等数据传给后端然后调取接口进行显示,但是这种需要后端的配合和网络请求,感觉不如在纯前端操作方便的多, 话不多说,上代码: 效果如图所示: ...
分类:
Web程序 时间:
2019-06-11 15:03:53
阅读次数:
143