qq_40717869的博客

原创 docker 换源

MAC版本//1.在任务栏点击 Docker Desktop 应用图标 -> Perferences，在左侧导航菜单选择 Docker Engine，//2.输入下面的json{ "registry-mirrors": [ "https://hub-mirror.c.163.com", "https://mirror.baidubce.com" ]}//3.点击Aplly & Restar 重启dockerLinux（centos）//1.vim

原创 es删除所有数据

# 删除所有数据标签可选POST http://0.0.0.0:9200/索引/标签/_delete_by_query?pretty{ "query": { "match_all": { } }}

原创 ubuntu 数据库离线安装

tar文件解压缩到/usr/local/ 重命名为mysql 创建 data 文件和 logs 文件 确保/etc文件中没有mg.cnf ./bin/mysqld --initialize --datadir=./data/ --user=root 拿到初始化密码 复制 mysql目录下创建my.cnf nohup ./bin/mysqld_safe --defaults-file=...

原创 一张图看懂vue响应式流程

原创 输入url到打开页面的过程

url => dns => ip => tcp(三次握手)  => 拿到数据 => dom tree && cssom tree => render tree => layout => paint => tcp(四次挥手) => 结束请求具体如下：1.输入url后浏览器通过dns服务器解析域名拿到ip地址2.通...

原创 页面的渲染过程

首先浏览器会请求页面文件，在互联网中数据是以数据包的形式发送的，其单位是字节（Bytes）。1.html和css的加载方式请求得到html数据包 => 将原始字节转换为字符 => 将字符转为Tokens(可以理解为数据结构，包含开始、结束标签和一些属性) => 转换为节点 => 转换为DOM树／css树html：Bytes => Characters =&...

原创 JS获取页面所有元素并统计每个标签的个数

看了百度上的文章感觉都有点麻烦，就写了一个简单点的～let el = document.getElementsByTagName('*');let elObj = {};for(var i=0; i<el.length;i++){ if(!elObj[el[i].tagName.toLowerCase()] ){ elObj[el[i].tagName.toLow...

原创 作用域和上下文

JavaScript代码的整个执行过程分为两个阶段：编译期  和  执行期第一阶段为编译器编辑，解析语法，翻译成可执行代码，确定作用域 第二阶段首先会创建执行环境，代码执行，执行完毕后内存回收而创建执行环境又分为两个阶段创建执行环境中又分为 创建阶段 和 执行阶段 创建阶段首先会生成 变量对象(活动对象)，创建作用域链，确定this指向(也就是上下文) 执行阶段先进行变量赋值，函数...

原创 let和const命令

let和const的使用注意须知1.let和const使用时必须先声明在使用，不存在像var声明变量时的变量提升；2.es6语法中引入了块级作用域的概念，let和const声明的变量只在本身所在的代码块内生效；（let会出现暂时性死区）；3.let和const在同一作用域不可重复申声明；4.let和const声明的全局变量，不属于顶层对象(window)的属性。5.const声...

原创 前端页面性能优化

1.write less do more 代码框架要稳定2.JS 压缩、HTML 压缩3.提取公共资源4.提取 css 并压缩5.使用大小正好的图片、图片压缩、使用雪碧图、使用字体图标6.使用 CDN7.CSS 属性读写分离、通过切换 class 或者 style.csstext 属性去批量操作元素样式8.DOM 元素离线更新、将没用的元素设为不可见、压缩 DOM...

原创 禁止ios浏览器页面上下滚动 (橡皮筋效果)

在ios任何版本的浏览器（包括ios微信内置的浏览器），滚动页面的时候会出现整个页面上下滚动的效果（百度说是橡皮筋效果），虽然不耽误使用，但是让人心烦，所以要禁止掉这个行为。有两种方法可以解决这个问题：（推荐使用第二种方法）1.用fixed定位来解决解决思路：这个就是把html,body设置width: 100%; height: 100%; position: fixed;top:0...

原创 vue子组件向父组件传值----$emit

子组件向父组件传值可以使用  $emit()  我的理解是子组件通过$emit方法把自己的第一个参数eventName传递给父级，父级把eventName当成一个事件，触发这个事件接收子级传给自己的数据或执行操作$emit ( eventName,args..)参数eventName(必传参数): 传递到父级的时间名参数args(可选参数): 传递到父级数据（可以传字符串、数组、对...

原创 前端应该掌握的HTTP状态码

知己知彼，焉能百战不殆。和后端的同志对接口时，熟练掌握HTTP状态码，才能更好的解决各种问题(甩锅)～～参考文献：1. 百度百科  2.https://blog.csdn.net/dufufd/article/details/53112184成功类（请求已经被成功处理了）200 请求已成功，返回想要的东西。出现此状态码是表示正常状态。（所有人都喜欢的）201 请求成功，服务器正在创...

原创 h5上传图片的两种方法

个人推荐使用formData形式和base64。至于直接用表单上传，反正我是不用这种的预览图片的方法和base64上传图片方法在一起～～～～上传方法1.ajax用formData对象上传介绍一下formData：FormData对象把数据编译成键值对的形式，用XMLHttpRequest来发送数据。注意: 1.要将编码方式(enctype属性)  设置成 multipart/for...

原创 如何更改 iOS 和安卓浏览器上的 input[type="radio"] 元素的默认样式？

可选框input[type="radio"] 在移动端的样式不一致，尤其在ios的样式别的惨目忍睹，所以就自己自定义一下，查了网上好多资源，不尽人意，都是一套代码反复发，所以自己写了一个～写完是长这个样子滴...

原创 vue2 学习之路之 入门准备

一直在用angular开发，忽见githup上vue小星星飙升，遂用之，接下来就是我的学习之路。最初上手需要会的 ‘姿势’ 点1. vue.js (学习地址：https://cn.vuejs.org/v2/guide/ 官网把vue介绍的很详细了，我就不多bb了)2. vuex （我的理解就是统一管理和维护各个vue组件的数据--------适用于复杂逻辑的页面）3. vue-router (路由...