Karl_avenger-CSDN博客

原创单机模式，集群模式，负载均衡，分布式框架

前言：本文仅针对四个常用概念做具体解释，其中不乏一些个人理解，具体也有问过后端开发的一些朋友，前端小白在这里献丑了。【如有瑕玷，还请赐教，定虚心学习。】单机模式：例如你有一个项目，所有的代码都放在一个项目里，...

2019-09-17 04:57:01 532

原创 encodeurl() & encodeurlComponent()

encodeurl 和 encodeurlComponent都是 Js对 url 编码的函数区别： encodeurl 着眼于对整个 url 进行编码，特殊含义的符号，例如右方这些；/ ? : @ & = + $ , # 是不进行编码的。 &nbs...

2019-09-17 04:23:48 2734

原创 Shadow DOM

前言：中秋佳节，在此祝愿各位开发者中秋节安康。即使单身一人，也要记得，远在他方有一个对你倍感思念的人。时光匆匆，回想起刚入这行的时候，还是一个连标签嵌套都搞不大明白的小白。今天偶然有机会看到一篇博客，里面...

2019-09-13 03:01:00 663

原创 webpack error: cleanWebpackPlugin

webpack日志更新之后，手动配置 webpack时出现了一些变动，原先配置 cleanWebpackPlugin的方式被作为更改。具体修改如下：const webpackConfig = {plugins: [/*** All files inside webpack’s output.path directory will be removed once, but the* ...

2019-09-09 21:05:54 124

原创 GET 和 POST请求，你真的了解吗？

最直观的区别就是 GET 把参数包含在 URL 中，POST 通过 request.body 传递参数.本篇是对于很久之前看到的博客做出整理，之前一直记录于有道笔记，今天拿出来分享给大家，希望大家能够从中有所收益。一般大家都会这么去回答：GET 在浏览器回退时是无害的，而 POST 会再次提交请求 ;GET 产生在 URL 地址可以被 Bookmark，而 POST不可以 ;GET ...

2019-09-05 16:46:12 374

原创 DNS （Domain Name Server）域名服务器

DNS 是进行域名和与之对应 IP地址转换的服务器。DNS 是靠什么进行解析的呢？在浏览器输入域名后的解析过程 :浏览器先去本身缓存中找该DNS的解析记录，有就直接返回，没有则去寻找操作系统中（hosts文件）是否有记录，有就返回该记录 ;以上两种都没有的情况下，浏览器则会向域名服务器发起请求来解析这个域名 ;请求先发送到 LDNS （本地域名服务器），让它尝试去解析，如...

2019-09-05 14:48:00 1276

原创 href 和 src 的区别？

href: (Hypertext Reference)释义：指的是网络资源的位置，herf 的作用是建立关系，建立联系，让当前标签能够链接到目标地址。src: Source(缩写)释义：指向外部的位置，指向外部资源，指向的内容将会应用到文档中当前标签的位置。href,src的区别？ 1. 请求的资源类型的不同，href指向网络资源所在的位置，旨在联系建立；src会将其指向的资源下载应...

2019-09-05 14:29:27 213

原创页面渲染过程

页面的渲染过程简洁易懂，告诉你页面渲染过程这里做了一个脑图其渲染步骤如下：浏览器通过 HTML parser 根据深度遍历的原则，把 HTML 解析成 DOM tree;将 CSS 解析为 CSS Rule tree (CSSDOM tree);根据 DOM树和 CSS树来构造 render tree;layout: 根据得到的 render tree 来计算节点位于屏幕的位置...

2019-09-05 14:07:08 360

HubilderX 打包真机模拟前言：这篇博客里的内容仅提供给使用 HubilderX 打包项目的web攻城狮们，希望对你们有所帮助，如果是别的测试渠道，那就不希望您浪费时间了。首先说明一下，项目打包的时候，运行的是 npm run build. so,之前贴吧看到一个萌新把 dev 的 assetsPublicPath 属性改成了 “./”, 但这样是并不能正确解决打包问题，于是我在网上搜索...

2019-09-05 12:58:19 304

原创 Vue routers

Vue routerrouter.go(n) :该方法的参数 n 为一个整数，意思是在 history 记录中向前或者向后退多少步。这里来打印一下 window对象：作为 js顶级DOM对象的 window 里有一个属性，叫做history，该属性的原型上拥有一个 go 方法：现在关于 vue.routers 的应用，或许大家能够想到他的实现自然是离不开 history属性的，有些...

2019-09-05 01:28:41 200

原创 vue中使用echarts.js

Vue项目使用 echarts.jsCode:main.js: /*这里先注入依赖,没有配置 webpack,所以路径为 "../", 看到以 “@” 开头,但并不理解的,推荐去看一下 webpack 的官方文档. */ import echarts from '../node_modules/echarts' //在 vue的原型链上注册 $echarts...

2019-09-04 22:37:14 462 1

原创 Vue路由切换动画-（笔记）

Vue 路由切换动画Code:<transition enter-active-class="animated fadeIn" leave-active-class="animated fadeOut" mode="out-in"> <router-view></router-view></transition>备注：上面这种简单的方...

2019-09-04 21:33:52 179

原创 web前端小白-（笔记）

非（router-link）方法，代码很简单，直接上代码了，作为初学者的我，总是忘记 $router.push 的写法。借此笔记，以作巩固。

2019-09-04 21:19:27 123

Karl_avenger的博客