松鼠先森-CSDN博客

原创 Vue2学习计划六：组件化

我们面对乱麻的时候，当然是快刀斩。面对复杂问题的时候，我们最佳方案就是将问题进行拆解成一个个小问题，然后一个一个的解决。这同样适用于编程。如果将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续管理和维护。但如果将一个页面拆分成不同的供可能块，每个功能块都完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得很容易了。同样在Vue中，也提供了一种抽象思想，让开发者可以开发出一个个独立可复用的小组件来构造开发者的应用，任何应用最终都会可以被抽象成一颗组件树。一、组件

2021-08-23 22:05:35 136

原创 Vue2学习计划五：v-on、v-model、v-if、v-for和v-show

v-on事件监听1.1 v-on基本使用我们前面学习了，{{}}和v-bind，这两货可以让我们将Vue实例中的数据绑定到DOM中。那么，产品经理又开始有奇怪的需求了，比如我们要点击按钮更换图片怎么办？怎么办呢？我们目前只会将数据绑定到DOM上，如何监听DOM里的事件，然后作用到Vue实例数据上呢？别急，这正是今天要学的v-on的主场。产品经理太可恶，我们实现一个其他的事件监听案例，实现一个计数器。有按钮加和按钮减，然后将数值展示出来。 <div id="app"> <h

2021-08-06 21:31:28 1121

原创 Vue2学习计划四：v-bind

我们上一节讲了插值，主要是针对DOM的文本节点操作。那么如果现在有个需求，我们需要点击按钮，更换图片，怎么办？或者我们需要更换一下元素的样式该怎么实现呢？Vue当然有办法，这就是v-bind的功效了。主要用于动态绑定属性。可以用冒号来缩写。一、v-bind基本使用（动态绑定链接地址）我们这里主要讲一下怎么使用v-bind和v-bind的语法糖，实现了数据动态绑定超链接a元素的href和图片的src属性。以后只需要修改Vue实例里的数据就可以更换图片和链接地址。<div id="app">

2021-08-01 08:50:09 932

原创 Vue2学习计划三：插值语法

一、什么是插值语法插值字面意思大概就是插入值，那么把什么值插入什么地方就是我们研究的了。既然这个插值语法是Vue2里面的语法，那么肯定跟Vue的核心思想有关。Vue的核心是采用简洁的模板语法来声明式地将数据渲染进DOM系统。那么数据从哪来，插入哪，我们大概就知道了。我们响应式的数据插入到DOM中。这正是插值语法要做的。二、不得不提的Mustache插值前面浆果了，Mustache采用{{}}，将Vue实例中的数据插入DOM中<div id="app">{{message}}</di

2021-07-28 20:01:39 259

原创 Vue2学习计划二：mustache与methods和computed等Vue实例参数

上一节写了Vue实例的生命周期，我们心里有了个Vue里的数据绑定至DOM，那么具体怎么实现的呢？要实现只需要在Vue绑定的DOM元素中使用mustache语法即可，简单例子如下<div id="app"> <h2>{{message}}</h2> <hr> <h3>全名：{{fullName}}</h3> <h3>lastName：{{lastName}}</h3> <h3>f

2021-07-28 19:58:13 201

原创前端之ES6浅学习

ES6我没有学完，毕竟JS我也才过了一遍基础，其实我也就跟着B站的Pink老师的视频学了一下CSS和JS，而且是跳跃式的学习，毕竟我不是前端，估计也不会以前端为职业。仅仅是为了兴趣，所以jQuery这等老爷爷级别的框架我就没学了，毕竟我不会维护老的项目。我学前端大概率就是从0-1搭建网站而已。ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企

2021-07-26 12:53:15 145

原创 Vue2学习计划一：Vue初体验

Vue2学习计划一：Vue初体验一、安装二、Vue初体验三、Vue的MVVM四、Vue的生命周期既然点开了，就不啰嗦为什么学Vue了，或者Vue有多好。实在太多大佬已经解释过了。初体验，那么必然就是先怎么安装，然后怎么使用Vue输出Hello World，最后再说一下Vue的总体结构。一、安装一共有三种安装方式：直接CDN引入开发环境：下载Vue.js文件并在使用时引入开发版本下载地址：https://cn.vuejs.org/js/vue.js生产版本下载地址：https:/

2021-07-25 20:06:12 123

原创猫眼字体反爬

一.背景字体反爬是什么鬼?我才听说的时候一脸懵逼.最后发现是字体编码方式.简单解释就是一种映射关系,网页的特定编码方式.说再多也不如来一图.看图,无名之辈的票房是不是大家都能看懂,4029.11万.接下来showtime到了.4029.11是不是很爽快的变成一堆堆框框了.老实交代有木有打开猫眼观察了.是不是惊悚的发现数字基本都变了.这是什么鬼,其实就是一种自定义字体.不对不对,...

2018-12-02 19:13:21 719

原创 mac上破解微博登录四宫格

按照崔大佬的书目录,最终是做成一个分布式的爬虫,用框架爬取所有的微博.So,我就按着步骤来,从代理池,cookies池,到最后的crapy框架. 首先,分析一下微博四宫格验证码,它长下面这个样子哈.那么一共有4*6=24中验证码.一种方法是从图像处理的方式来做,但是有个问题.上面这个图里面,我姑且称为4->3->2->1形验证码.那么1->2->3-&...

2018-11-18 17:56:24 492

原创爬取微博条目

首先当然是成果镇楼流程图1.打开网页2.得到个人微博数量并计算微博页数3.爬取某一页4.解析某一个5.重复3-4直至全部完成准备工作打开https://m.weibo.cn,然后随便搜一个名人,爬取名人的微博比较好,因为他们微博数量多嘛.粉丝也多.然后如下你一直往下拉是不是会发现有很多新的蹦出来,别怕那不是怪兽,那是Ajax.这就是传说...

2018-11-11 22:52:32 303

原创 BeautifulSoup4爬取猫眼电影前一百

最开始学习python，是因为爬虫。最初学习小甲鱼的教学视频，后来在小甲鱼的论坛上发现了用bs4爬取豆瓣前一百，当时怎么也看不懂。后来系统的学习了一下爬虫。参考了崔大佬的爬虫之后，改编书上的例子（书上用正则法则），我这里用bs4，后文会附上正则法则解析网页。系统流程：1.观察页面构造--知道要提取多少页，url构造方式等2.编写函数解析每一页--得到每一页需要的数据3.数据清...

2018-11-07 23:14:21 1822

原创使用k-近邻算法改进约会网站的配对效果--学习笔记（python3版本）

本文取自《机器学习实战》第二章，原始为python2实现，现将代码移植到python3，且原始代码非常整洁，所以这本书的代码很值得学习一下。 k-近邻算法概述工作原理：存在一个样本数据集合，也称作训练样本集，并且样本集中每个数据都存在标签，即我们知道样本集中每一数据与所属分类的对应关系。输入没有标签的新数据后，将新数据的每个特征与样本集中数据对应的特征进行比较，然后算法提取样本集中特征...

2018-11-04 21:09:39 277

原创爬虫学习笔记：Selenium爬取淘宝美食附完整代码

淘宝的页面也是通过Ajax来抓取相关数据，但是参数比较复杂，甚至包含加密秘钥。使用selenium来模拟浏览器操作，抓取淘宝商品信息，即可做到可见即可爬。1.准备工作用selenium抓取淘宝商品，并用pyquery解析得到商品的图片，名称，价格，购买人数，店铺名称和店铺所在位置。即需要安装selenium，pyquery，以及Chrome浏览器并配置ChromeDriver。...

2018-07-06 14:22:23 3452 3

原创今日头条街拍图片抓取

爬取目标：今日头条右上角输入：街拍之后得到的是这样一个磨人的小妖精分析网页之后发现是Ajax技术（我用的是Chrom的开发者工具，点XHR之后发现了常规的Ajax请求）然后在细致的分析Preview里面的代码。会发现image_list里面包含了图片的链接，title里面包含了名称。这就是我们需要爬取的部分了如图然后回到Headers，我们根据Request URL来构造GET请求。如下图...

2018-06-29 17:34:50 1416 2

原创 pyquery爬取知乎发现

import requestsfrom pyquery import PyQuery as pqurl = 'https://www.zhihu.com/explore'headers = {'User-Agent' : '*******'}html = requests.get(url, headers=headers).textdoc = pq(html)items = doc('.explo...

2018-06-24 22:10:55 448

ynztwlz的博客