03 2021 档案
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：什么是模块化： 模块化是从代码的角度出发，分析项目，把项目中一些功能类似的代码，单独抽离为一个个的模块，那么为了保证大家以相同的方式去封装模块，于是我们就创造了模块的规范（commonJS规范）。 模块化的好处： 方便项目开发，和后期的维护与扩展，今后如果需要某些固定功能的模块，则直接拿来引用就行，
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：animate官方网址：http://www.animate.net.cn/下载地址：https://github.com/animate-css/animate.css/releasesAnimate.css效果展示：https://www.kettle.net.cn/animate/index.
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：1.vue把一个完整的动画，拆分成两部分，入场动画和出场动画.2.入场动画中，包含两个时间，分别是进入之前（v-enter）和进入之后（v-enter-to）.3.v-enter表示动画入场之前的起始状态，比如：透明度为0，横向偏移量为50px.4.v-enter-to表示动画入场完成之后的终止状态
阅读全文
摘要：下载地址：https://github.com/axios/axios引入，两个都可以：<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script src="https://unpkg.com
阅读全文
摘要：下载地址如下：https://github.com/pagekit/vue-resource测试的URL请求资源地址：get请求地址： http://www.liulongbin.top:3005/api/getlunbopost请求地址：http://www.liulongbin.top:3005
阅读全文
摘要：Vue的实例，也分为三个阶段，分别是：创建阶段，运行阶段，销毁阶段。在实例运行的三个阶段中，总是伴随着各种各样的事件，那么，这些事件，统称为实例的生命周期函数（钩子函数，生命周期事件）。1.创建一个Vue的实例对象2.当执行到beforeCreate函数的时候，data上的数据还没有初始化好，此时，
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：var vm2=new Vue({ el:"#app2", data:{}, methods:{}, filters:{//自定义过滤器 } directives:{//自定义指令区域 bold:{ bind(el,binding){ el.style.fontWeight=binding.valu
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：在new Vue中有个filters，在里面写过滤器函数.这个过滤器只能在app2所控制区域使用。如果全局过滤器和私有过滤器重名了，就近原则。 var vm2=new Vue({ el:"#app2", data:{}, methods:{}, filters:{ addstr(data){ ret
阅读全文
摘要：过滤器的使用moment格式化时间过滤器的使用事项：1.Vue.filter("过滤器的名称",过滤器的处理函数)2.过滤器的处理函数中，第一个形参，功能已经被锁定，永远都是管道符前面的值3.调用过滤器{{item.date | formatDate }}4.在调用过滤器的时候可以传递参数{{ite
阅读全文
摘要：数组filter的应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta
阅读全文
摘要：indexOf的应用includes的应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1
阅读全文
摘要：import jieba #分词 from matplotlib import pyplot as plt #绘图,数据可视化 from wordcloud import WordCloud #词云 from PIL import Image #图片处理 import numpy as np #矩阵
阅读全文
摘要：当创建一个flask项目时,有如下四个文件：static：可以存放CSS,JStemplates：HTML网页模板venvapp.py app.py初始化原始代码如下： from flask import Flask app=Flask(__name__) #路由解析,通过用户访问的路径,匹配相应的
阅读全文
摘要：第一步，需要URL：第二步：头部需要的信息headers：*防盗链(确定来路) Referer*身份证 User-Agentre内置模块匹配括号里面的数据 res=re.findall("\((.*?)\)",要匹配的文本变量) 第三步：数据处理 import pandas as pd df_lis
阅读全文
摘要：#案例练习 def main(): baseurl="https://movie.douban.com/top250?start=" #1.爬取网页 datalist=getData(baseurl) savepath="豆瓣电影Top250.xls" dbpath="movie.db" #3.保存
阅读全文
摘要：workbook=xlwt.Workbook(encoding="utf-8") worksheet=workbook.add_sheet("sheet1") for i in range(0,9): for j in range(0,i+1): worksheet.write(i,j,"%d *
阅读全文
摘要：import xlwt workbook xlwt.Workbook(encoding="utf-8")#创建workbook对象 worksheet=workbook.add_sheet("sheet1")#创建工作表 worksheet.write(0,0,"hello")#写入数据，第一行第一
阅读全文
摘要：print(re.sub("a","A","abcdadgv"))#找到a用A替换,在第三个字符串中查找"a"
阅读全文
摘要：t_list=bs.select("title") #通过标签来查找 t_list=bs.select(".mnav") #通过class类名来查找 t_list=bs.select("#u1") #通过id名来查找 t_list=bs.select("a[class='bri']") #通过某标签
阅读全文
摘要：字符串过滤码：会查找与字符串完全匹配的内容 t_list=bs.find_all("a") print(t_list)#将所有a标签内容放在列表中 正则表达式搜索：使用search()方法来匹配内容 import re t_list=bs.find_all(re.compile("a")) prin
阅读全文
摘要：print(bs.head.contents)#得出来的是列表格式，eg:[xxxx,xxxxx,xxxx] print(bs.head.contents[1])#获取列表中第二个元素
阅读全文
摘要：from bs4 import BeautifulSoup file=open("./baidu.html","rb") html=file.read() bs=BeautifulSoup(html,"html.parser") print(bs.title) print(bs.a)#将打印出第一个
阅读全文
摘要：url="https://www.douban.com" headers={"User-Agent":"处理内容可以去真实浏览器中复制"}#有些网站卡的多，可以多写几个头部键值对信息 req=urllib.request.Request(url=url,headers=headers) respon
阅读全文
摘要：url="http://httpbin.org/post" headers={"User-Agent":"处理内容可以去真实浏览器中复制"}#有些网站卡的多，可以多写几个头部键值对信息 data=bytes(urllib.parse.urlencode({"name":"erick"}),encod
阅读全文
摘要：print(response.statu)#获取状态码 print(response.getheaders())#获取响应头信息 print(response.getheader('Server'))#获取头部信息里面单个内容信息
阅读全文
摘要：try: response=urllib.request.urlopen("http://httpbin.org/get",timeout=0.01)#如果0.01秒内数据没有响应就超时 print(response.read().decode("utf-8")) except utllib.err
阅读全文
摘要：import urllib.parse data=bytes(urllib.parse.urlencode({"hello":"world"}),encoding="utf-8") response=urllib.request.urlopen("http://httpbin.org/post",d
阅读全文
摘要：import urllib.request response =urllib.request.urlopen("http://www.baidu.com") print(response.read().decode('utf-8'))#对获取到的网页源码进行utf-8解码
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：v-if和v-show只有一个作用，就是根据指定的标识符，切换元素的显示和隐藏状态。v-if是实时的创建或者移除元素，从而达到元素的显示和隐藏v-show是通过为元素添加或者移除display:none来实现隐藏和显示的一般来说，v-if有更高的切换消耗而v-show有更高的初始渲染消耗，因此，如果
阅读全文
摘要：<div id="app"> <ul> <li v-for="item in list1">{{ item.id }} {{ item.name }}</li><!--循环对象--> </ul> </div> <script> //创建Vue实例，得到ViewModel var vm=new Vue
阅读全文
摘要：<div id="app"> <ul> <li v-for="item in list">{{ item }}</li> <li v-for="(item,i) in list1">{{ i }} {{ item }}</li><!--索引获取--> </ul> </div> <script> //
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：.stop:阻止冒泡冒泡事件:当一个大的外部标签有一个触发事件，内部便签也有一个触发事件。如果点击内部便签触发事件的同时，外部标签事件也会跟随触发。当想要的效果是点击里面的标签，不触发外面标签事件，可以加上.stop阻止冒泡事件发生 冒泡：<input type="button" value="冒泡
阅读全文
摘要：eval("this.result=parseFloat(this.n1)${this.opt}parseFloat(this.n2)") 要么就用switch switch(this.opt){ case "+": this.result=parseFloat(this.n1)+parseFloa
阅读全文
摘要：在Vue中，只有v-model指令实现了数据的双向绑定，其他指令都是单向的。注意：v-model只能应用在表单元素中。文本输入框中输入内容改变，会自动监听h3便签内容一起改变。 <h3>{{ msg }}</h3> <input type='text' v-model="msg">
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv=
阅读全文
摘要：绑定的事件处理函数必须定义到VM实例的methods属性中 <div> <input type="button" value="点击我" v-on:click="add"> <input type="button" value="点击我" @click="add"><!-- 简写形式@ --> <i
阅读全文
摘要：v-bind指令只能实现数据的单向绑定，从data自动同步到view上 <input type="button" value="按钮" v-bind:title="btnTitle" v-bind:id="customldNmae"> 为了简化这个v-bind可以省略，只写冒号: <input ty
阅读全文
摘要：不想让标签显示出来 msg:"<h6>我有标签</h6>" <p v-html="msg"></p> 想让标签显示出来 msg:"<h6>我有标签</h6>" <p v-text="msg"></p>
阅读全文
摘要：可以给标签一个v-cloak指令，再对只要有v-cloak指令的标签进行样式隐藏,因为当渲染完毕后，标签中的v-cloak指令会被vue移除。 <style> [v-cloak]{ display:none; } </style> <div id="app"> <p v-cloak>{{ msg }
阅读全文
摘要：****4.1在使用插值表达式时存在闪烁问题，即JS文件还没有彻底下载下来时，{{}}里的代码会原封不动显示出来，不友好。但v-text指令没有闪烁问题。****4.2{{}}只会插入双括号内的数据，双括号外的数据不改动。v-text会替换掉原有内容
阅读全文
摘要：这种{{}}语法叫做插值表达式，在插值表达式中，可以写任何合法的js表达式{{msg+"123"}} 得到的是msg数据与后面的123连接在一起{{msg2?"这个值是true":"这个值是false"}} 用于判断语句
阅读全文
摘要：***2.1.在HTML中编写，需要引入vue.js,即在页面中导入Vue的包 <script src="https://unpkg.com/vue/dist/vue.js"></script> ***2.2.在div标签中设置id属性，在一个p标签中设置接收的变量（即创建一个容器，使用Vue就可以
阅读全文
摘要：M:页面中要渲染的数据V:页面中用来显示数据的DOM元素VM:调度者,用来联系M和V层MVVM相比MVC来说,提供了数据的双向绑定机制.
阅读全文
