01 2021 档案
摘要：####现在很多的网站有对鼠标、键盘事件做js处理，禁止用户或非会员用户去复制页面内容 ####但是我们想要去复制页面内容，咋办 ####一招可破 ####以chrome浏览器举例 #####1、按F12，调起开启者调试模式 #####2、点击console #####3、输入：document.b
阅读全文
摘要：####当网页打开过多时，总是很难找到自己平台的标签页 ####如果在自己的平台的title前，添加一个icon的话，就可以很快找到 ####如何添加图标呢？ 步骤如下： ####1、首先需要制作一个小图标，可以通过一些在线制作网站来弄，步骤不详谈，保存为favicon.ico文件 ####2、在项
阅读全文
摘要：题目：判断是否符合ipv4格式，符合返回True，否则返回False 解题思路： 首先，需要了解ipv4的基本格式。 ip地址的长度是32位，且分为4段，每段的范围是0-255 每段的数字范围又分为以下5种： 1位 \d 0-9 2位 [1-9]\d 10-99 3位 1\d\d 100-199 3
阅读全文
摘要：工作中，在做一些提效的脚本开发时，总会连接一些常用的工具，包括ssl、redis、zookeeper、dubbo、jenkins等 下边我整理了自己的常用的三方库 ###ssl连接服务器，进行文件交互 import paramiko #方式一：命令行交互 ssh = paramiko.SSHClie
阅读全文
摘要：游戏：10个人按1-10进行编号，围成一圈，从1开始报错，报到7的出队，下一个人从1开始重新报数，问最终剩下的人的编号 这个游戏是一个约瑟夫环问题，我们可以采用队列的形式来完成 from collections import deque def jsonf(target, list): #targe
阅读全文
摘要：当我们在vue项目中，使用了vuex进行状态管理时，会发现刷新页面时，vuex的state中存储的数据会失效 为了解决这个问题，我们需要使用一个第三方组件，用来固定当前vuex的state中的数据，起到持久化的作用 首先安装vuex-persistedstate 之后在vuex中导入：import
阅读全文
摘要：通过弗洛伊德(floyd)算法，可以计算出任意点到任意点的最短距离 floyd算法的核心点： 任意一个节点i到节点j的最小距离，一定是节点i到节点j的距离与节点i经过任意节点k到节点j的距离中最小的距离 所以，想要完成最小距离的计算，需要经过3层的循环遍历 ###首先将节点间的距离，用图来存储 gr
阅读全文
摘要：求从start到end的最短路径 涉及到无回环路径的情况（A-》B、B-》A），可以使用dijkstra算法（狄克斯特拉） 算法步骤详解： 1、找出“最便宜”的节点，即可在最短时间内到达的节点（从start出发，最短距离的节点） 2、更新通过该节点，到其他邻居节点的最短距离 3、重复这个过程，直到对
阅读全文
摘要：多参数路由 知识点 路由属性props 实战演习 User.vue router/index.js App.vue User.vue <template> <div> <h1>User</h1> <p>uid={{ uid }}, {{ nationality }}</p> <p>$route.pa
阅读全文
摘要：URL重定向 知识点 重定向指令：redirect 路由别名：alias 实战演习 About.vue router/index.js App.vue About.vue <template> <div> <h1>About Page</h1> </div> </template> router/i
阅读全文
摘要：多路由拼图 知识点 为一个路由(画面)组合多个组件，完成整个页面。 router-view[name] components 实战演习 Header.vue Sidebar.vue Detail.vue router/index.js App.vue setting/Header.vue <temp
阅读全文
摘要：路由也编程 知识点 在前面的讲解中我是通过router-link标记来生成页面的a标记，然后进行url转向的，其实我们不仅可以通过标记来实现，还可以通过编程的方式来实现，今天我们就来学习一下。 router-link(之前做法) router.push(location, onComplete?,
阅读全文
摘要：嵌套路由 知识点 嵌套路由是指在动态路由的基础上再加上附加的嵌套URL（即：组件），比如说：(/player/:uid/*)/player/1/profile, /player/1/stats等。 嵌套路由的使用方法 实战演习 Player/Profile.vue Player/Stats.vue
阅读全文
摘要：动态路由 知识点 动态路由是指在URL路径中含有动态参数的路由，比如说：/player/1, /player/2, /player/3等等。 动态路由的匹配设置 实战演习 定制玩家的动态路径：/player/:id Player.vue router/index.js App.vue Player.
阅读全文
摘要：路由初体验 知识点 做一个简单的路由 实战演习 HelloWorld.vue News.vue About.vue router/index.js App.vue HelloWorld.vue <template> <div> <h1>Hello World!</h1> </div> </templ
阅读全文
摘要：路由知我心 知识点 路由组件vue-router 官网 https://router.vuejs.org/zh-cn/ https://github.com/vuejs/vue-router 实战演习 $ npm install vue-router --save --save-exact 路由组件
阅读全文
摘要：工程的结构 知识点 webpack模板生成的工程结构 官网 http://vuejs-templates.github.io/webpack/ webpack模板工程 build webpack设置文件 config 工程设置文件 src 源文件夹 static 静态文件夹(编译时直接拷贝至发布文件
阅读全文
摘要：组件的结构 知识点 vue命令行开发模式为我们带来的组件开发方式。 组件文件夹 所有的组件都被统一放在工程中的组件文件夹中。 {myproject}/src/components/* 组件格式 template:组件html内容 script:组件js脚本(ES6) style:组件css样式单 实
阅读全文
摘要：自定义css样式 知识点 定义属于自己的样式单文件my.css 实战演习 $ cd assets $ nano my.css ... .myclass1 { color: red; border: 1px solid blue; } ... $ cd ../ $ nano App.vue ... #
阅读全文
摘要：使用Ajax库-axios 知识点 为网页增加远程数据存取能力（Ajax） HTTP库axios（浏览器 or Node.js） axios:Promise based HTTP client for the browser and node.js https://github.com/axios/
阅读全文
摘要：webpack模板工程 知识点 建立webpack模板工程 官网 http://vuejs-templates.github.io/webpack/ 实战演习 $ vue init webpack myweb $ cd myweb $ npm run dev $ npm run build $ co
阅读全文
摘要：命令行安装 知识点 vue命令工具安装 官网 https://github.com/vuejs/vue-cli 实战演习 #最新版本确认 $ npm show vue-cli $ [sudo] npm install -g vue-cli@2.9.3 #安装版本确认 $ vue -V #命令帮助 $
阅读全文
摘要：组件：组合slot 知识点 slot命名 slot命名 在子组件中通过为多个slot进行命名,来接受父组件的不同内容的数据。 综合例 <div id="myApp"> <nba-all-stars c="奥尼尔" pf="加内特"> <span slot="sf">皮尔斯</span> <span
阅读全文
摘要：组件：slot插槽 知识点 slot slot slot是父组件与子组件的通讯方式，可以将父组件的内容显示在子组件当中。 综合例 <div id="myApp"> <say-to pname="koma"> 你的视频做的太差了。 </say-to> <say-to pname="mike"> 你千万
阅读全文
摘要：组件：事件传递 知识点 v-on $emit v-on 侦听组件事件，当组件触发事件后进行事件处理。 $emit 触发事件，并将数据提交给事件侦听者。 综合例 <div id="myApp"> <h1>人生加法</h1> <add-method :a="6" :b="12" v-on:add_eve
阅读全文
摘要：组件：参数验证 知识点 props:组件参数验证语法 组件的数据 为组件中接受到的变量进行逻辑验证。 综合例 <div id="myApp"> <h1>身世之谜</h1> <show-member-info name="koma" :age="25" :detail="{address:'earth
阅读全文
摘要：组件：传递变量 知识点 为组件传递变量数据 组件的数据 制作可接受变量参数的组件。 综合例 <div id="myApp"> <div>请输入您的名字：<input v-model="myname"></div> <hr/> <say-hello :pname="myname" /> </div>
阅读全文
摘要：组件：传递数据 知识点 为组件传递数据 组件数据传递 制作可接受参数的组件。 综合例 <div id="myApp"> <h1>您的成绩评价</h1> <test-result :score="50"></test-result> <test-result :score="65"></test-re
阅读全文
摘要：组件：数据 知识点 组件的数据函数 组件的数据 为Vue.js组件添加数据，使组件可以动态显示各种数据，注意是数据函数，不是数据属性。 综合例 <div id="myApp"> <div>今天的天气是<today-weather/></div> </div> <script> Vue.compone
阅读全文
摘要：组件：表行组件 知识点 制作表行组件 表行组件 为自己的页面表格编写表行组件。 综合例 <div id="myApp"> <h1>2017年最期待的游戏是：</h1> <table border="1"> <tr> <td>编号</td> <td>游戏名称</td> </tr> <my-row1><
阅读全文
摘要：组件：局部的组件 知识点 组件的局部注册 组件 Vue.js的组件不仅可以单独声明注册使用，还可以在Vue实例中进行局部注册使用。 综合例 <div id="myApp"> <my-weather></my-weather> </div> <script> var WeatherComponent
阅读全文
摘要：组件：基础的基础 知识点 组件（Component,Portlet） 组件 组件就是页面上的一小块区域内容，完成一个小的页面功能，请参照视频第六课。 综合例 <div id="myApp"> <today-weather></today-weather> </div> <script> Vue.co
阅读全文
摘要：表单修饰符 知识点 .lazy .number .trim .lazy 用户输入内容时不做绑定数据的更新处理，在控件的onchange事件中更新绑定的变量。 用户名：<input v-model.lazy="username"> .number 将用户输入的内容转换为数值类型，如果用户输入非数值的时
阅读全文
摘要：表单下拉框 知识点 v-model select 表单下拉框绑定 <div id="myApp"> <h3>你最喜欢的NBA球星是：</h3> <select v-model="likedNBAStar" style="width:210px;"> <option>科比</option> <opti
阅读全文
摘要：表单单选按钮 知识点 v-model input[type="radio"] 表单单选按钮绑定 <div id="myApp"> <h1>表单单选按钮</h1> <h3>选择性别</h3> <input type="radio" id="male" value="男" v-model="picked
阅读全文
摘要：表单复选框 知识点 v-model input[type="checkbox"] 表单复选框绑定 <div id="myApp"> <h1>表单复选框</h1> <input type="checkbox" id="生化危机7" value="生化危机7" v-model="checkedGames
阅读全文
摘要：表单控件绑定 知识点 v-model input[type="text"] v-model 为表单控件元素创建双向数据绑定。（将JS变量的值“快速”设定到控件上，然后将用户输入的内容“快速”设置回JS变量） <div id="myApp"> <h1>表单控件绑定</h1> <input type="
阅读全文
摘要：事件处理器 知识点 v-on:(event)/@(event) v-on:(event) 页面元素的事件绑定。（click,keyup,load等等） <div id="myApp"> <h1>事件处理器</h1> <input id="txtName" v-on:keyup="txtKeyup($
阅读全文
摘要：JS对象迭代 知识点 v-for v-for 循环JS对象，把对象内容循环显示到页面上。 <div id="myApp"> <h1>JS对象迭代</h1> <div v-for="(value, key) in mygame"> {{ key }} : {{ value }} </div> </di
阅读全文
摘要：列表渲染 知识点 v-for v-for 循环数组元素，整理内容显示到页面上。 <div id="myApp"> <ul> <li v-for="(game, index) in games">({{index}}) {{game.title}} / 售价：{{game.price}}元</li>
阅读全文
摘要：元素显示 知识点 v-show v-show 标记是否显示html元素。(注意：v-show设置的标记在html DOM中不会消失) <div id="myApp"> <h1 v-show="result">任天堂新一代主机Switch</h1> <button @click="btnClick">
阅读全文
摘要：条件渲染 知识点 v-if v-else-if v-else v-if 判断vue.js的变量的值，然后执行页面渲染逻辑。（if-elseif-else） <div id="myApp"> <h1 v-if="result == 0">成绩未公布</h1> <h1 v-else-if="result
阅读全文
摘要：Class对象绑定 知识点 v-bind:class v-bind:class 为html标记绑定样式单class对象。 <div id="myApp"> <div :class="myClass">红色文本</div> <button @click="btnClick">改变class吧</but
阅读全文
摘要：Class绑定 知识点 v-bind:class v-bind:class 为html标记绑定样式单class属性。 <div id="myApp"> <div v-bind:class="{active:isActive}">红色文本1</div> <div :class="{active:isA
阅读全文
摘要：设定计算属性 知识点 setter setter 设置计算属性，同步更新元数据的值。（又是令人费解的描述） <div id="myApp"> <p>今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，含税价格为：{{priceInTax}}円，折合人民币为：{{priceC
阅读全文
摘要：观察属性 知识点 $watch $watch 与computed属性类似，用于观察变量的变化，然后进行相应的处理。（我从Angular而来） <div id="myApp"> <p>今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，含税价格为：{{priceInTax}}
阅读全文
摘要：计算属性 知识点 computed computed 处理元数据，便于进行二次利用。（比如：消费税自动计算功能） <div id="myApp"> 今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，含税价格为：{{priceInTax}}円，折合人民币为：{{priceC
阅读全文
摘要：过滤器 知识点 filters filters 格式化变量内容的输出。（日期格式化，字母大小写，数字再计算等等） <div id="myApp"> <p>{{message}}</p> <p>{{message | toupper }}</p> <hr> <p>现在的vue.js学习进度是{{num
阅读全文
摘要：组件 知识点 component component 定义页面的局部区域块，完成单独的页面小功能。 还是不明白？看个图吧！ <div id="myApp"> <ol> <game-item v-for="item in games" v-bind:game="item"></game-item> <
阅读全文
摘要：按钮事件 知识点 v-on v-on 为页面元素绑定各种事件。（keydown, keyup, click, dbclick, load, etd.） <div id="myApp"> <p>您最喜欢的游戏是：{{mygame}}</p> <button v-on:click="btnClick('
阅读全文
摘要：处理用户输入 知识点 v-model v-model 为页面输入框进行数据邦定，例如： input select textarea components 使用例 <div id="myApp"> <p>您最喜欢的游戏是：{{mygame}}</p> <input v-model="mygame">
阅读全文
摘要：条件与循环 知识点 v-if v-for v-if 条件判断式，根据表达式的真伪进行页面处理。 <p v-if="seen">快看我！</p> v-for 处理数组循环，将数据循环显示到页面上。 <ol> <li v-for="game in games"> {{ game.title }} </l
阅读全文
摘要：从index.html开始 知识点 html5文档 vue.js导入 Vue对象 index.html 从第一个index.html开始吧！ vue.js引用 <script src="https://unpkg.com/vue/dist/vue.js"></script> html代码块 <div
阅读全文
摘要：什么是Vue.js？ Vue.js是一套开发Web页面的Javascript脚本框架，听起来难，其实是Web-Javascript脚本框架中最容易上手的框架，没有之一。 官方网站 https://cn.vuejs.org/ 竞争对手 AngularJS1/AngularJS2 ReactJS Emb
阅读全文
摘要：今天同事遇到一个问题，想要实现一个接口自动化的框架，实现功能需要集成pytest、allure，执行完后，输出可视化的报告。但是他一直解决不了问题，所以找到我，让我帮忙看下 ###想要完成这个功能，需要了解pytest的特性 例如： 脚本文件名需要以test开头或者test结尾 测试类，需要已Tes
阅读全文
摘要：####最近yaml格式的配置文件越来越流行，逐渐有替换json文件的势态 ###语法规则 大小写敏感 使用缩进表示层级关系 缩进时不允许使用Tab键，只允许使用空格。 缩进的空格数目不重要，只要相同层级的元素左侧对齐即可 使用#符号进行注释，相比于json可以更清晰易懂 ###支持数据结构 对象：
阅读全文
摘要：汉诺塔游戏 由中间作为中转，将左侧圆盘全部移动到右侧，并且保留从上到下为从小到大的排列顺序 解题思路： 对于一个n层的汉诺塔，如果完成转移工作，首先需要将前n-1层移动到中间位置，再将最底层移动到右侧，之后将中间n-1层移动到右侧，完成全部的移动 整个步骤： 左侧n-1层 》中间，右侧中转 左侧第n
阅读全文
摘要：生活小问题，1-100猜数游戏：游戏管理员默认写下一个数字，让用户来猜，管理员会根据用户猜的数字，来回答大了、小了提示，如何快速找到该数，假定指定数为70 第一次：猜50（折半），管理员：小了，那范围变成51-100 第二次：猜75（折半），管理员：大了，那范围变成51-74 第三次：猜62（折半）
阅读全文
摘要：题目：给定一个长字符串，查找该字符串中是否包含某短字符串，并且返回其在长字符串中的起始位置坐标，假定字符串不为空 思路：通过re模块，完成字符串查找工作 re.finditer(s, str)：判断s在str中出现的位置，并返回一个迭代对象。该迭代对象中子元素中，包含span()方法，可以获取对应下
阅读全文
摘要：给定一个字符串，判断是否为回文字符串，回文字符串的概念："abccba"/"abcba" ##方式一：利用字符串切片 def isHuiwen1(s): if not isinstance(s, str):#类型判断 return False if len(s) == 0: #非空校验 return
阅读全文
摘要：在学而思3面中，面试官给出一个题目，跟大家分享下自己的思路 题目：给定两个非空的有序数组，分别从两个数组中找出一个数（任意一组即可），使他们加和等于target值 我目前想到两种解题思路 ##思路一：暴力方式 》双层遍历 这种方式可以找到想要的答案，但是时间复杂度会相对比较高，O(m*n) ##思路
阅读全文
摘要：##今天在网易二面的时候，面试官出了一道个人感觉很有意思的面试题，现在分享给大家，看大家有没有什么好的其他的思路 问题：给定一个test.txt的日志文件，文件的内容如下： 20201011 103232 Exception: Null Pointer 20201011 101433 Excepti
阅读全文
摘要：采用两种方式，完成斐波那契数列的程序 ##非递归方式 def fib(n): a, b = 1, 2 if n == 0: return None if n <= 2: return 1 while n > 2: a, b = b, a+b n -= 1 return a ##递归调用 def fi
阅读全文
摘要：##归并排序，时间复杂度O(nlogn) def list_split(list): if len(list) < 2: return list else: mid = int(len(list)/2) leftlist = list_split(list[:mid]) rightlist = li
阅读全文
摘要：提供两个思路的快速排序，时间复杂度O(nlogn)，最差情况为O(n*n) ##固定位置快速排序 def kuaisu(list): if len(list) < 2: return list else: temp = list[0] leftlist = [x for x in list[1:]
阅读全文
摘要：##插入排序,时间复杂度O(n*n),空间复杂度O(1) def charu(list): if len(list) < 2: return list else: for i in range(1,len(list)): key = list[i] j = i - 1 while j >=0 and
阅读全文
摘要：##选择排序,时间复杂度O(n*n),空间复杂度O(1) def xuanze(list): if len(list) <= 1: return list else: for i in range(len(list)-1): for j in range(i+1,len(list)): if lis
阅读全文
摘要：##通过冒泡，完成列表的排序 时间复杂度O(n*n),空间复杂度O(1) def maopao(list): if len(list) == 0: return None else: for i in range(len(list)-1): for j in range(len(list)-i-1)
阅读全文
浙公网安备 33010602011771号