- 博客(42)
- 资源 (5)
- 收藏
- 关注
原创 动态检查某个dom是否被加载好了
// 声明定时器var timer = null// 检查dom是否执行完成function checkDom() { let dom = document.getElementById('abc') if(dom) { // 执行dom加载完成后的操作 doSomething(); // 清除定时器 if(!timer) { clearTimeout(timer) }.
2022-04-26 14:10:20
1227
原创 textContent和innerText以及innerHTML的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <style> button{ border:1px solid red; } </style>.
2022-03-08 21:28:43
495
原创 原型理解啊
prototype和__proto__的关系是什么先说结论:prototype 用于访问函数的原型对象。 __proto__ 用于访问对象实例的原型对象(或者使用 Object.getPrototypeOf())。function Test() {}const test = new Test()test.__proto__ == Test.prototype // true也就是说,函数拥有 prototype 属性,对象实例拥有 __proto__ 属性,它们都是用来访问原型对..
2021-10-09 15:16:56
110
原创 列队 promise及setTimeout
[1, 2, 3, 4, 5].reduce((pre, cur) => { setTimeout(() => { console.log(cur) return }, 1000)})[1, 2, 3, 4, 5].reduce((pre, cur) => { return pre.then(() => { return new Promise((resolve, reject) =>.
2021-10-08 17:40:48
91
原创 npm 公司安装环境问题
用来解决npm 版本过高npm i --legacy-peer-deps用来解决npm 权限问题npm i --unsafe-perm
2021-07-14 09:30:41
129
原创 将网页上所有canvas下载为图片
function saveFile(data, filename) { var save_link = document.createElementNS( 'http://www.w3.org/1999/xhtml' , 'a' ); save_link.href = data; save_link.download = filename; var event = document.createEvent('MouseEvents'); event.initMouse.
2021-05-12 09:45:11
807
原创 eslint常用规则
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": .
2021-01-29 13:55:23
194
原创 opengl 环境搭建
官方文档https://github.com/LearnOpenGL-CN/LearnOpenGL-CNglfw :https://www.glfw.org/download.htmlgald网址: glad.dav1d.dec'ma'ke
2021-01-07 22:21:41
92
原创 ElementUI select 多选默认选中项 不能被删除
/* * @Author: your name * @Date: 2020-11-09 10:11:05 * @LastEditTime: 2020-11-16 17:47:23 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: \nxp-app\src\directives\defaultSelect.js */import Vue from 'vue'Vu.
2020-11-19 15:36:15
2208
原创 vue 消息总线
vuebus.js// 定义bus插件,用户数据传递const install = function(Vue) { const Bus = new Vue({ methods: { emit(event, ...args) { this.$emit(event, ...args) }, on(event, callback) { this..
2020-09-15 10:42:41
198
原创 vue 时间倒数回调
export function timeCountDown(date, callback = () => {}){ var time = ''; const formatNumber = (n)=>{ n = n.toString(); return n[1] ? n : '0' + n; }; const setTime = ()=>{ const leftTime = new Date(date.replace(/\.
2020-09-14 14:06:24
375
原创 vscode 针对vue 进行eslint格式化
解决方案当前vscode 版本 1.45.1首先安装eslint,prettier-Code formatter,vetur 这三个插件,大多数情况下vetur已经安装了。然后文件——首选项——设置,来到用户设置。在settion.json 粘贴一下代码{ "workbench.editor.enablePreview": false, //打开文件不覆盖 "search.followSymlinks": false, //关闭rg.exe进程 "editor.mini.
2020-06-04 11:05:36
5239
转载 ast
聊一聊 Javascript 中的 AST百度百科是这么解释的:在计算机科学中,抽象语法树(Abstract Syntax Tree,AST),或简称语法树(Syntax tree),是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。听起来还是很绕,没关系,你可以简单理解为 它就是你所写代码的的树状结构化表现形式。有了这棵树,我们就可以通过操纵这颗树,精准的定位到声明语句、赋值语句、运算语句等等,实现对代码的分析、优化、变更等操作。AST
2020-05-26 11:20:22
224
转载 nginx 部署多个前端项目
NGINX中单设置一个web前端很容易,改变端口,改变root指向基本就搞定了,那么,假设我们有多个前端项目部署在同一个域名下,该怎么设置呢?1. 先假设我们有一个应用,http://domain就可以访问了, 现在改版了希望可以访问旧的应用http://domai...
2020-05-22 15:23:50
3313
1
原创 html dom渲染 及 基础知识
css的两种盒模型而引起上面效果的原因来自于 css 的两种盒模型的不同,这里我先对两种盒模型做个介绍。W3C的标准盒模型在标准的盒子模型中,width指content部分的宽度IE的盒模型在IE盒子模型中,width表示content+padding+border这三个部分的宽度我们可以看出我们上面的使用的默认正是W3C标准盒模型而这里盒模型的选取更倾向于项目和开发者...
2020-04-22 10:41:41
519
原创 React前端框架以及和Vue的对比
博客园看到比较好的一篇文章原文地址:https://www.cnblogs.com/shaozhu520/p/11205259.html1.前端框架发展历程?为什么大家抛下jQuery选择Vue、react、angular?为什么Ext、backbone会被冷落? MVC->MVP(backbone.js)->MVVM()2.现阶段前端框架中的三驾马车...
2020-04-10 10:37:34
389
原创 react 16 集成fetch 及 egg跨域处理
# 全局安装npm install -g create-react-app# 构建一个my-app的项目npx create-react-app my-appcd my-app# 启动编译当前的React项目,并自动打开 http://localhost:3000/npm startfetch 集成//方式一:安装fetch版本isomorphic-fetchnpm...
2020-04-08 17:18:18
487
原创 Vue 加入 withCredentials 后无法进行跨域请求
Vue和django的前后端分离项目,之前通过在django中允许跨域访问实现了跨域请求,但为了使每个请求带上session信息,我设置了withCredentials ,即:axios.de...
2020-04-03 15:14:45
1945
原创 javascript 运行机制 宏任务微任务
macro-task(宏任务):包括整体代码script,setTimeout,setIntervalmicro-task(微任务):Promise,process.nextTick、https://juejin.im/post/59e85eebf265da430d571f89#heading-4 原文console.log('1');setTimeout(funct...
2020-03-23 15:55:40
114
原创 http 进化
参考原文:https://www.cnblogs.com/heluan/p/8620312.htmlHTTP优化有两个方面带宽和延迟带宽的影响只停留在拨号时代延迟影响1.浏览器的阻塞: 浏览器最大连接数量4 (不同浏览器不同)2.DNS查询,通过缓存来缩短时间。3.建立连接:HTTP 是基于 TCP 协议的,浏览器最快也要在第三次握手时才能捎带 HTTP 请求报文,达到真...
2020-02-10 21:51:40
197
原创 观察与被观察
首先明确观察者和被观察者责任被观察者用来 存放谁来观察他自己观察者则是 类似与控制反转 来操作被观察者存放的对象过程 由观察者来去把自己放入被观察者数组定义观察者要被触发的方法最后由被观察者来触发方法https://www.cnblogs.com/cc-freiheit/p/11356073.htmlgit代码 观察者模式https://github....
2020-02-10 20:52:48
843
原创 java collection 集合
java 基本数据类型byte、short、int、long、float、double、char、boolean。原文:https://blog.csdn.net/weixin_44551646/article/details/94295677List集合List集合为列表类型,以线性方式存储对象。List集合中的元素允许重复,各元素的顺序就是对象插入的顺序。用户可以通...
2019-11-27 18:19:52
77
原创 docker-compose 搭建 registry 私服(镜像管理平台)
服务端docker-compose.ymlversion: '3.1'services: registry: image: registry restart: always container_name: registry ports: - 5000:5000 volumes: - /usr/local/docker...
2019-11-02 15:20:46
882
原创 docker-compose 搭建 Nexus 私服(依赖管理平台)
我们使用 Docker 来安装和运行 Nexus,docker-compose.yml配置如下:version: '3.1'services: nexus: restart: always image: sonatype/nexus3 container_name: nexus ports: - 8081:8081 volumes:...
2019-10-29 15:34:09
754
原创 docker-compose
$ sudo curl -L https://github.com/docker/compose/releases/download/1.17.1/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose$ sudo chmod +x /usr/local/bin/docker-compose安装完成 d...
2019-10-26 17:31:39
275
原创 Docker mysql部署
docker pull mysql8.0 mysql 支持原生分布式数据库解决方案InnoDb 既支持事务效率也提高了1.docker pull mysql:5.7.222.docker run -p 3306:3306 --name mysql \-v /usr/local/docker/mysql/conf:/etc/mysql \-v /usr/local/doc...
2019-10-24 15:56:25
73
原创 docker安装
go语言开发,基于linux内核。负载均衡入口。镜像:用于创建docker容器的模板类似于java中的类容器:容器是独立运行的一个或一组应用类似于java中的实例客户端:仓库:docker machine:Docker ce 免费社区版 ee 收费企业版 lts 长期维护稳定版$ curl -fsSL get.docker.com -o get-docke...
2019-10-22 10:34:15
162
原创 linux 生产环境软件安装配置
java安装下载对应的jrehttps://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads-2133155.html选中所需要的tar包在linux系统中 root文件夹下新建一个soft文件夹利用ftp将tar包传输上去,利用tar -xzvf 解压。解压后的文件移动到 usr/loca...
2019-10-15 15:21:52
306
原创 linux 软件包管理
ubuntu apt 软件包管理程序centos yum软件包管理程序安装文件 安装版 绿色版yumhttps://blog.csdn.net/sunylat/article/details/81869513yum list installedyum deplist tomcatyum -y install tomcat 一路yesyum rem...
2019-10-13 17:33:04
74
原创 Linux系统存在的文件夹
根目录 /所有文件为挂在上的进入文件加 cd /查看文件列表 管理员可以使用 ll 所有用户可以使用ls ls -allinux 装的软件是装在所有文件夹下bin 二进制可执行文件 exe(ls丶ll之类可执行命令)boot系统启动文件dev系统设备文件(打印机等)etc系统配置文件 [host文件(域名解析之类的文件)丶my...
2019-10-11 17:00:04
225
原创 linux基础系统安装
安装vm¢os下载多个linux内核系统在vm开机会出现文件占用问题,把vmx在你的虚拟机的安装目录下,搜索 【.lck】 并删除。这里使用shell来进行远程连接,shell可以使用school版本,此版本不收费。更改centos网络配置bootproto 改成staticonboot 改成yes根据如下图片配置网络TYPE="Ethernet"...
2019-10-10 11:12:01
126
原创 前端基础
目录面向对象与面向过程的本质的区别HTML超文本标记语言CSS兼容性引入方式:Javascript数据类型事件正则表达式this指针ES6框架面向对象与面向过程的本质的区别https://blog.csdn.net/jerry11112/article/details/79027834HTML超文本标记语言网站后缀 html\s...
2019-10-09 13:30:37
413
转载 浏览器全屏
今天看了一个全屏事件的代码<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body> <div style="margin:0 auto;height:600px;width:700px;"> &
2018-06-26 11:31:59
264
原创 前端没有后台时需要使用mock情况
当前时间20180409npm install koa@1 koa-router@5 --save-dev一定要加上版本 因为koa2 需要最新的node 7.6以上才可以支持var app = require('koa')();var router = require('koa-router')();// 订单列表const orderList = require('./orderlist/or...
2018-04-09 14:03:58
1080
转载 react 全家桶安装
windows 中的一些cmd命令cd test 进入test文件夹 cd .. 返回上一级 md test 新建test文件夹 cd.>cc.txt 新建cc.txt文件 dir 列出文件夹下所有文件及文件夹 md d:\test\myfolder d盘下新建文件夹 原文地址https:/...
2018-04-03 16:29:40
623
转载 ES6
使用类与传统函数的区别如果声明为一个类 在变量赋值的时候 该变量没有this this没有发生自动包装 所以在直接调用speak 和 eat的时候回出现返回undefined这种情况(无论是严格模式 还是 非严格模式)但是 当我们基于函数类传统的这种方法来写代码 那么基于该函数this指针会自动装箱 就可以被调用到与原来的原型链继承不一样 子类Dog可以直接使用extends 关键字来继承Anim...
2018-03-29 15:40:29
123
原创 DOM级事件
0级DOM分为2个:一是在标签内写onclick事件 二是在JS写onlicke=function(){}函数2级DOM只有一个:监听方法,原生有两个方法用来添加和移除事件处理程序:addEventListener()和removeEventListener()。它们都有三个参数:第一个参数是事件名(如click); 第二个参数是事件处理程序函数; 第...
2018-03-21 18:52:18
271
jquerytree.zip
2020-07-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人