javascript
关注
分享
扫一扫
狄大人的打火机
这个作者很懒，什么都没留下…
展开
-
如何向图片中添加信息并读取出来
我一直有一个想法就是在图片文件本身中存储该图片的说明信息，实际上这种东西早就已经存在了，那就是Exif可交换图像文件格式（英语：Exchangeable image file format，官方简称Exif），可是exif的问题是有的图片不支持，比如png。所以我们自己做一个还是有用的。本示例使用nodejs编写。首先是向图片添加信息const fs=require('fs');//读取文件并转化为bufferlet imgContent=fs.readFileSync('ces.png');原创 2020-11-29 19:06:01 · 1324 阅读 · 1 评论 -
puppeteer中的页面加载问题，关于page.on(‘load‘没有执行的问题
const puppeteer = require('puppeteer');(async () => { const browser = await puppeteer.launch({headless: false}); const page = await browser.newPage(); await page.goto('https://developer.mozilla.org/zh-CN/docs/Web/Events/load'); await page.on('l原创 2020-10-25 21:41:30 · 4348 阅读 · 2 评论 -
新时代的Node.js入门
Module（模块）JavaScript的模块规范JavaScript的设计缺陷导致在工程化的过程中产生了众多的模块规范标准，目前最流行的规范有三种，分别是CommonJS、AMD和ES6的模块化标准。CommonJSCommonJS的目标很远大，它的愿景是将来JavaScript不仅仅会运行在浏览器内部，而是作为一门独立的编程语言在各个领域发挥作用，为此需要一种通用的模块规范。Co...原创 2019-12-25 00:13:50 · 227 阅读 · 0 评论 -
JS求差集及其应用
在python中原生提供了集合这种数据类型，它可以去重，可以进行求交集、并集、差集、不同时存在的元素等运算。而JS中这些都没有，但是真的很有用。应用场景在下拉复选框中我们重新选择后提交的数据该如何处理？全部更新，删除所有旧信息，再插入新的信息部分更新，删除之前被选中而现在没有选中的信息，插入现在新选中的信息很明显方法2比方法1好。实现方法JS中没有集合，我们用数组代替。我们...原创 2019-07-05 18:09:34 · 829 阅读 · 0 评论 -
基于vue的简易版打地鼠
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>打地鼠简易版</title> <script src="js/vue.js"></script> <style type="text/css"> ...原创 2019-06-01 00:28:46 · 796 阅读 · 0 评论 -
基于Vue.js的轮盘时钟
基于Vue.js的轮盘时钟哈哈哈最近很流行这个时钟啊，正好在学习Vue，就用它来练练，别说还挺方便，代码可能存在冗余，请大家留下意见。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮盘时钟</title> <style> ...原创 2019-04-21 17:52:19 · 4988 阅读 · 14 评论 -
贪吃蛇面向对象初探
版本二，强行面向对象，并不怎么会<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> *{margin:0;padding: 0;} #map{margin: 80px aut原创 2018-11-26 15:53:36 · 494 阅读 · 0 评论 -
简单的 JavaScript 贪吃蛇基本原理
贪吃蛇的种类很多，今天我们说的这种是由很多格子组成的。我的要求是尽可能的简单高效。贪吃蛇一直困扰我的是转向之后为什么后面的方块会跟着前面的方块，有人说用数组把蛇的身体存储起来，道理我都懂，但是这是个什么原理呢？首先我们先了解一下这个游戏的地图组成：<div id="map"> <div class="cellDiv"></div>...原创 2018-11-25 12:59:57 · 2523 阅读 · 1 评论 -
JavaScript面向对象的小球碰撞实现基本原理
主要记录一下重点和难点<!doctype html><html><head><meta charset="utf-8"><title>碰撞反弹</title><style> *{margin:0;} .main{margin: 100px auto;border: 1px s原创 2018-10-21 18:50:07 · 1370 阅读 · 0 评论 -
jQuery拖拽排序
源地址：http://www.cnblogs.com/web-ed2/archive/2011/09/19/2181819.html修改了一个致命bug，以及删除了认为多余的代码，下一步就是实现数据异步提交了<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text...转载 2018-06-21 21:50:32 · 1062 阅读 · 0 评论