自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 一个教训

退出windows的MySQL服务一定要在命令行用net stop mysql用任务管理器退出的话,就无法启动了!

2021-01-05 13:43:58 154

原创 MySQL初始化基本操作

本人对MySQL的上手使用不甚熟练,已经来回重新初始化和配置多次。这里记录一下每次操作的步骤,备忘。新人经验,仅供参考。首先,清空data目录(如果还没有保存什么重要数据的话)然后执行:mysqld --initialize --console如果成功,会在提示的最后显示初始密码,需要暂时记下来。执行:mysqld install如果提示“The service already exists!”,请参考我的另一篇文章。如果提示“Service successfully

2020-10-24 22:48:10 13333

原创 【记录】MySQL安装时提示The service already exists!

看到好多人是用这个方法解决的:sc query mysql但是我输入了这个命令后没有任何反应,之后用的这个办法:mysqld -remove MySQL移除成功,显示如下提示:Service successfully removed.然后重新安装就好了:mysqld install...

2020-10-20 19:21:41 1181

原创 “信息”的定义

相信“信息”这个词对你来说再熟悉不过了。小学初中微机课的名字是“信息技术”、高中生物课接触了“遗传信息”、本时代的特征之一是“信息化”、平时要注意保护“个人信息”、一些大学有“电子信息”“信息安全”这样的专业、我们当今处在“信息爆炸”的时代、有时吐槽会说“信息量略大”、一些人会把QQ微信发送和接收的内容称为“信息”,还有“信息可视化”、“信息高速公路”、“有效信息”、“危险信息”、“信息中心”、“信息产业”、“信息公开”、“信息图表”……“信息”这个名词如同它本身一样,以极快的速度,传遍了整个人类社会。

2020-08-20 00:31:58 2189

原创 树莓派GPIO编程

在终端输入gpio -v就可以看到树莓派内置gpio的版本信息了。对于树莓派4B,由于gpio对该版本的树莓派支持不完整,因此需要先执行以下操作(参考了这篇文章):wget https://project-downloads.drogon.net/wiringpi-latest.debsudo dpkg -i wiringpi-latest.deb...

2020-07-07 16:01:42 219

原创 HTML video 的常用属性速查

这几天在用HTML搞一些简单的视频特效,于是难免要记住一些<video>标签的属性。这里索性搞了个简单的速查。width 视频宽度 height 视频高度 paused 是否暂停 ended 是否播放完毕 playbackRate 播放速率 1.0为正常速度,2.0为二倍速,以此类推 currentTime 当前已播放的秒数 ...

2020-05-13 08:47:17 200

原创 THREE + d3制作中国地图挤压(extrude)模型

下午花了几个小时边学边做,做出来了一个中国地图的倒角模型。其中中国地图的数据是geojson的格式,由于相关法律这里无法提供地图数据。如果想要学习交流使用可以前往github上翻一翻。使用的工具很单纯:THREE.js (ver 11.5,主要用了挤压模型和缓冲模型,材质使用的基础半透明材质和线材质) d3.v5.js (只用到了d3-geo的Mercator变换和其他的坐标变换小工具)...

2020-04-06 21:26:33 2375

原创 初识GSAP

最近发现makeMePulse网站上的一个叫做“Nomadic Tribe”的交互网页(????网页链接),它是2019年被FWA收录的交互网页之一。出于好奇,看到了这个网页使用了一个叫TweenLite.min.js的文件,顺藤摸瓜找到了GSAP这个平台。GSAP(GreenSock Animation Platform,GreenSock动画平台)是一个诞生多年的2D动画引擎,早年运行在...

2020-04-03 22:13:45 428

原创 d3.v5各种scale傻傻分不清

在d3.js的语境下,scale是用来生成坐标轴用的:let axis = d3.axisXXX(scale); // 如此就得到了一个坐标轴生成器这里的XXX有四个选项,分别是Left、Right、Top、Bottom,用来表示生成坐标轴的摆放位置,这里暂且不多说。而scale的一般用法是:let scale = d3.scaleXXX().domain(param)....

2020-03-31 18:29:06 925

原创 js与html DOM实现双向数据绑定的原理:Object.defineProperty()

在Angular或Vue中,视图(view)和模型(model)之间是能够实现双向数据绑定的,这也是Angular和Vue的一大特点。就是说,当用户修改视图时,和视图相关的那个变量值也会发生改变;当那个变量值自己发生变化时,视图也会相应作出改变。JavaScript中的对象(Object)是由一个个键值对(key-value)组成的,类似于Ruby中的哈希表或者Python中的字典。这些键值对...

2020-02-25 21:45:46 1265

原创 jQuery监听input:range的滑块移动,实现实时反馈

使用change()并不能实现此效果,因为必须鼠标松开时才会触发,而当鼠标移动时并不会触发:// 这样是不行的$("#slider").change(() => { console.log("changed!");});应该这样写:$("#slider").on('input propertychange', () => { console.log(...

2020-02-04 19:16:50 2454

原创 WebGL渲染2D图形

WebGL是OpenGL ES 2.0的Web标准,它结合JavaScript在HTML5的<canvas></canvas>上渲染图形。WebGL现在已经是HTML5 Canvas的绘制上下文之一。因此在使用上的流程和OpenGL ES存在了诸多相似之处,函数名和参数也几乎是相同的。...<canvas id="main-canvas"></...

2020-01-27 11:20:10 3449

原创 鼠标滚轮交互工具scrollama简单使用

Github:https://github.com/russellgoldenberg/scrollama缺点:无法识别svg内的元素初始化滚动控制器:let scroller = scrollama();启用功能scroller.setup({ // 设置启动参数 step: "#id", // 选择器或DOM元素集合,用于指定触发交互的元...

2020-01-01 19:25:24 919

原创 jQuery插件scrollmagic介绍

文档:http://scrollmagic.io/docs/index.html

2019-12-31 14:20:34 497

原创 nginx在docker的简单使用

首先安装docker。不同操作系统的安装方法有所不同,这里不作赘述。然后在docker中安装nginx镜像:docker pull nginx:latest执行命令docker run -p 8080:80 -d nginx然后在浏览器中打开localhost:8080,就可以看到welcome to nginx的页面了。如果要显示自定义的网页,需要使用如下命令:...

2019-12-23 21:50:48 160

原创 树莓派 | Raspbian系统上安装processing

方法一Processing官方推荐的安装方法:????链接这个方法是将一个已经预装processing的raspbian系统镜像安装在一个空白的micro SD卡上,相当于装一个新的树莓派系统了。方法二Raspberry Pi官方提供的方法,可以在现有的raspbian系统上安装processing:????链接只需要输入这条命令即可:curl https://processi...

2019-11-22 17:16:51 1759

原创 适合物联网应用的3D开发平台ThingJS

参考:https://www.cnblogs.com/ThingJS3D/p/11189616.htmlhttps://blog.csdn.net/weixin_43116096/article/details/82383825https://www.jianshu.com/p/6aa6561c443fhttp://www.21ic.com/tougao/user/1227...

2019-10-31 11:22:37 373

原创 树莓派Raspbian安装步骤

前期准备:Win10系统的电脑树莓派(这里是3B+)Micro SD卡Raspbian 系统下载地址SD Card Formatter下载地址win32diskimager下载地址格式化SD卡使用SD Card Formatter烧录程序使用win32diskimager将下载的操作系统解压,得到.img映像文件选好映像文件和设备后...

2019-10-01 13:06:47 369

原创 【Adobe】将AI内容导出并转化为AE矢量形状

首先在AI的【图层】面板中选中根图层,然后在右上角的菜单选择【释放到图层(顺序)】 将根图层下的所有子图层拖动到和根图层同级的目录下 转到AE项目,将刚才的AI文件导入到AE资源中 在AE时间轴上全选所有的AI矢量图层,右键→创建→从矢量图层创建形状 完毕...

2019-08-13 14:14:57 6991

原创 windows运行基于Node.js搭建的web服务器程序的方法

安装Node.js下载:https://nodejs.org/en/下载好.msi文件后,打开安装,按照提示进行即可。安装项目依赖绝大多数下载好了的Node.js项目,只有作者本人写的项目源码,但并没有项目依赖的各种其他文件。所以在运行之前需要把这些依赖的文件下载下来才行。方法是:用任意一款命令行程序(cmd、powershell、windows terminal、cmde...

2019-07-31 02:30:25 481

原创 [Arduino] Capacitive Fingerprint Reader 电容式指纹模块

参考Capacitive Fingerprint Reader 用户手册模块外观整体:主控板:传感器:接口介绍由上图可以看到,该模块有6个接口:VCC - 3.3V或5V GND - 接地 TXD - 指纹模块串口发送,对应单片机串口接收 RXD - 指纹模块串口接收,对应单片机串口发送 WAKE - 指纹头唤醒,可不接,IO RST - 指纹...

2019-06-22 19:15:20 1927 3

原创 Processing的Serial库

参考:https://processing.org/reference/libraries/serial/ 《Processing与Arduino互动编程》Serial简介Serial是一个串行接口(简称串口)库。能够通过Processing程序「一次一个字节地」在两个设备之间读/写数据。该库针对的是串行接口(serial即串行)。常见的串行接口有普通计算机使用的RS...

2019-06-22 11:20:03 3249 1

翻译 通过p5.bots实现p5与Arduino互动

参考:https://github.com/sarahgp/p5bots简介p5.bots可以让「运行在浏览器上的p5.js」和「使用Firmata协议的微处理器(这里是Arduino)」互动,它通过socket.io和node.js实现两个平台之间的通信。简单上手这里实现了控制LED灯管的闪烁。需要作好以下准备:Arduino UNO开发板 面包板、实验跳线 2...

2019-06-19 10:34:35 1629

原创 Word使用正则表达式为索引添加样式(上标、字体)

翻译期刊论文的时候,会碰见大量需要增加上标样式的参考文献索引:但当这样需要添加的索引非常多的时候,逐个手动添加上标显然不是最佳方法,这里就需要使用word正则表达式进行替换。按下Ctrl+H,或在“开始”标签栏右侧找到“替换”,单击“更多”:勾选“使用通配符”:之后就可以在“查找内容”中使用正则表达式了:\[[0-9]{1,2}\] 可以匹配[...

2019-04-05 14:23:59 1795

原创 MongoDB Java Driver初试

MongoDB Java Driver可以使Java能够操作MongoDB,从而进行增删改查等操作。参考:http://www.runoob.com/mongodb/mongodb-java.html https://www.cnblogs.com/sa-dan/p/6836055.html http://mongodb.github.io/mongo-java-driver/3....

2019-03-29 16:48:11 421

原创 IntelliJ IDEA + servlet + Tomcat7 + mongoDB初试

温馨提示:本文配合本科课程“Web应用开发技术”混合食用,效果最佳。前置要求java环境:JDK:https://www.oracle.com/technetwork/java/javase/downloads/index.htmlIDE:IntelliJ IDEA:https://www.jetbrains.com/idea/服务器:Tomcat7:https://t...

2019-03-29 16:09:02 312

原创 Git bash将本地现有工程变成Github仓库

将现有的工程目录上传到Github上作为一个新的repository进入工程根目录 初始化本地仓库(空) git init 添加文件到本地仓库 git add . 提交 git commit -m "commit message" 连接远程仓库(先创建一个空远程仓库) git remote add origin https://git...

2019-03-29 15:41:23 387

原创 获取Bilibili弹幕和评论的方法

获取评论构造链接:https://api.bilibili.com/x/v2/reply?&type=1&pn=页码&oid=视频的av号这里会得到一个json格式的网页。不过每一页都有热门评论和置顶评论对应json的内容(如果有的话)。获取弹幕①带日期 YYYY-MM-DDhttps://api.bilibili.com/x/v2/dm/...

2019-03-28 22:52:27 7576 1

原创 Vue父子组件间的数据传递

Vue的父组件和子组件之间是可以相互传递数据的。父组件→子组件:设置props属性;子组件→父组件:$emit()函数。下面举例说明。先写一个简单的组件Child,可以通过单击+或-按钮来改变num_child的值并显示。<template> <p>Child value: {{num_child}}</p> &l...

2019-03-02 18:08:01 381

原创 IDM(Internet Download Manager)的Chrome扩展IDM Integration Module安装问题

IDM是一个非常好用的下载器 ,可以下载网页中的视频、背景音乐等各种链接。官网安装了IDM之后,有可能会发生Chrome对应的扩展程序无法安装的情况。然而所有可以在Google Store里面搜索到的所谓IDM扩展程序都是第三方的,不能保证所有功能正常使用。如果IDM安装目录下的IDMGCExt.crx文件也无法添加到Chrome,则需要从IDM官方链接自行下载安装IDM Integr...

2019-02-20 17:37:06 35398 2

原创 CentOS7.3安装NodeJS

目录错误方法正确方法解释安装cnpm错误方法yum install nodejs这样安装的node和npm的版本很低,且有兼容性问题,所以尽量不要用此方法安装Node。正确方法wget https://npm.taobao.org/mirrors/node/v10.15.1/node-v10.15.1-linux-x64.tar.gztar -...

2019-02-15 18:47:28 459

原创 webpack4入门参考

Webpack版本:4.25.1特性 有code-spliting(代码分割)的功能,可以根据需要进行加载,而不是一次加载全部 通过loader处理各种文件(js、图片、css、json、less、coffeescipt等),任何静态的资源会被视为模块 插件 模块热更新 适合大型项目 安装npm i webpack --save-dev...

2019-01-13 22:37:50 170

翻译 【官网教程翻译】简单使用Tensorflow.js拟合曲线

本文根据理解对原文进行了取舍,并非完全翻译。原文地址:https://js.tensorflow.org/tutorials/fit-curve.html 目录目标 预备知识输入数据第一步:创建变量并赋初始值第二步:构建模型第三步:训练模型查看结果  目标     使用给定的数据集训练一个模型,去拟合多项式曲线。给定的数据集是某个多项式函数加...

2018-12-25 01:19:06 459

翻译 【翻译】完全新人入门:使用Tensorflow.js进行机器学习

        原文地址:https://blog.usejournal.com/machine-learning-for-dummies-with-tensorflow-js-44795d3d825c        原文发表日期:2018年6月2日        最近玩了一下TensorFlow.js库。 因为我平时只用JS来编程,所以当听说出了Tensorflow.js的时候就挺开心。...

2018-12-21 21:01:39 446 2

翻译 【官网翻译】OpenCV.js基于分水岭算法的图像分割

原文地址:https://docs.opencv.org/3.4/d7/d1c/tutorial_js_watershed.html 目标 使用分水岭算法进行基于标记的图像分割 cv.watershed()  理论任何灰度图像都可以看作是地形表面,其中高强度表示山峰和丘陵,而低强度表示山谷。你开始用不同颜色的水(标签)填充每个孤立的山谷(局部最小值)。随着水位上...

2018-12-21 20:37:44 924

翻译 【官网翻译】OpenCV.js轮廓处理(一):开始

原文地址:https://docs.opencv.org/3.4/d5/daa/tutorial_js_contours_begin.html 目标什么是“轮廓” 学会寻找轮廓、绘制轮廓 cv.findContours(), cv.drawContours() “轮廓”是什么轮廓可以简单地解释为连接所有连续点(沿着边界)的曲线,具有相同的颜色或强度。轮廓是形状分析和物体检...

2018-12-21 20:36:44 2447

翻译 【官网翻译】OpenCV.js的一些数据结构

原文地址:https://docs.opencv.org/3.4/d5/df1/tutorial_js_some_data_structures.html 目标掌握一些数据结构:Point、Scalar、Size、Circle、Rect、RotatedRect除了Scalar是数组(Array)类型外,Point、Size、Circle、Rect、RotatedRect都是对象(ob...

2018-12-21 20:31:32 275

原创 Qt5初见笔记(二)关于Qt的MVC结构(参考Sherriff, Nicholas《Learn Qt5》)

参考书目:Sherriff, Nicholas.Learn Qt5: Build Modern, Responsive Cross-platform Desktop Applications with Qt, C++, and QMLOS: Windows 10IDE: Qt CreatorQt version: 5.10.0为了更好地配合教材,这次把Qt的版本换成了和教材...

2018-10-24 22:58:08 476

原创 Qt5初见笔记(一)使用单个.pro文件创建Hello World工程(参考Sherriff, Nicholas《Learn Qt5》)

参考书目:Sherriff, Nicholas.Learn Qt5: Build Modern, Responsive Cross-platform Desktop Applications with Qt, C++, and QMLOS: Windows 10IDE: Qt CreatorQt version: 5.9.2本想在VS 2017平台上学习Qt,却一直没找到合...

2018-10-24 07:46:26 469

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除