碉堡了！前端大神用React刻了一个Windows XP
碉堡了！前端大神用React刻了一个WindowsXP图片作者｜sh1zuku编辑｜覃云近日，一前端大神sh1zuku用React刻出一個WindowsXP，页面中的两个WindowsXP窗口可以自由拖曳，而且作者还制作了一个踩地雷的游戏，可以直接上手玩，超酷！作者也将这些实现的过程在medium上记录了下来，以下全文就是前端之巅对其内容的整理。注：本文经作者授权发布。想玩的同学，可点这个链接：h 查看全文
大部分教程不会告诉你的12个JS技巧
大部分教程不会告诉你的12个JS技巧图片作者｜BretCameron译者｜无明在这篇文章中，作者将分享12个非常有用的JavaScript技巧，可以帮助你写出简洁且高性能的代码。1.过滤唯一值ES6引入了Set对象和延展（spread）语法...，我们可以用它们来创建一个只包含唯一值的数组。constarray=[1,1,2,3,5,5,1]constuniqueArray=[...newSet( 查看全文
pika开源：替代WebPack的全新JS构建工具
pika开源：替代WebPack的全新JS构建工具图片作者｜FredKSchott译者｜无明在过去几年中，JavaScript打包已经从一种生产环境优化手段演变成几乎所有WebApp都必不可少的构建步骤。不管你喜欢与否，打包器已经给Web开发带来了巨大的复杂性，这是个不争的事实。为什么要进行打包？现在的JavaScript打包概念可以追溯到很早以前（大约6年前），那个时候我们通常会对JavaScr 查看全文
Handtrack.js 开源：3行JS代码搞定手部动作跟踪
Handtrack.js开源：3行JS代码搞定手部动作跟踪作者｜VictorDibia译者｜薛命灯近日，GitHub上开源了一个名为Handtrack.js的项目，有了它，你只需要3行代码就能用来检测图片中手的动作。演示地址：https://victordibia.github.io/handtrack.js/#/运行时：22FPS，MacbookPro2018（2.5Ghz），Chrome浏览器 查看全文
没有JS的前端：体积更小、速度更快！
没有JS的前端：体积更小、速度更快！作者｜MattReyer译者｜无明Slimvoice是一款几乎不包含JavaScript的WebApp。2014年，我基于Angular1开发了Slimvoice的第一个版本，使用了Node.js后端和MongoDB（这些技术在当时风靡一时）。2015年，我决定对UI进行彻底的改造，并使用React重新设计和构建。对于新版本，我想证明我们可以通过出色的设计提供出 查看全文
如何让Next.js同时支持导入css和less
最近在用Next.js （版本9.5.5）搭建项目时，发现css和less同时导入常常会报错，查阅一番资料后找到了一个靠谱的解决方案： 在目录下新建next.config.js文件，新增下列代码（先安装@zeit/next-less模块） ... 查看全文
浅谈js for循环输出i为同一值的问题
问题再现 ? 最近开发中遇到一个问题，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title ... 查看全文
通过dnslog自动化探测fastjson（burp插件）
前段时间为了方便探测fastjson写的一个小插件，在抓包测试的同时第一时间可进行探测是否存在fastjson漏洞 免责申明 第 一 条 使用者因为违反本声明的规定而触犯中华人民共和国法律的，一切后果自己负担,脚本作者不承担任何责任。 第 二 条 凡以任何方式直接、间接使用作者资料者，视为自愿接受声 ... 查看全文
原生js实现TodoMVC
原生js实现TodoMVC 先用html和css写好页面的基本结构样式，代码如下， index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel= ... 查看全文
【vue】使用marked.js实现markdown转html并提取标题生成目录
html <template> <div class="wrapper"> <div class="container"> <div class="menu"> <ul class="menu-list"> <li v-for="(nav, index) in navList" :key="inde ... 查看全文
使用 CSS 3 操作数据内容样式 -cyy
使用css定制表格： .table{ display:table; /*相当于table*/ section{ &:nth-of-type(1){ display:table-header-group; /*相当于thead*/ background:#555; color:#fff; } &:nt ... 查看全文
前端：如何让background背景图片进行CSS自适应
在设置login背景时，找到了一张这样的图片：但是设置成login背景时，如果没有做一些css适应设置，图片就变样了，变成了这样：严重变形了，这就造成了一种理想与现实的差距。若想解决这个自适应问题，其实很好解决，只需要在前端代码里加上这样css即可： 1 .main { 2 background: ... 查看全文
Express 框架中 使用ejs
Express安装使用 1、新建文件夹，使用npm init生成package.json文件。 2、执行npm命令安装express npm install express --save 3、基础使用 多级目录 动态路由 由于路由匹配是从上往下的，所以在使用动态路由时，一定要注意路由配置的顺序，如果 ... 查看全文
未来的CSS3布局方式 ，GRID 栅格系统-2 -cyy
重复栅格的命名技巧： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ... 查看全文
前端js几种加密/解密方法
一、base64加密 base64的github地址 示例 <html> <head> <title>前端的base64使用方法</title> </head> <body> </body> <script> var str = "hello"; var str64 = window.btoa("h ... 查看全文
web中的HTML CSS
HTML超文本标记语言页面的结构首行声明文档类型>根标记>头部标记/主体标记标记div布局切割分割划分区域span标记存放文本信息br换行script脚本style风格/样式meta元元数据设置字符编码集属性标记中内部idclasstypecharsetstyleCSS层叠样式表<style>选择器:三种基本选择器idclass标记样式height高width宽backgr 查看全文
在Vue页面加载时动态发送请求获取微博授权url
在Vue页面加载时动态发送请求获取微博授权url 1.1在components\common\lad_header.vue中写oauth动态获取微博授权URL // 获取微博登录地址 oauth_post().then((resp) => { consloe.log(resp) // {"code" ... 查看全文
题解 P5234 【[JSOI2012]越狱老虎桥】
题目链接 Solution [JSOI2012]越狱老虎桥 题目大意：给定一张带权无向图，你可以任意添加一条边，求权值最小的割边的最大值 Tarjan，贪心 分析： 我们先考虑是一棵树的情况，显然每一条边都是割边，我们添加一条边可以产生一个简单环，那么环上的所有边就都不是割边了 考虑贪心，我们将边权 ... 查看全文
JavaScript
数据类型 JS中一共分成六种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中基本数据类型有 String 字符串 JS中的字符串需要使用引号引起来双引号或单引号都行 在字符串中使用\作为转义字符 ' == ... 查看全文
极简 Node.js 入门 - 3.1 File System API 风格
极简 Node.js 入门系列教程：https://www.yuque.com/sunluyong/node 本文更佳阅读体验：https://www.yuque.com/sunluyong/node/fs-api-style Node.js 对文件、文件夹读写操作主要靠内置的 fs 模块 cons ... 查看全文
使用javaScript来实现一个单链表
1.创建链表节点 class Node{ constructor(element,next){ this.element = element; this.next = next; } } 2.创建一个比较函数 function defaultEquals(a , b){ return a == b; ... 查看全文