4 第十人i

尚未进行身份认证

我要认证

前端开发工程师 个人博客: http://www.start6.cn github: http://www.github.com/EightDoor 码云: http://www.gitee.com/EightDoor

等级
TA的排名 24w+

大华nodejs http api

场景大华摄像头想实现控制代码,搜索来了很多,找到了官网的sdk,无奈支持 linux、windows,使用mac不能使用lib、dll 库。 终于找到了 https://github.com/nayrnet/node-dahua-api 但是已经是很久之前的了,clone下来本地下载下来发现无法使用,高版本nodejs直接就报错,使用nvm 切换到10.16.3才运行起来。 尝试连接线上的摄像头发现无法使用,返回 401 鉴权不通过。代码自己更改通过issues 找到了回复 http

2020-10-20 22:28:21

解决Nginx的13: Permission denied) while connecting to upstream

一、问题做Nginx负载的时候,经常遇到这样的情况:2018/12/04 11:05:08 [crit] 2717#2717: *10 connect() to 127.0.0.1:5601 failed (13: Permission denied) while connecting to upstream, client: 172.16.4.33, server: 172.16.4.141, request: "GET / HTTP/1.1", upstream: "http://127.0.0.1

2020-10-16 16:04:42

使用nodejs 前端方便处理dev prod 切换 git提交

依赖包npm install chalk 多变的颜色npm install shelljs shell执行命令npm install dayjs 时间格式化npm install commander 命令行参数获取npm install readline-sync 同步逐行读取输入内容代码 deployment.js/* * @Author: 周凯 * @Date: 2020-10-15 14:48:12 * @LastEditTime: 2020-10-15 16:23:48

2020-10-15 17:38:59

angular HttpClient 拦截器 拦截401请求重定向

参考地址: https://semlinker.com/ng-http-interceptor/实现(request.service)import { Injectable } from "@angular/core";import { Observable, of, throwError } from "rxjs";import { catchError, map, tap } from "rxjs/operators";import { HttpHeaders, HttpCli..

2020-08-26 17:48:58

nodejs 借助babel 使用import export

安装babel-cli和babel-preset-envyarn add babel-cli -Dyarn add babel-preset-env -D启动启用命令由原来的node server.js改为下面的命令babel-node --presets env server.js配置package"scripts": { "start": "babel-node --presets env index.js"},npm run start 启动配合nodem

2020-08-24 15:29:47

react中rem与postcss-pxtorem的应用

rem 布局rem是根元素(html)中的font-size值。rem布局不多赘述,有很多详细说明rem布局原理的资料。简单的说,通过JS获取设备宽度动态设定rem值,以实现在不同宽度的页面中使用rem作为单位的元素自适应的效果。新建rem.ts文件,于main.ts中引用/* * @Description: * @version: * @Author: 周凯 * @Date: 2020-08-12 09:37:42 * @LastEditors: 周凯 * @LastEdit

2020-08-12 10:14:02

react hooks 使用过程中、汇总

工具方法导出excel下载 npm install xlsx// 定义方法/** * 导出excel * @param column 表头 * @param list 数据 * @param title 标题 */ exportExcel<V, T>(column: V, list: T[], title: string) { const json = list.map((item: T) => { return Ob

2020-07-29 17:42:59

记录nuxt 使用 vue-seamless-scroll 无缝滚动和 v-viewer点击放大图片的组件

地址v-viewer 点击图片放大vue-seamless-scroll 无缝滚动遇到的问题v-viewer 点击图片无法响应事件解决: 使用事件委托 GotoImage()<client-only> <scroll-seamless :data="list" :class="ScrollClass" :class-option="options" // 事件委托 @cli

2020-07-24 11:51:16

react next vw适配方案

安装依赖: yarn add postcss-aspect-ratio-mini postcss-preset-env postcss-cssnext postcss-flexbugs-fixes postcss-loader postcss-px-to-viewport postcss-viewport-units postcss-write-svg -D根目录创建 postcss.config.js/* * @Description: * @version: * @Author: 周凯 .

2020-07-17 10:40:44

react next 构建大屏实践

搭建基础布局参考资料: 地址

2020-07-14 17:08:22

git 提交代码规范总结

一、前言日常开发中,保持良好的代码规范有利于提高项目的质量。而指定并遵守 git commit 的使用规范,则有利于提高项目的管理效率。二、提交格式在git add后,需要执行git commit进行提交,如、约定中应添加对应的描述信息,即通过:git commit -m 进行提交提交格式如下:<type>(<scope>): <subject><BLANK LINE><body><BLANK LINE><foo

2020-07-10 15:56:33

react-admin antd使用过程中遇到的问题

报错解决[Ant Design] Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop?问题 antd: 4.2.0, react: 16.13.1,Modal 中使用 Form ,使用 React Hooks const [form] = Form.useForm(); 创建实例时,会出现以下警告。原因: Modal 挂载的 HTML 节点默认为 d

2020-07-08 10:08:49

前端脚手架制作

使用写一个属于你的前端脚手架工具

2020-07-03 17:46:33

react 使用@loadable/component 实现路由动态懒加载

踩坑记录动态引入import()变量失效问题, import不能导入变量字符串的路径问题因为webpack的现在的实现方式不能实现完全动态,所以可以通过字符串模板来提供部分信息给webpack,如下/** * 根据已经获取的菜单组合需要生成的路由 * @param list 数据 * @param parentPath 父级的路径,组合子级可访问路径 */const combinationRouting = (list: Menus[], parentPath?: string) =&

2020-07-02 15:50:50

egg typescript 使用遇到的问题汇总

sequelize类型Sequelize.STRING // VARCHAR(255)Sequelize.STRING(1234) // VARCHAR(1234)Sequelize.STRING.BINARY // VARCHAR BINARYSequelize.TEXT // TEXTSequelize.TEXT('tiny')

2020-06-30 22:50:18

webstorm 个人设置总结

配置设置代码自动格式化

2020-06-30 19:14:28

使用数据属性 data-* 属性允许我们在标准内于HTML元素中存储额外的信息

HTML 语法语法非常简单。所有在元素上以data-开头的属性为数据属性。比如说你有一篇文章,而你又想要存储一些不需要显示在浏览器上的额外信息。请使用data属性:<article id="electriccars" data-columns="3" data-index-number="12314" data-parent="cars">...</article>JavaScript 访问在外部使用JavaScript去访问这些属性的值同样非常

2020-06-28 16:03:34

扁平数组和树形结构的相互转换

扁平数组转换为树形结构这个是最常用的,当我们从后台获取一个扁平数组的时候,通常比如用id、pid来标识父子关系,如:var arr = [{id: 1, pid: '-1'},{id: 11, pid: '1'},{id: 12, pid: '1'}]用map记录的方法是最常用效果也最好的复杂度是O(nlgn),支持多个根节点:function listToTree(list) { var map = {}, node, tree= [], i; for (i = 0; i

2020-06-28 09:46:21

vscode个人配置详解集合

在Windows10 VSCode中安装使用Fira Code字体

2020-06-28 08:44:34

nuxt 学习总结

错误总结使用cookie git地址 yarn add cookie-universal-nuxt{ modules: [ // Simple usage 'cookie-universal-nuxt', // With options ['cookie-universal-nuxt', { alias: 'cookiz' }], ]}文章nuxt 文章使用介绍点亮你的Vue技术栈,万字Nuxt.js实践笔记来了...

2020-06-24 15:52:07

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享小兵
    分享小兵
    成功上传3个资源即可获取