![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
第十人i
开发工程师
个人博客: http://www.start6.cn
github: http://www.github.com/EightDoor
码云: http://www.gitee.com/EightDoor
展开
-
javascript 数组拆分为3个一组
【代码】javascript 数组拆分为3个一组。原创 2022-10-18 22:50:29 · 334 阅读 · 1 评论 -
speechSynthesis强制使用Chrome中的Google小姐中文语音
網路上的window.speechSynthesis教學主要都只有說切換指定語言像是這樣就能切換成中文語音:const synth = window.speechSynthesis;const speak = (msg) => { let u = new SpeechSynthesisUtterance(); u.lang = 'zh-TW'; u.text = msg; synth.speak(u);};speak("你要讀出的中文內容1");speak(".原创 2020-12-22 16:31:09 · 3849 阅读 · 1 评论 -
Meteor 安装下载太慢的解决方法
使用的是mac电脑官方提供的安装方式curl https://install.meteor.com/ | sh1.首先在浏览器中打开https://install.meteor.com/你会看下如下内容这是安装的shell脚本,将这部分内容拷贝下来,并保存到install.sh文件中,自己随意创建一个.sh文件都可以2.将文件中的TARBALL_URL="https://static-meteor.netdna-ssl.com/packages-bootstrap/${RELEASE}/m原创 2020-11-23 22:23:41 · 810 阅读 · 5 评论 -
大华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 · 2310 阅读 · 1 评论 -
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 · 1257 阅读 · 0 评论 -
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 · 533 阅读 · 0 评论 -
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 · 1094 阅读 · 0 评论 -
记录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 · 1076 阅读 · 2 评论 -
react 使用@loadable/component 实现路由动态懒加载
踩坑记录动态引入import()变量失效问题, import不能导入变量字符串的路径问题因为webpack的现在的实现方式不能实现完全动态,所以可以通过字符串模板来提供部分信息给webpack,如下/** * 根据已经获取的菜单组合需要生成的路由 * @param list 数据 * @param parentPath 父级的路径,组合子级可访问路径 */const combinationRouting = (list: Menus[], parentPath?: string) =&原创 2020-07-02 15:50:50 · 4435 阅读 · 0 评论 -
扁平数组和树形结构的相互转换
扁平数组转换为树形结构这个是最常用的,当我们从后台获取一个扁平数组的时候,通常比如用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 · 559 阅读 · 1 评论 -
大屏制作总结
可适配不同分辨率的屏幕实现方式: 按照设计图规格尺寸制作,使用transform: scale(0.4, 0.4);缩放transform: scale(0.4, 0.4); width: 3840px; height: 2160px; background-image: url(/img/bg/bg18.jpg); background-position: 0% 0%; background-size: 100% 100%; background-r原创 2020-06-23 17:57:39 · 117 阅读 · 0 评论 -
Js获取屏幕宽度、高度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.bo原创 2020-06-23 10:28:01 · 413 阅读 · 0 评论 -
Lodash节流与防抖总结
throttle API走起_.throttle(func, [wait=0], [options={}])func (Function): 要节流的函数。[wait=0] (number): 需要节流的毫秒数。[options={}] (Object): 选项对象。[options.leading=true] (boolean): 指定调用在节流开始前,默认true。[options.trailing=true] (boolean): 指定调用在节流结束后,默认true。throttle原创 2020-06-09 18:47:02 · 1185 阅读 · 0 评论 -
数组排序汇总、去重
1、桶排序(桶中出现的数组元素都做个标记1,然后将桶数组中有1标记的元素依次打印)//简单, 但是不用,浪费内存var arr2=[];for(var i=0;i<arr.length;i++){ var key=arr[i]; arr2[key]=1;}for(var j in arr2){ console.log(j);}2、冒泡排序(每一趟找出最大的)//性能一般var arr=[1,5,7,9,16,2,4];//冒泡排序,每一趟找出最大的,总共比原创 2020-06-09 16:01:33 · 91 阅读 · 0 评论