stone_ui-优快云博客

原创 docker 部署redis

使用 Docker 运行 Redis 容器，并挂载你的配置文件。的配置文件，并设置密码。如果密码正确，你将能够成功认证。CONTAINER_ID为docker容器ID。替换为你想要的密码。

2024-09-13 09:53:17 709 1

原创动态检查某个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 1342

原创 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 536

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 131

原创列队 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) =&gt.

2021-10-08 17:40:48 112

原创 npm 公司安装环境问题

用来解决npm 版本过高npm i --legacy-peer-deps用来解决npm 权限问题npm i --unsafe-perm

2021-07-14 09:30:41 174

原创将网页上所有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 858

原创 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 229

原创 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 109

原创 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 2311

原创 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 225

原创 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 410

原创 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 5692

转载 ast

聊一聊 Javascript 中的 AST百度百科是这么解释的：在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。听起来还是很绕，没关系，你可以简单理解为它就是你所写代码的的树状结构化表现形式。有了这棵树，我们就可以通过操纵这颗树，精准的定位到声明语句、赋值语句、运算语句等等，实现对代码的分析、优化、变更等操作。AST

2020-05-26 11:20:22 265

转载 nginx 部署多个前端项目

NGINX中单设置一个web前端很容易，改变端口，改变root指向基本就搞定了，那么，假设我们有多个前端项目部署在同一个域名下，该怎么设置呢？1. 先假设我们有一个应用，http://domain就可以访问了，现在改版了希望可以访问旧的应用http://domai...

2020-05-22 15:23:50 3446 1

原创 html dom渲染及基础知识

css的两种盒模型而引起上面效果的原因来自于 css 的两种盒模型的不同，这里我先对两种盒模型做个介绍。W3C的标准盒模型在标准的盒子模型中，width指content部分的宽度IE的盒模型在IE盒子模型中，width表示content+padding+border这三个部分的宽度我们可以看出我们上面的使用的默认正是W3C标准盒模型而这里盒模型的选取更倾向于项目和开发者...

2020-04-22 10:41:41 549

转载【前端路由】Vue-router 中hash模式和history模式的区别

咱们今天说...

2020-04-13 15:36:48 294

原创 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 427

原创 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 530

原创 Vue 加入 withCredentials 后无法进行跨域请求

Vue和django的前后端分离项目，之前通过在django中允许跨域访问实现了跨域请求，但为了使每个请求带上session信息，我设置了withCredentials ,即：axios.de...

2020-04-03 15:14:45 2113

原创 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 132

原创 http 进化

参考原文：https://www.cnblogs.com/heluan/p/8620312.htmlHTTP优化有两个方面带宽和延迟带宽的影响只停留在拨号时代延迟影响1.浏览器的阻塞：浏览器最大连接数量4 （不同浏览器不同）2.DNS查询，通过缓存来缩短时间。3.建立连接：HTTP 是基于 TCP 协议的，浏览器最快也要在第三次握手时才能捎带 HTTP 请求报文，达到真...

2020-02-10 21:51:40 226

原创观察与被观察

首先明确观察者和被观察者责任被观察者用来存放谁来观察他自己观察者则是类似与控制反转来操作被观察者存放的对象过程由观察者来去把自己放入被观察者数组定义观察者要被触发的方法最后由被观察者来触发方法https://www.cnblogs.com/cc-freiheit/p/11356073.htmlgit代码观察者模式https://github....

2020-02-10 20:52:48 874

原创 java collection 集合

java 基本数据类型byte、short、int、long、float、double、char、boolean。原文：https://blog.youkuaiyun.com/weixin_44551646/article/details/94295677List集合List集合为列表类型，以线性方式存储对象。List集合中的元素允许重复，各元素的顺序就是对象插入的顺序。用户可以通...

2019-11-27 18:19:52 91

原创 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 915

原创 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 790

原创 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 305

原创 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 89

原创 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 197

原创 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 342

原创 linux 软件包管理

ubuntu apt 软件包管理程序centos yum软件包管理程序安装文件安装版绿色版yumhttps://blog.youkuaiyun.com/sunylat/article/details/81869513yum list installedyum deplist tomcatyum -y install tomcat 一路yesyum rem...

2019-10-13 17:33:04 89

原创 Linux系统存在的文件夹

根目录 /所有文件为挂在上的进入文件加 cd /查看文件列表管理员可以使用 ll 所有用户可以使用ls ls -allinux 装的软件是装在所有文件夹下bin 二进制可执行文件 exe（ls丶ll之类可执行命令）boot系统启动文件dev系统设备文件（打印机等）etc系统配置文件 [host文件（域名解析之类的文件）丶my...

2019-10-11 17:00:04 260

原创 linux基础系统安装

安装vm&centos下载多个linux内核系统在vm开机会出现文件占用问题，把vmx在你的虚拟机的安装目录下，搜索【.lck】并删除。这里使用shell来进行远程连接，shell可以使用school版本，此版本不收费。更改centos网络配置bootproto 改成staticonboot 改成yes根据如下图片配置网络TYPE="Ethernet"...

2019-10-10 11:12:01 148

原创前端基础

目录面向对象与面向过程的本质的区别HTML超文本标记语言CSS兼容性引入方式：Javascript数据类型事件正则表达式this指针ES6框架面向对象与面向过程的本质的区别https://blog.youkuaiyun.com/jerry11112/article/details/79027834HTML超文本标记语言网站后缀 html\s...

2019-10-09 13:30:37 481

原创 el-select 分页加载数据

当前elementUI版本 2.12.0 完成el-select 远程搜索动态加载问题控件写入控件调用处

2019-09-21 16:39:22 5132 1

转载浏览器全屏

今天看了一个全屏事件的代码<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 281

原创前端没有后台时需要使用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 1114