GoogTech's Blog Site

学习笔记 : Vue.js的语法数值绑定文本插值文本插值的方式十分简单,只需使用双括号(Mustache语法)将要绑定的变量,值,表达式括住即可,Vue将会获取计算后的值,并以文本的形式将其展示出来 . 123456789<div id="app">{{ message }}</div><script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } });</script> HTML插值HTML插值是对文本插值的补充和扩展,其可以动态渲染DOM节点,常用于处理开发者无可预知和难以控制的DOM结构,如渲染用于随意书写的文档结构等 .. 123456789<div id="app"><p v-html="message"></p>& ...

学习笔记 : 详解Vue.js的生命周期Vue实例的生命周期函数从Vue实例创建,运行,到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期,至于生命周期钩子只不过是生命周期事件的别名而已. 其生命周期图如下所示 : 初始阶段 钩子函数 描述 数据 真实DOM 项目中的应用 beforeCreate 表示组件创建前的准备工作,为事件的发布订阅和生命周期的开始做初始化 无 无 项目中一般不使用 created 表示组件创建结束 有 无 异步数据请求,然后可以进行一次默认数据的修改 beforeMount 表示组件装载前的准备工作(VDOM) 有 无 数据请求,它也可以进行一次数据修改 mounted 组件挂载结束,真实DOM渲染完成 有 有 DOM操作,第三方库的实例化 beforeCreate : 在实例初始化之后,数据观测(data observer)和event/watcher事件配置之前被调用 created : 实例已经创建完成之后被调用. 在这一步,实例已完成以下的配置 : 数据观测(data observer)属性初始化和方法的运算, ...

学习笔记 : 拥抱Vue ~传统的网站开发一般采用HTML,CSS,JS作为技术架构,而Vue立足于其上,并以模板语法为基础,数据绑定和组件化开发为核心,极大地简化了项目的开发流程 ~ Vue简介Vue.js是一套轻量级MVVM框架,由时任前Google工程师(现任阿里Week团队技术顾问)的尤雨溪创造并开源,与其它重量级的框架不同的是,Vue的核心库只关注视图层,并且提供尽可能简单的API以实现数据绑定,组件复用等机制,且非常容易学习并混入其它库. 其Github开源地址 : https://github.com/vuejs/vue MVVM介绍模型-视图-控制器(Model-View-Controller,MVC)模式,在Web 1.0时代曾被广泛应用于Web架构中,然而其诞生时间比Web早几年,最初,MVC被应用于桌面程序中,然而在PHP,JSP等脚本语言诞生后,也逐渐成为Web开发的主流模式 ! 其MVVM作为MVC的其中一个衍生版本,MVVM主要的目的是分离视图(View)和模型(Model),ViewModel层封装了界面展示和操作的属性的接口. 通过数据绑定,我们可以将V ...

爬虫项目笔记 : JDBookCrawler-V3.0简介 : JDBookCrawler 3.0的爬虫功能基于JDBookCrawler 2.0,前端设计参考项目springboot-beginner,简单点说v3.0就等于v2.0 + springboot,😅不尴尬嘿嘿嘿~ 开发环境 工具 版本或描述 OS Windows 10 JDK 1.8 IDE IntelliJ IDEA 2019.1 Maven 3.6.0 MySQL 8.0.11 本项目的数据库版本为8.0.11，请广大版本为5.0.0+的同学注意咯：可通过逐个复制表结构来创建该数据库哟 ~ 项目结构图12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485├─bookcrawler-v3.0│ │ crawler.s ...

学习笔记 : GitHub工作流程GitHub流程(Git flow的简化版)是一种轻量级,基于分支的工作流程,支持定期进行部署的团队和项目. 本篇文章诠释了GitHub流程的工作原理及流程 . GitHub工作流程可以简单地分为以下步骤 : 第一步 : 根据需求,从master拉出新分支(不区分功能分支或补丁分支) . 第二步 : 新分支开发完成后需要合并,谈论时,就需要向master发起一个pull request (PR) . 第三步 : Pull Request既是一个通知 : 让别人注意到你的请求,又是一种对话机制 : 让大家一起审核及讨论你的更改信息, 对话过程中可以不断修改提交信息并提交哟 . 第四步 : 当Pull Request通过审核后,继而可以与master合并啦 ! 成功重新部署后,原来你创建的那个分支就可以删除咯(先部署再合并也可以哟) . A Successful Git Branching Model Create a branch 当你在一个项目上工作时,你会在任何特定时间都有一堆不同的功能或想法,既而分支可以帮助你管理其工作流程. 在项目中 ...

爬虫项目笔记 : JDBookCrawler-V2.0简介 : 最近在学习爬虫技术,学习HttpClient,Jsoup后,又浅薄地学习了WebMagic爬虫框架嘿嘿,为了总结知识点继而用其重写了JDBookCrawler-V1.0,其功能为 : 爬取京东商城书籍数据. 程序已Psuh到GitHub : https://github.com/YUbuntu0109/Crawler-learning/tree/master/BookCrawler-v2.0/bookcrawler-v2.0 项目概述项目结构图123456789101112131415161718192021222324252627282930313233└─bookcrawler-v2.0 │ │ crawler.sql │ pom.xml │ └─src └─main ├─java │ └─pers │ └─huangyuhui │ └─bookcrawl ...

爬虫项目笔记 : JDBookCrawler-V1.0简介 : 最近在学习爬虫技术,浅薄学习HttpClient,Jsoup后,为了总结知识点既而写了这个小爬虫 : 爬取京东商城书籍数据. 程序已Psuh到GitHub : https://github.com/YUbuntu0109/Crawler-learning/tree/master/BookCrawler-v1.0/bookcrawler 项目概述项目结构图12345678910111213141516171819202122232425262728293031└─BookCrawler-v1.0 └─bookcrawler │ │ crawler.sql │ pom.xml │ └─src └─main ├─java │ └─pers │ └─ ...

学习笔记 : Java爬虫之WebMagic简介 : WebMagic是一款简单灵活的爬虫框架,WebMagic的结构分为Downloader、PageProcessor、Scheduler、Pipeline四大组件,并由Spider将它们彼此组织起来. 这四大组件对应爬虫生命周期中的下载、处理、管理和持久化等功能. 而Spider则将这几个组件组织起来，让它们可以互相交互，流程化的执行，可以认为Spider是一个大的容器，它也是WebMagic逻辑的核心. Little book of WebMagic : http://webmagic.io/docs/zh/ WebMagic总体架构图如下所示 : WebMagic的四个组件DownloaderDownloader负责从互联网上下载页面,以便后续处理. WebMagic默认使用了Apache HttpClient作为下载工具 PageProcessorPageProcessor负责解析页面,抽取有用信息,以及发现新的链接,WebMagic使用Jsoup作为HTML解析工具,并基于其开发了解析XPath的工具Xsoup. ...

学习笔记 : Java爬虫之Jsoup(Java HTML Parser)jsoup is a Java library for working with real-world HTML. It provides a very convenient API for extracting and manipulating data, using the best of DOM, CSS, and jquery-like methods. 👍 jsoup Cookbook : https://www.open-open.com/jsoup/ 爬虫实现使用Jsoup解析不同数据的方式,示例程序如下 : 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354package pers.huangyuhui.crawler.Jsoup_Demo;import org.apache.commons.io.FileUtils;import org.jsoup ...

学习笔记 : Java爬虫之HttpClient简介 : HttpClient是Apache Jakarta Common下的子项目,用于提供高效的,功能丰富的支持HTTP协议的客户编程工具包,其主要功能如下: 实现了所有HTTP的方法 : GET,POST,PUT,HEAD .. 支持自动重定向 支持HTTPS协议 支持代理服务器 实现爬虫传统实现 : 爬取静态网页 123456789101112131415161718192021222324252627282930313233package pers.huangyuhui.crawler.HttpClient_Demo;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.net.URL;import java.nio.charset.StandardCharsets;/** * @project: crawler_learning * @description: 下载网页的基本 ...