VuePress 博客之 SEO 优化（四） Open Graph protocol
前言在中，我们使用VuePress搭建了一个博客，最终的效果查看：。本篇讲讲SEO优化中的OpenGraphprotocol。meta标签如果我们打开思否任意一篇文章，比如这篇，查看DOM元素，我们可以在head中找到这样一段meta标签：我们可以发现name都是以og:开头，这是什么意思呢，又是什么作用呢？其实这是
Vue3学习笔记---Vue3带来了什么
1.性能的提升打包大小减少了41%初次渲染快55%，更新渲染快133%内存减少54%...2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和TreeShaking(是一个通常用于描述移除JavaScript上下文中的未引用代码(deadcode)行为的术语，它依赖于ES2015中的import和ex
vue 生命周期的理解(created && mouted的区别)
生命周期先上图（笑skr个人~~）!(https://oscimg.oschina.net/oscnet/6d899c3576884ee9db73c0263ac9f4027e0.png)什么是生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我
JTopo + Vue 实现自定义拖拽流程图
JTopoVue实现自定义拖拽流程图市场上做流程图的插件比较多，这里介绍一种基于canvas编写的js插件，结合vue框架做出精美的流程图首先搭建vue框架，这里就不做介绍，由于jtopo官方demo里用到了jquery，所以我的项目里也引用了jquery插件，鉴于这里用到了很多的dom操作，所
MVVM和MVC的区别，以及MVVM的缺点
MVVM和MVC的区别MVC和MVVM的区别其实并不大。都是一种设计思想。主要就是MVC中Controller演变成MVVM中的viewModel。MVVM主要解决了MVC中大量的DOM操作使页面渲染性能降低，加载速度变慢，影响用户体验。当和Model频繁发生变化，开发者需要主动更新到View。MVVM：是ModelView
Selenium及Headless Chrome抓取动态HTML页面
一般的的静态HTML页面可以使用requests等库直接抓取，但还有一部分比较复杂的动态页面，这些页面的DOM是动态生成的，有些还需要用户与其点击互动，这些页面只能使用真实的浏览器引擎动态解析，Selenium和ChromeHeadless可以很好的达到这种目的。HeadlessChromeHeadlessChrome是Chrome
H5游戏性能优化整理（cocos
近期在一家公司负责H5游戏加载速度优化，这里把近期做的项目优化项做一个整理分享：(若文中有错误的地方，还请指出。) 分享流程：了解html渲染流程html相关优化http相关优化项目结构和游戏流程及优化游戏渲染相关优化代码编写优化html渲染流程HTML解析过程：构建DOM树、构
Spring的IOC逐层深入——源码解析之IoC的根本BeanFactory(五)
什么是IoC IoC容器，最主要的就是完成对象的创建以及维护对象的依赖关系等。 所谓控制反转，包括两部分：一是控制，二是反转，就是把传统方式需要由代码来实现对象的创建、维护对象的依赖关系，反转给容器来帮忙管理和实现。所以我们必须要创建一个容器，同时需要一种描述来让容器创建对象与对象的关系。 Io
JVM调优总结（五）
为什么要分代 分代的垃圾回收策略，是基于这样一个事实：不同的对象的生命周期是不一样的。因此，不同生命周期的对象可以采取不同的收集方式，以便提高回收效率。 在Java程序运行的过程中，会产生大量的对象，其中有些对象是与业务信息相关，比如Http请求中的Session对象、线程、Socket连接，这类对象跟业务直接挂钩，