- 博客(70)
- 收藏
- 关注
RSS订阅
原创 iT导航，导航网站，程序员导航，程序员导航站，技术导航，导航网址整合，搜索网站整合。
艾特网是一个为程序员提供服务的网址导航产品，里面整理了国内外非常优秀的开发网站，并提供更多相关行业的网站网址，意图给到开发者一个完善而又良好的网址导航，是iT行业人员值得收藏的导航网站。链接直达：https://iiter.cn现有以下功能：1.百度搜索直达2.github搜索直达3.google搜索直达4.csdn搜索直达5.掘金搜索、知乎搜索等...
2019-12-31 12:46:55
1616
2
原创 纵享丝滑！Cesium + ffmpegserver 生成高质量动态视频【逐帧生成】
工作中需要提供一些在三维场景下的视频动画素材，屏幕录制会出现掉帧等其他问题，看到后，眼前一亮Cesium + ffmpegserver 生成高质量视频。
2023-10-07 18:14:17
923
原创 Mac 通过 brew安装的 ffmpeg 切换版本
安装完成后会出现具体版本号，也可以自己指定例如 brew install [email protected]。现有版本为 6.x ，想切换至 5.x 版本。配置环境变量 .bash_profile。重新查看 ffmpeg 版本。配置环境变量 .zshrc。先安装 5.x 版本。
2023-09-25 16:32:57
527
原创 Express实战个人订阅号实现网站登录
今天我们来实现一个使用个人订阅号实现网站的功能，后端使用的是 express。其它框架原理基本一致，只是定义路由或返回响应数据部分代码跟 express有所出入
2023-05-18 16:20:16
405
原创 宝塔面板结合pm2进程管理工具部署前端nuxtjs项目
实战宝塔面板结合pm2进程管理工具部署前端nuxtjs项目来介绍下宝塔面板宝塔Linux面板是提升运维效率的服务器管理软件，支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。有20个人的专业团队研发及维护，经过200多个版本的迭代，功能全，少出错且足够安全，已获得全球百万用户认可安装。个人理解为：一个可视化运维的控制面板。官网地址： https://bt.cn安装首先准备一台纯净的linux服务器，本文以CentOS7.6 64位
2021-02-19 14:01:59
2182
原创 nodejs 结合 wechaty 实现你的微信群聊机器人二(iPad 协议)
程序员导航站 ：艾特网-iiter.cn开源地址： https://github.com/isnl/wechat-robot-ipad前言前段时间写了篇关于使用 nodejs 结合 wechaty 这个库实现微信机器人的文章：https://juejin.im/post/5e70d68651882549391358e1但是有很多小伙伴被 web 协议 的微信无法登陆所限制，不能体验开发 机器人 的乐趣。于是便产生了这篇使用 iPad 协议的文章。来介绍下 wechaty康康官网的 Int
2020-05-25 22:19:41
3870
原创 nodejs实现定时爬取微博热搜
程序员导航站：https://iiter.cnThe summer is coming我知道，那些夏天，就像青春一样回不来。 - 宋冬野青春是回不来了，倒是要准备渡过在西安的第三个夏天了。废话我发现，自己对 coding 这件事的称呼，从敲代码 改为 写代码 了。emmm…敲代码，自我感觉，就像是，习惯了用 const 定义常量的我看到别人用 var 定义的常量。对，优雅！...
2020-05-02 21:48:35
1011
原创 2021年了，还不会内网穿透吗？附ngrok使用详解
程序员导航站 https://iiter.cn最近老是感觉身体跟不上灵魂。想得太多，做的太少。说白了，就是懒！还有，王者荣耀钻石分段的队友，太太太坑了！！！内网穿透的概念来简单了解下内网穿透的概念：内网穿透，即NAT穿透，网络连接时术语，计算机是局域网内时，外网与内网的计算机节点需要连接通信，有时就会出现不支持内网穿透。就是说映射端口，能让外网的电脑找到处于内网的电脑，提高下...
2020-04-16 16:09:23
624
原创 使用nodejs + wecharty打造你的个人微信机器人
首发于个人技术站 艾特网 - 程序员导航站开源地址：https://github.com/isnl/wechat-robot注： 从2017年6月下旬开始，使用基于web版微信接入方案存在大概率的被限制登陆的可能性。 主要表现为：无法登陆Web 微信，但不影响手机等其他平台。 验证是否被限制登陆： https://wx.qq.com 上扫码查看是否能登陆。 更多内容详见：Can no...
2020-03-17 22:04:24
1821
1
原创 eggjs结合七牛云对象存储实现文件上传功能
目录结构说在前面安装依赖创建路由创建控制器创建service上传测试说在前面最近想着给 艾特网 - 程序员导航站 后台扩展文件上传的功能。因为考虑到七牛云对象存储比较划算，而且每个月会免费赠送 10GB的标准存储空间，基本算是白嫖。所以就打算拿七牛云来练练手。想注册七牛云的同学可以点这里安装依赖七牛云官网中有 nodejs 版本的 sdk，我们通过 npm 来安装npm insta...
2020-03-07 22:37:57
1712
5
原创 express 实战微信公众号开发一(环境搭建)
说在前头上回书说到，咱们公众号之前的技术支持是 PHP。而且是在咱技术尚不成熟的条件下做的。现在咱们将技术栈转到 nodejs 这边的一个 express 框架。咱来看看 express 官网对其自身的描述。express，基于 Node.js 平台，快速、开放、极简的 Web 开发框架工欲善其事，必先利其器首先得申请一个微信个人订阅号，当然有能力认证到企业的更好，有更丰富的 ...
2020-02-28 14:41:16
1074
原创 给组件添加拖拽对齐辅助线
本文首发于个人博客网站https://iiter.cn/blogs/33之前用伪元素before和after实现了一版组件对齐辅助线，组件的拖拽缩放用的是这个库 Github直达实现的功能为：点击组件的时候，组件高亮并且辅助线在左上角显示。如下图奈何，领导看了不满意说你这玩意拖拽的时候得四个角都实现啊。并且说得是在拖拽移动的过程中才能出现，点击激活，组件高亮的时候不显示。这…可...
2020-01-07 13:15:42
2859
原创 使用 nodejs 快速搭建 MQTT 服务器及实时推送、获取数据
本文首发于个人网站，永久地址：https://iiter.cn/blogs/13 点进去给几个访问量也行啊github 仓库源代码：github文章目录MQTT 的概念和其他传输协议的区别MQTT 客户端的语言支持搭建基于 nodejs 的 MQTT 服务器创建服务端创建客户端推送创建客户端接收测试功能MQTT 的概念MQTT(Message Queue Telemetry Transp...
2019-12-04 22:20:11
10641
1
原创 通过express框架为前端提供api(数据)，妈妈再也不用担心后端不给我数据了~
个人网站https://iiter.cn程序员导航站开业啦，欢迎各位观众姥爷赏脸参观，如有意见或建议希望能够不吝赐教！首先，确保自己安装了express框架。没有安装的同学可以参照下面这篇博客window系统安装配置express框架好了，切入正题。1.在项目文件夹中创建datas文件夹，这里的datas命名可根据个人喜好随意添加口味，当然 ，你也可以命名为data~...
2019-11-30 11:10:34
1917
原创 docker配置阿里云镜像
首先得在阿里云注册账号，已有账号请忽略链接直达注册后登录打开此地址获取个人专用加速地址链接直达然后分别执行下面的命令即可sudo mkdir -p /etc/dockersudo tee /etc/docker/daemon.json <<-'EOF'{ "registry-mirrors": ["https://nfryb5ey.mirror.aliyuncs.co...
2019-11-30 11:09:02
752
原创 【React踩坑记六】create-react-app创建的react项目通过iP地址访问(实现局域网内访问)
同项目组的小伙伴想用自己的电脑访问我电脑上开发阶段的create-react-app创建的react项目。试过了了各种内网穿透工具ngrok以及localtunnel等。奈何打开效率实在太过于龟速。于是不得不百度 react项目如何开启内网访问结果找了说是要配置webpack。好吧，配就配。。。可是对于还没有eject的项目来说，webpack配置没暴露出来，没法配啊。果断npm r...
2019-10-19 14:28:36
5099
1
转载 docker中安装nginx，部署前端代码
最近在学习docker，初次接触，难免遇到磕磕碰碰，遂将其整理成博客，以便日后查看。1.拉取nginx镜像直接从官方镜像库拉取简单粗暴:docker pull nginx2.运行docker run -p 80:80 -d nginx3.查看端口是否开启netstat -anp | grep 804.查看nginx容器是否运行docker ps5.配置默认文件（...
2019-08-04 17:29:58
3447
转载 【已解决】React项目中按需引入ant-design报错TypeError: injectBabelPlugin is not a function
ant-design按需加载，使用react-app-rewired的时候报错运行npm start或者yarn start报如下错误：TypeError: injectBabelPlugin is not a function原因好像说是react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired解决方法，对react-scripts进行降级处理npm...
2019-08-04 17:29:33
1994
转载 Vue移动端项目中下拉刷新和上拉加载
Vue2.0中引入Mint-UI的下拉刷新和上拉加载。简单粗暴安装Mint-UInpm i mint-ui -S引入打开项目的main.js入口文件，引入并使用。注意，为了方便，这里是全部引入，项目中想节省体积的话，可以按照官网的方法，按需引入。传送门import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vu...
2019-08-04 17:27:05
2545
2
原创 javascript SDK开发之webpack打包支持对象展开运算符...
场景：使用了对象的展开运算符，webpack打包报错，错误如下：Parsing error: Unexpected token …1.安装依赖npm install babel-preset-stage-3 babel-preset-es2015 --save-dev2.配置.babelrc（工程根目录下，无则新创建）{ "presets": ["env", "es2015", "...
2019-07-30 14:23:42
841
原创 javascript SDK开发之webpack中eslint的配置
eslint的好处就不多说了。1.安装依赖npm install --save-dev eslint eslint-friendly-formatter eslint-loader //或yarn add eslint eslint-friendly-formatter eslint-loader 2.根目录创建.eslintrc.js文件，配置eslint规则(为了便于开发，这里只列...
2019-07-26 11:19:26
247
转载 在线图片资源转换成Base64格式
function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ...
2019-05-17 14:54:45
1323
1
原创 让webpack打包支持ES7的async/await语法
npm install --save-dev babel-plugin-transform-runtimenpm install --save babel-runtime.babelrc配置{ "plugins": ["transform-runtime", "babel-plugin-transform-regenerator", "babel-plugin-transform...
2019-03-29 17:50:24
3503
原创 eggjs解决跨域问题
对于一个优秀的前端er来说，不会点后端语言怎么行呢？express?说实话，express真的只适合做个人项目。。。eggjs是真的强大，封装的东西简直不要太好用啊啊啊啊啊。最近研究了下eggjs，并在着手写一个后台服务。在前后端交互的时候遇到了万恶的浏览器同源策略跨域问题。以下为解决方案：1.安装egg-cors插件：npm install egg-cors -g //yarn...
2019-03-27 23:05:04
5030
5
原创 【React踩坑记五】React项目中引入并使用react-ace代码编辑插件(自定义列表提示)
最近有一个引入sql编辑器插件的需求，要求代码高亮显示，代码智能提示，以及支持自定义代码提示列表等功能。中途在自定义代码提示列表中由于没有相关demo，所以踩了一些坑，遂将其整理如下，以便日后查看。1.安装yarn add react-ace //或 npm install react-ace2.在项目中引入import AceEditor from 'react-ace';3....
2019-02-23 17:39:55
7037
8
原创 【React踩坑记四】React项目中引入并使用js-xlsx上传插件(结合antdesign的上传组件)
最近有一个前端上传并解析excel/csv表格数据的需求。于是在github上找到一个14K star的前端解析插件 github传送门官方也有，奈何实在太过于浅薄。于是做了以下整理，避免道友们少走一些弯路。安装依赖yarn add xlsx //或 npm install xlsx项目中引入import * as XLSX from 'xlsx';上传组件（antde...
2019-02-23 15:19:52
1907
原创 【React踩坑记三】React项目报错Can't perform a React state update on an unmounted component
意思为：我们不能在组件销毁后设置state，防止出现内存泄漏的情况分析出现问题的原因：我这里在组件加载完成的钩子函数里调用了一个EventBus的异步方法，如果监听到异步方法，则会更新state中isShowNav的值。解决方法我们应该在组件销毁的时候将异步方法撤销this.setState = (state, callback) => { return;};...
2019-01-24 09:07:23
13081
原创 【React踩坑记二】react项目实现JS路由跳转
这里使用的是4.31版本的react-router-dom"react-router-dom": "^4.3.1",直接使用以下代码即可实现路由跳转this.props.history.push("/dashboard/add")
2019-01-21 10:58:24
643
原创 【React踩坑记一】React项目中禁用浏览器双击选中文字的功能
常规项目，我们只需要给标签加一个onselectstart事件，return false就可以例：<div onselectstart="return false;" ></div>但是在React中，是没有onselectstart事件的我们只需要给标签添加个样式就可以了。.node{/*node为标签的class名*/ -webkit-user-sele...
2019-01-16 16:22:37
1447
原创 Vue tools开发工具报错Cannot read property '__VUE_DEVTOOLS_UID__' of undefined
使用 vue tools 开发工具，不显示调试面板中的组件，点击控制台报错：Cannot read property ‘VUE_DEVTOOLS_UID’ of undefined在 main.js中加入如下代码即可：Vue.config.devtools = true;...
2019-01-14 10:41:43
5746
6
原创 已有项目接入git远程仓库
1.项目根目录初始化git仓库git init2.将本地项目与远程仓库关联(首先得在远程创建一个代码仓库)git remote add origin 远程仓库地址诺，仓库地址就是这个玩意3.好像就可以了git pull origin master //拉取远程仓库代码git add git commit -m "第一次提交"git push origin mast...
2019-01-09 00:06:31
932
原创 使用react脚手架create-react-app创建react应用
Create React App是一种官方支持的创建单页React应用程序的方法。它提供了一个没有配置的现代构建设置。一、全局安装脚手架：npm install -g create-react-app二、创建react应用使用npx创建应用可跳过上面的第一步npx create-react-app my-app使用npm一键创建可跳过上面的第一步npm init re...
2019-01-08 11:36:24
326
原创 vuex
步骤1.src目录下新建文件夹vuex2.拷贝项目中vuex文件夹内所有内容至你新建的文件夹vuex中3.main.js中引入vuex,并在new出的vue对象中暴露出去4.在package.json中添加如下代码，然后保存，重新npm install一下"babel-preset-es2015": "^6.24.1",5.在项目根目录下新建 .babelrc文件，粘贴以下内容。注...
2019-01-08 09:19:12
154
原创 Node.js快速创建一个访问html文件的服务器
var http = require('http'), // 引入需要的模块 fs = require('fs'), //引入文件读取模块 cp = require('child_process'), // 可自动打开浏览器模块 url = require("url"), path = require("path");http.createServer(function (...
2019-01-07 09:17:37
2088
1
原创 一行代码的骚操作
不用中间变量完成两个变量值得交换(ES6解构赋值)let a = 1;let b = 2;[a,b] = [b,a];数组去重[...new Set(array)]
2019-01-03 14:34:56
2417
原创 Windows10中打开git bash闪退解决方案
重装系统后打开gitbash莫名其妙闪退。。。究其原因，好像是盗版系统的null.sys文件损坏那就在这里附上null.sys文件的下载链接:https://pan.baidu.com/s/1VlFvzHTFT5mQNbHE-l5YTw提取码: xi1k 看到csdn下载这个东西还需要C币还是积分什么的，这些人真的是一点分享精神都没有......下载后覆盖到如下路径：C...
2018-12-26 11:41:18
1421
原创 webpack打包多入口配置
在它的entry入口设置多文件入口即可，例：entry: { core: './src/core.js', design: './src/design.js'},单一出口输出：output: { path: path.join(__dirname, "/dist"), filename: 'dipcore.min.js', library:...
2018-12-26 09:25:49
831
1
原创 div/dom元素拖拽缩放插件，纯js实现拖拽缩放，不依赖jQuery~
产品需求，需要用到对div（dom）进行拖拽缩放操作，看到有好多插件，要么依赖jQuery，要么文件太大。封装了一个插件，不压缩状态下5KB。html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...
2018-12-19 17:48:26
3531
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人