- 博客(72)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue之自定义指令（对象式）
<div id="root"> <button @click="n++">点击进行自增</button> <input type="text" v-fbind:value="n"> <!-- 自定义的一个fbind指令名 ，注意必须是小写--> </div> <script src="./vue.js"></script> <scrip
2022-03-30 22:49:57
473
原创 Vue之自定义指令（函数式）
在directives 对象里面，写自定义指令的名字(element,binding){}这里会接受到两个参数:第一个参数是该指令的dom节点，第二个参数是binding绑定对象，可以拿到data里的value值 <div id="root"> <h1>现在n的大小: <span v-text="n"></span></h1> <h1>n放大十倍 : <span v-big="n">
2022-03-30 14:50:07
953
原创 v-once、v-pre指令
v-once指令v-once所在节点在初次动态渲染后，就视为静态内容了以后数据的改变不会硬引起v-once所在结构的更新，可以用于性能优化v-pre指令跳过其所在节点的编译过程可以利用他跳过：没有使用指令语法、没有使用插值语法的节点，会加快编译速度...
2022-03-30 14:46:36
177
原创 v-text、v-html、v-cloak指令
v-text指令v-text能直接替换掉 div的内容，不够灵活。如果采用插值表达式即可你随意拼接字符串 。但是v-text不认字符串里的HTML代码。v-html指令v-html支持结构的解析，可以将HTML标签展示出来。 <div id="root"> <div v-text="userName" v-cloak></div> <div v-html="str"></div> </div&g
2022-03-29 19:54:15
1481
原创 Vue之表单数据的收集
若 则v-model收集的是value值，用户输入的就是value值若则v-model收集的是value值，且要给标签配置value值若 1.没有配置value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值） 2.配置input框的value属性： （1）v-moel的初始值是费数组，那么收集的就是checked （2）v-model的初始值是数组，那么收集的是value组成的数组备注：v-model的三个修饰符：lazy： 失去焦点再收集数据number
2022-03-27 22:30:23
1120
原创 Vue之监测数据的原理
监测数据原理vue会监视data中所有层次的数据。只需要开启deep:true 即可。如何检测对象中数据？通过setter实现数据监视，在 new vue()的时候就要传入监测数据 (就是data里的变量呗)对象中 直接追加属性，vue不承认，不会做响应式处理如果必须为后来添加属性做响应式，使用如下API（1）Vue.set(target,propertyName,value)（2）this.$set(target,propertyName,value)如何监测数组中的
2022-03-27 17:01:32
1081
原创 Vue之列表排序--computed与watch两种方法比较
<div id="root"> <h1>使用计算属性</h1> <ul> <input type="text" placeholder="输入关键字进行筛选" v-model="keyWord"> <button @click="sortType=2">年龄升序</button> <button @click="sortType
2022-03-26 18:10:15
786
原创 Vue之列表过滤（二）
<div id="root"> <ul> <h2>人员列表</h2> <input type="text" placeholder="输入进行模糊搜索" v-model="keyWord"> <li v-for="(p,index) in filterPersons" :key="p.id"> {{p.name}}-{
2022-03-25 22:24:44
463
原创 Vue之列表渲染（一）
<div id="root"> <h2>遍历数组</h2> <ul> <!-- key是特殊的标签属性 --> <li v-for="(p,index) in persons" :key="p.id">{{p.name}}-{{p.age}}</li> </ul> <hr>
2022-03-23 22:57:47
388
原创 Vue之条件渲染
<div id="root"> <h1 v-show="false">欢迎来到王者荣耀!!! <!-- v-show其实就是调整display的属性，false表示透明 。元素还在--> </h1> <!-- v-else和v-else-if 他们中间不能被其他东西打断 --> <h1 v-if="n === 1">Angler!!!<
2022-03-23 22:51:30
612
原创 Vue之computed（计算属性） VS watch（监视属性）
computed能完成的功能，watch都可以完成watch可以完成的功能，computed不一定完成，例如：watch可以进行异步操作两个重要原则：被Vue直接管理的函数，最好写成普通函数，这样this的指向才是vm本身不被Vue管理的函数（定时器、ajax等回调函数），最好写成箭头函数，这样this才可以指向vm<div id="root"> 姓：<input type="text" v-model="firstName"><br>..
2022-03-22 22:29:31
183
原创 JavaScript入门语法
脚本不能独立运行，依赖于网页发展之初，仅仅为了脚本验证ECMA成立，成员来自于各大浏览器厂商。制定了ECMAScript脚本标准蹭java热度，—> jsscript标签的使用<script src="demo.js"><script>alert("警告框的使用");//运行顺序，自上而下一个script只能做一个事情，在引入外部的script标签中，不能再写。js中的输出方法document.write("输出一条HTML代码，可以解释标签的").
2022-03-22 21:36:18
749
原创 JavaScript进阶
事件老师讲课，提出问题，触发了学生的好奇心事件，学生举手回答问题（事件的处理）鼠标事件click 单击dbclickmouseover 鼠标移入mouseout 鼠标移出mousemove 鼠标移动（会不停触发）mouseout 鼠标移出mouseenter 鼠标移入mousedown 鼠标按下mouseup 鼠标抬起键盘事件keydown 键盘按下keyup 键盘抬起keypress 键盘按下（只支持字母键）HTML事件window事件load
2022-03-22 21:35:16
1227
原创 Vue之监视属性
<div id="root"> <h1>今天天气是{{info}}</h1> <button @click="changeWeather">点击改变天气</button> </div> <script src="./vue.js"></script> <script> const vm = new Vue({
2022-03-22 20:37:37
493
2
原创 Vue之计算属性案例
要求：需要将已有的两个变量值进行拼接<div id="root"> 姓：<input type="text" v-model="firstName"><br><br> 名：<input type="text" v-model="lastName"><br><br> 全名:<span>{{fullName}}</span> </div>
2022-03-21 17:49:05
196
原创 vue之v-on的键盘事件
<script src="./vue.js"></script> <div id="root"> <h1>{{name}}</h1> <h1>{{age}}</h1> <h1>{{skill}}</h1> <!-- <input type="text" placeholder="输入敲回车提示信息" @keyup.sp
2022-03-21 13:23:07
795
原创 Vue的数据代理知识点
<script src="./vue.js"><script><script> var number = 19; let person = { name:"黑崎一护", gender:"男" } Object.defineProperty(person,'age',{ //给person对象增添了age属性，并进行设置 value:18, //person对象的age属性不具有枚举性，所以无法通过遍历person的属性获取age值
2022-03-21 13:18:34
251
原创 数据的单向、双向绑定
<div id="root"> <!-- 插值表达式 --> <p>hello {{name}}{{age}}</p> <a v-bind:href="url">点击跳转百度</a> v-bind:href可以简写为 :href <a :href="url">点击跳转百度2</a> <inpu.
2022-03-21 12:59:33
265
原创 vue的一个简单实例
<div id="root"> <!-- 插值表达式 --> <p>hello {{name}}{{age}}{{skill}}</p> <!--该容器可以用双花括号的方法，直接使用变量值--> </div> <script src="./vue.js"></script> <script> Vue.config..
2022-03-21 12:25:42
463
原创 JavaScript验证码的生成
//生成纯数字的n位验证码 function numTestCode(n){ var arr = []; for(var i=0;i<n;i++){ var num = parseInt(Math.random(10)*10); arr.push(num); } //将数组转化为字符串，并返回 retu.
2022-01-30 03:44:35
363
原创 pyecharts制作中国地图
from pyecharts import options as optsfrom pyecharts.charts import Map#此代码段表示一个函数，次函数makeMap带有三个参数，分别是省份名称，省份新增人口，省份确诊人口def makeMap(ProName,ProIncrease,ProConfirm): length = len(ProName) listinfo = [] #我们需要一个ProvinceName的TXT文件，来映射中英文的各个省份名字的转化。 wit
2021-06-24 15:59:59
1178
2
原创 获取具体当地的疫情数据
此文件为一个脚本，肯定需要调用的用户输入具体省份txt = “广东”getDetailCityInfo(txt) 即可。#爬取具体的县数据需要丁香医生，但是丁香医生是需要手机微信看，只能通过手机下载fiddler证书然后设置代理本机WiFi，才能在电脑上面抓包#后来发现了 pc端的页面，可以抓取到丁香医生的数据，数据在js里面，我们直接urllib.request整个网页，然后用bs4进行获取具体细节import jsonimport timeimport urllib.requesti
2021-06-23 17:34:47
307
原创 获取世界疫情数据
# # made by 杨庆华import urllib.request,urllib.parseimport timeimport json,csvdef handleRequest(url): headers = { 'User-Agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36'} requ
2021-06-23 17:14:58
136
原创 获取中国疫情数据并下载到本地
# # made by 杨庆华import urllib.request,urllib.responseimport json,csv,time# 构建请求对象def handle_request(url): headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.3
2021-06-22 16:39:52
1913
原创 2021-03-14
C语言pychart用户交互 pythonwebGUI编程网络编程常量、变量、常变量、标识符常量字符常量单引号字符串型常量是双引号符号常量大写，结尾不用分号，比如： #define PI 3.14（符号常量不占内存，只是一个临时符号，预编译结束后就会消失，大写表示）转义字符\n\t 制表符变量由数字、字母、下划线组成不能以数字开始不能使用关键字先定义后使用，跟python不一样 哦系统根据变量类型分配内存空间的大小常变量：const in
2021-03-14 17:17:42
197
原创 HTML5+CSS3语法糖（一）
Html 结构css 样式js 行为语义化语义化：根据具体内容选择标签呈现出内容结构利于搜索引擎爬虫更好理解网页方便第三方设备解析便于团队开发与维护文本修饰文本修饰强调加粗斜体sub 是下标sup是上标del 删除文本标签 ins 插入文本标签 .两个配合使用跳转链接<base target="blank"><a href="www.baidu.com"></a><a href><img .
2021-03-13 08:33:22
555
原创 Flask-WTF制作表单及其验证（二）
本代码目录：app2.py：代码# # made by 杨庆#app2是利用函数直接生成表单并且实现验证from wtforms.validators import DataRequired,EqualTofrom flask_wtf import FlaskFormfrom flask import Flask,url_for,render_template,request,flashfrom wtforms import StringField,PasswordField,Su
2021-02-09 11:31:52
144
原创 Flask-WTF制作表单及其验证（一）
本章节代码目录app.py:# # made by 杨庆华from flask_wtf import FlaskFormfrom flask import Flask,render_template,request,flashfrom wtforms import StringField, PasswordField, BooleanField,SubmitFieldfrom wtforms.validators import DataRequired'''1路由的get或者post
2021-02-09 11:28:01
258
原创 flash闪现及一个简单的表单验证
文件位置关系：app.py文件# app.py# made by 杨庆华from flask_wtf import FlaskFormfrom flask import Flask,render_template,request,flashfrom wtforms import StringField, PasswordField, BooleanField,SubmitFieldfrom wtforms.validators import DataRequired'''1路由的get
2021-02-09 00:54:14
206
原创 第三套
无线接入技术Ad hocWiMAXWiFiWMANWLANAPON是ATM和PON结合的产物，所以APON不属于无线接入技术Cable Modem 双向传输 分上行和下行信道 按照传输方式分为对称式和非对称式服务器技术 1.集群系统中一台计算机出故障不会影响系统 2.服务器的可用性是由MTBF（平均无故障时间）来衡量。 3.平均维修时间（MTBR)用来衡量可维护性 4.系统的可用性=MTBF/(MTBF+MTBR)高端路由器的可靠性与..
2021-02-06 21:08:18
126
原创 关于flask静态资源的访问和icon图标解决
使用静态资源在html文件中 使用url_for(‘static’,filename=’’) 意思是是static文件夹下的那个文件最后映射为路径/static/糗图百科.jpg可以使用favicon 只需要在html中的link标签稍加修改为 rel=‘icon’这个url_for(‘static’,filename=‘shouye.css’) 可以把路径直接映射为/static/shouye.css所以我们在使用一些img或者link标签的时候只需要urlfor就可以 了PS有.
2021-02-06 09:22:32
802
原创 第二套网络三级试卷选择题知识点背诵
第二套知识点QoS技术（宽带城域网保证服务质量）RSVP资源预留区分服务DiffServ多协议交换标记MPLSRPR技术-弹性分组环技术，能够在50ms时间内隔离出现故障的节点和光纤断无源光纤网PON分为对称业务 OC-3 155.520Mbps非对称业务 上行：OC-3 155.520Mbps 下行：OC-12 622.080MbpsPS:也就是说OC-x 51.84为单位，HFC光纤同轴电缆混合网是一个双向传输系统为有线电视用户提供网络接入方式
2021-02-05 16:52:27
332
2
原创 第一套网络三级试卷选择题知识点背诵
第一套弹性分组环----RPR技术，每一个及节点都执行SRP公平算法，具有双环结构FDDI由源节点向目的节点发送数据帧的时候，源节点回收这个数据帧RPR 则是由目的节点回收数据帧且PRP采用自愈环技术，50ms内隔离出现故障的光纤节点，提供SDH级快恢复保护核心交换层是提供用户访问Internet所需要的路由服务汇聚层function：(1) 汇聚接入层的用户流量，进行数据交换存储转发(2) 根据接入层的用户流量，进行本地路由过滤、均衡负载，QoS优先级管理、安全控
2021-02-03 22:51:13
459
原创 手机与基站通信的原理
***为什么我们乘坐火车信号时而差时而好，总之非常不稳定。***那是因为手机上网需要信号，信号需要发送给基站，而在高速前进的火车将会把信号远远甩在后面。基站所发送的微波始终跟踪手机，用户从一个区域走到另一个区域就会切换动态IP，这个切换的时间应该需要考虑发送、传播、接收、确认时延。这时候就会造成短时间的无法上网，以及由于火车的高速移动，手机需要频繁更换移动网络，陆续访问不同基站，从而造成了信号不稳定。手机、基站、网络运营商的中央机房计算机系统（以下简称系统）。基站仅负责收发信息，将用户信息返回给系统，系
2021-02-03 21:27:58
6369
原创 Flask模板继承
模板可以继承，首先你需要有一个纯模板的base.html，里面没有任何数据，都是变量，来靠子模板进行填充。子模板只需要用base.html中标记的变量在自己的文件里进行改写增添即可。本次代码文件结构如下所示：首先我们需要用到一个py文件，一个shouye.html用于刚进去就可以显示页面不报错，他可以很简单的是一个hello内容。然后需要一个base.html文件作为父模板，一个son.html作为子模板。通过对子模板的不断修改添加，便可以访问子模板的时候映射完整的父模板。# 这是基模板.py#
2021-01-31 12:03:33
333
原创 添加全局的变量和函数，复用模板
#添加自定义模板对象from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def index(): return render_template('模板环境对象.html')#这样即使不传参也可以在任意模板中使用bar函数和foo变量def bar(): return '我是全局的bar函数'foo = '这是全局的foo'app.jinja_env.globals['bar'] = ba
2021-01-31 00:28:39
82
原创 flask与http
# # made by 杨庆华from flask import Flask,redirect,url_for,make_response,g,requestimport time# 构造Flask类传入相应的参数，__name__是特殊的变量，值文件名比如1.py 那么就是1app = Flask(__name__)#app.route是装饰器，/和index视图函数绑定在了一起，# 当用户请求/根目录的时候，会触发index()视图函数，视图函数可以返回从数据库中读取的数据@app.
2021-01-29 10:30:25
138
原创 WSGI基于BS模式的理解
from wsgiref.simple_server import make_server,demo_appip = '127.0.0.1';port = 9999;# 创建serverserver = make_server(ip,port,demo_app);#运行serverserver.serve_forever()这样一个WSGI模板，浏览器搜索127.0.0.1:9999就可以。这个demo_app就是一个函数，我也可以自己写。The following codes c
2021-01-19 22:56:02
144
json-viewer.crx
2019-11-24
Fiddler Web Debugger.zip
2019-11-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人