vue侦听器
今天看书的时候,留意到vue的侦听器watch有两个参数,但是看官网Api解释没看懂,也没有实践过,亲测一波先看官网定义deep
为了发现对象内部值的变化,可以在选项参数中指定 deep: true 。注意监听数组的变动不需要这么做。
watch是一个对象,里面存放要侦听的对象,这个被侦听的对象可以有多个属性,一个是侦听后的处理函数,还有就是今天要看的这两个参数,所谓发现对象内部值的变化,指的是侦听一个复杂对象,并处理对象属性,举个🌰
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647<!DOCTYPE html><html><head> <title>demo</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head>&l ...
node爬虫初体验
今天被问到,怎么爬B站的视频链接,问我的大哥用的python,我就用node来试试。看了眼B站的网页代码,是用的jquery实现的。首先要安装两个node的依赖包
1$ npm install superagent cheerio --save
superagent主要用于向网页发起http请求
Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features
cheerio用于获取jquery中的元素,对于网页爬虫容易定位到想要的dom上
Fast, flexible & lean implementation of core jQuery designed specifically for the server.
代码如下:
12345678910111213const superagent = require('superagent' ...
关于object.definedProperty
最近开始看vue.js的原理以及源码(真的是没有无缘无故去读源码,为了面试也好,为了和框架知已知彼也好,多学点总没错的吧😂),关于数据侦听这块,vue.js主要是用了Object.defineProperty()不过Object.defineProperty()也存在很多缺陷,但是对这个属性方法不熟悉的我,阅读源码时遇到了很多不便利,查了网上资料,自己整理一下Object.defineProperty()的用法Object.defineProperty()用于在一个对象上新增属性或者修改已有属性,举个🌰
12345678let myObj = { name: 'aiyaya', } let newObj = Object.defineProperty(myObj, 'age', { value: 18 }) console.log(myObj) // {name: "aiyaya", age: 18 ...
防抖和节流
函数的防抖和节流,学前端也不少时间了,这两个词还是第一次遇到,给自己科普一波。
函数防抖debounce:指定时间间隔内只会执行一个任务。举个例子
1234567891011121314151617181920212223<!DOCTYPE html><html> <head> <title>demo</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <input @keyup="write" /> </div> </body><script type="text/java ...
nzh的使用
今天在看项目代码的时候,看到用了一个方法nzh(),baidu了一波,是npm的一个包,趁热打铁,学习一下关于nzhnzh这个包主要是用于数据转换的,把阿拉伯数字转换成中文,我们在项目中用到的情况还是挺多的按照教程 先安装这个node包
$ npm install nzh –save
然后在vue组件中引入nzh这个包
hexo博客搭建过程
根据官网文档进行hexo博客的搭建hexo安装之前,首先要确保自己的电脑有安装 Node.js 和 Git
安装完Git和Node之后,只需要执行npm命令安装Hexo
1$ npm install -g hexo-cli
因为是全局的,经常会报权限错误,所以一般用 sudo
接下来,就可以开始建站了,在本地新建一个文件夹,hexo初始化这个文件夹,并安装依赖包
1$ hexo init
接下来,用hexo的启动命令,就可以在本地把我的博客跑起来啦!本地启动命令:
1$ hexo server
接下去可以给自己的博客装饰一下,选择一个主题,我选的是butterfly,并在配置文件下新建一个文件_config.butterfly.yml,将所需要配置的信息写在配置文件中然后要做的就是把博客放到github上,可以让自己写的东西不是只有本地自己能看到,修改_config.butterfly.yml,在最后添加一段配置内容
1234deploy: type: git repository: git@github.com:aiyaya211/aiyaya211.github.io.git br ...