02 2021 档案
控制流与数据流，信息流
摘要：控制流相关概念：程序元素、控制流关系、控制流图、控制流矩阵。 控制流分析能发现的问题：转向并不存在的标号；没有用的语句标号；从程序 入口进入后无法达到的语句；不能达到停机语句的 语句。 数据流相关概念：数据的定义；数据的引用。 数据流分析的左右：分析代码中关于数据定义和引用方面的错误；进行代码优 化
阅读全文
白盒测试的特点
摘要：白盒测试的特点： 测试人员需要了解软件的实现；· 可以检测代码中的每条分支和路 径；· 解释隐藏在代码中的错误；· 对代码的测试比较彻底；· 实现代 码结构上的优化；· 白盒测试投入较大，成本高；· 白盒测试不验证规 格的正确性。
阅读全文
孤立的测试策略
摘要：方法：不考虑每个模块与其他模块之间的关系，为每个模块设计桩模块和 驱动模块。每个模块进行独立的单元测试。 · 优点：该方法是最简单，最容易操作的。可以达到高的结构覆盖率。该方法是纯粹的单元测试。 · 缺点：桩函数和驱动函数工作量很大，效率低。
阅读全文
三明治集成（分而治之策略） 又分为传统型和改进型 Sandwich
摘要：优点 融合了自顶向下和自底向上两种策略的优点 缺点 中间层测试要么不充分，要么测的充分但开发驱动和桩的工作量大 适用范围 软件结构清晰的系统基本都适合采用
阅读全文
基干集成（内核耦合度高） Backbone
摘要：结构与策略：内核（大爆炸）-应用子系统（自底向上）-控制子系统（自顶向下） 优点 具有三明治集成的优点 缺点 A.对系统结构的分析存在一定难度 B.由于被测系统复杂，驱动和桩的开发工作量较大 C.局部采用了大爆炸策略，存在大爆炸所有的缺点 适用范围 嵌入式系统
阅读全文
自底向上集成 Bottom-Up
摘要：优点 A.底层组件得到较早验证 B.测试初期可以并行集成，效率高 C.由于驱动模块是额外编写的，对被测模块的可测试性要求较低 D.减少了开发桩的工作量 E.定位问题容易，支持故障隔离 缺点 A.需要开发大量的驱动，工作量、成本同样很高 B.对高层的验证太晚了，设计上的缺陷不能被及早发现 C.集成到顶
阅读全文
基于功能集成 Function-Based
摘要：优点 A.可以尽早验证关键组件的功能 B.可能同时加入多个模块，与大爆炸类似，效率较高 C.和自顶向下一样，驱动模块的开发工作量不多 缺点 A.兼具大爆炸和自顶向下的缺点，比如对有些接口测试不充分，可能导致漏测 B.可能会有较多的冗余测试 适用范围 对功能的实现没把握的产品
阅读全文
分层集成（线性关系） Layers
摘要：集成方式 A.层内集成 策略非常灵活，可以是各种其他策略 优缺点根据策略而变 B.层间集成 策略和优缺点同"层内集成" 使用范围 有明显线性层次关系的系统
阅读全文
持续集成（高频集成、每日集成） Continuous/High-frequency
摘要：优点 A.错误能被较早发现，且容易定位 B.开发和集成可以并行，效率高 缺点 测试针对性不强，不容易发现有价值的问题 适用范围 迭代开发、增量开发的产品
阅读全文
Selenium实现点击click()
摘要：首先使用find_element_xxx定位到元素，再选择以下三种方法其一： 定位元素 from selenium import webdriver driver = webdriver.Chrome() a = driver.find_element_by_class_name('xxx') 1
阅读全文
Selenium自动化之点击下拉框选项操作
摘要：#点击下拉框选项 option.click() import unittest import time from selenium import webdriver class VisitSogouByIE(unittest.TestCase): def setUp(self): # 启动IE浏览器
阅读全文
Python+selenium 自动化-调用dom节点的click()监听事件，强力操作节点！穿透元素进行点击，节点被遮挡不可点击解决方法
摘要：非常简单！只需要两步： 第一步，我先获取 dom 节点。 第二步，然后通过 driver.execute_script() 方法调用 dom 节点的 click() 监听事件。 a = driver.find_element_by_class_name("u-button.btn.alert-ok"
阅读全文
Selenium模拟操作中按钮点击（click) 失效解决方法
摘要：在使用selenium模拟操作时经常遇到一些使用原始方法解决不了的问题。 click失效问题 曾经多次遇到元素click()失败的情况，经典的例子就是某网站的登录框。 一般遇到click失败时我的一般处理方法是改用send_keys(Keys.ENTER)，直接用发回车键，简单粗暴。 但是某网站的登
阅读全文
Selenium自动化之鼠标双击操作
摘要：#鼠标双击操作 from selenium.webdriver import ActionChains action_chains = ActionChains(self.driver) action_chains.double_click(inputBox).perform() import un
阅读全文
Selenium自动化之点击click操作
摘要：#点击操作 element.click() import unittest import time from selenium import webdriver class VisitSogouByIE(unittest.TestCase): def setUp(self): # 启动IE浏览器 s
阅读全文
python+selenium实现登录账户后自动点击
摘要：公司在codereview的时候限制了看代码的时间，实际上不少代码属于框架自动生成，并不需要花费太多时间看，为了达标，需要刷点时间（鼠标点击网页固定区域）。我想到可以利用自动化测试的手段完成这种无效的体力劳动。 首先，明确一下需求： 自动打开网页 登陆账号 每隔一定时间点击一下固定区域 我想到的方案
阅读全文
Python+Selenium自动化测试——126邮箱自动登录脚本(登录首页是二维码，切入账号密码输入框)
摘要：访问网址： https://blog.csdn.net/qiao_wan/article/details/94743908?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-7&spm=1001.2101.3001.4242
阅读全文
python写selenium脚本实现自动登录（自动输入用户名和密码）
摘要：from selenium import webdriver import os,time chromedriver = “C:\Program Files (x86)\Google\Chrome\Application\chromedriver.exe” #这里写本地的chromedriver 的
阅读全文
Python抓取网页动态数据——selenium webdriver的使用
摘要：文章目的 当我们使用Python爬取网页数据时，往往用的是urllib模块，通过调用urllib模块的urlopen(url)方法返回网页对象，并使用read()方法获得url的html内容，然后使用BeautifulSoup抓取某个标签内容，结合正则表达式过滤。但是，用urllib.urlopen
阅读全文
python selenium 实现网页自动登录
摘要：插件：selenium 流程：打开网页自动填写表单，有关验证码识别登录的部分请看另一篇文章 Python+Selenium 含验证码的登录处理 from selenium import webdriver browser = webdriver.Firefox() #窗口全屏 browser.max
阅读全文
使用selenium webdriver实现自动登录CSDN
摘要：我们使用webmagic爬取网站，最大的难点不是webmagic的使用，而是各大网站的反爬虫。比如登录后可见，比如限制IP一天中的访问次数、访问频率。今天我们就用webdriver来实现自动登录CSDN，拿到登陆后的cookies从而模拟登录。 首先在加入依赖 us.codecraft webmag
阅读全文
selenium+python自动化测试--使用webdriver操作浏览器
摘要：WebDriver简介 selenium从2.0开始集成了webdriver的API，提供了更简单，更简洁的编程接口。selenium webdriver的目标是提供一个设计良好的面向对象的API，提供了更好的支持进行web-app测试。从这篇博客开始，将学习使用如何使用python调用webdri
阅读全文
GUI测试（易用）
摘要：定义： Graphical User Interface Testing--针对软件系统的界面进行的测试。 • 目标： 1.界面实现与界面设计的吻合情况。(界面设计) 2.确认界面处理的正确性。（针对不同的控件分析） • 相关自动化测试工具 1.WinRunner 2.SilkTest 3.QaRu
阅读全文
可用性测试（易用）
摘要：• 定义： Usability Testing--为检测用户在理解和使用系统方面到底有多好。 • 目标： 1.考虑产品是否符合实际应用情况。 2.是否符合用户习惯或特殊要求。 3.操作方式是否方便合理、设备和用户见交互信息是否准确易于理解、是否遵从行业习惯、外观/界面是否美观等。 • 一般关注的可用
阅读全文
异常测试/恢复性测试（可靠）
摘要：• 定义： 容错性测试。通过人工干预手段产生异常，能检验系统的容错、恢复能力，是系统可靠性评价的重要手段。 • 异常处理 1.系统自动处理。 2.人工干预处理。 • 注意 1.系统的异常还与系统的指标测试有关，当系统的服务能力大于系统的设计指标时，也属于系统的异常情况。 2.系统的可靠性是设计出来的
阅读全文
系统测试测试过程
摘要：2.1 计划阶段 明确what目标、why测试目的、when可控时间、where测试范围、how如何开展.主要活动有：参与开发人员软件需求的分析，SRS评审，通过后写ST计划，进行ST计划评审。 • 入口准则：SRS完成并确定需求规格基线 • 输入：SRS|SDP|SVVP • 出口准则：ST计划评
阅读全文
测 试 覆 盖 率
摘要：1、 覆盖率概念： · 覆盖率是用来度量测试完整性的一个手段。覆盖率是测试技术有效性的一个度量。覆盖率=（至少被执行一次的item数）/item的总数； · 覆盖率大体可以划分为两大类：逻辑覆盖和功能覆盖； · 测试用例设计不能一味追求覆盖率，因为测试成本虽覆盖率的增加而增加。 2、 逻辑覆盖主要类
阅读全文
测试术语4
摘要：61、 usability testing 可用性测试 62、 backup testing 备份测试 63、 robustness testing 健壮性测试 64、 documentation testing 文档测试 65、 online help testing 在线帮助测试 66、 sta
阅读全文
测试术语3
摘要：41、 validation 确认 42、 alpha testing α测试 43、 beta testing β测试 44、 top-down testing 自顶向下测试 45、 bottom-up testing 自底向上测试 46、 isolation testing 孤立测试 47、 a
阅读全文
测试术语2
摘要：21、 Operability 易操作性 22、 Attractiveness 吸引性 23、 Time behavior 时间特性 24、 Resource utilization 资源利用性 25、 Efficiency compliance 效率依从性 26、 Analyzability 易分
阅读全文
测试基础：（三）
摘要：软件研发中几个重要的过程是什么，每个过程中的主要内容是什么？ 需求管理：对软件开发中的需求进行管理，包括需求分配、需求评审、建立需求基线、需求跟踪、变更控制。 配置管理：配置管理是通过对在软件生命周期的不同的时间点上的软件配置进行标识，并对这些被标识的软件配置项的更改进行系统控制，从而达到保证软件产
阅读全文
测试基础（二）
摘要：：2、软件生命周期中的各个模型及其优缺点 瀑布模型：应用的最为广泛的一种模型，也是最容易理解和掌握的模型，然而它的缺陷也是显而易见的。 优点： – 强调开发的阶段性 – 强调早期计划及需求调查 – 强调产品测试 缺点： – 依赖于早期进行的需求调查，不能适应需求变化 – 由于是单一流程，开发中的经验
阅读全文
测试基础：（一）
摘要：1、测试目的是什么 证明：证明软件的可用性 检测：发现软件中存在的错误 预防：管理软件的质量，可维护性能
阅读全文
引入缺陷的原因都有哪些？
摘要：缺陷引入的原因 ： ⑴开发过程缺乏有效的沟通，或者没有进行沟通 ⑵ 软件复杂度越来越高 ⑶ 编程中产生错误 ⑷ 需求不断变更 ⑸ 项目进度的压力 ⑹ 不重视开发文档 ⑺ 软件开发工具本身隐藏的问题
阅读全文
PHP接口自动化测试框架实现
摘要：在上一份工作中，我有一部分工作是在维护一套接口自动化测试，这一篇文章，我来介绍这套接口自动化框架的设计思路。 我们来看一个简单的PHP实现的超简单的接口。 ... //报名验证 private function apply_verify() { $raid = $this->input->get_p
阅读全文
Web项目如何做单元测试
摘要：你可能会用单元测试框架，python的unittest、pytest，Java的Junit、testNG等。 那么你会做单元测试么！当然了，这有什么难的？ test_demo.py def inc(x): return x + 1 def test_answer(): assert inc(3) =
阅读全文
python判断语句和循环语句
摘要：判断语句 1.1 if 格式 if 要判断的条件（使用比较运算符）： 条件成立时，要做的事 demo: age = 15 if age > 12: # 如果变量age所存储的值大于12，那么条件成立，输出下面的话 print('我可以骑自行车了') 1.1.2 比较（关系）运算符 这些运算符用于编写
阅读全文
常用的黑盒测试技术有哪些？
摘要：输入输出:等甲类 边界之 输入域覆盖 输出域覆盖 条件组合:因果图 正交试验 判定法 过程处理: 流程分析 状态迁移 其他: 错误猜测 异常分析
阅读全文
系统测试过程各阶段的输入、输出是什么？
摘要：系统测试计划阶段输入：软件需求规格说明书、软件测试计划、软件开发计划 输出：系统测试计划 系统测试设计阶段输入：软件需求规格说明书、系统测试计划 输出：系统测试方案 系统测试实现阶段输入：软件需求规格说明书、系统测试计划、系统测试方案 输出：系统测试用例、系统测试规程 系统测试执行阶段输入：系统测试
阅读全文
集成测试过程各阶段的输入、输出是什么？
摘要：集成测试计划阶段输入：概要设计说明书、软件测试计划 输出：集成测试计划 集成测试设计阶段输入：概要设计说明书、集成测试计划 输出：集成测试方案 集成测试实现阶段输入：概要设计说明书、集成测试计划、集成测试方案 输出：集成测试用例、集成测试规程 集成测试执行阶段输入：集成测试计划、集成测试方案、集成测
阅读全文
单元测试过程各阶段的输入、输出是什么？
摘要：单元测试计划阶段输入：详细设计说明书、软件测试计划 输出：单元测试计划 单元测试设计阶段输入：详细设计说明书、单元测试计划 输出：单元测试方案 单元测试实现阶段输入：详细设计说明书、单元测试计划、单元测试方案 输出：单元测试用例、单元测试规程 单元测试执行阶段输入：单元测试计划、单元测试方案、单元测
阅读全文
坚持“5W”规则，明确内容与过程
摘要：“5W”规则指的是“What（做什么）”、“Why（为什么做）”、“When（何时做）”、“Where（在哪里）”、“How（如何做）”。利用“5W”规则创建软件测试计划，可以帮助测试团队理解测试的目的（Why），明确测试的范围和内容（What），确定测试的开始和结束日期（When），指出测试的方法
阅读全文
测试结束的标准
摘要：从微观上来说，在测试计划中定义，比如系统在一定性能下平稳运行72小时，目前Bug Tracking System中，本版本中没有一般严重的BUG，普通BUG的数量在3以下，BUG修复率90%以上等等参数，然后由开发经理，测试经理，项目经理共同签字认同版本Release。 如果说宏观的，则是当这个软件
阅读全文
主键、外键的作用，索引的优点与不足
摘要：主键：是表中的唯一标示键。作用：保证实体的完整性;加快数据库的操作速度;增加新的表记录时，数据库会自动检索新记录的主键值，不允许该值与其他表中记录的主键重复;数据库会按主键值的顺序显示记录，如果没有设定主键，则按输入的顺序显示记录。 外键：是主键的从属，表示了两个表之间的联系。作用：使用外键可以避免
阅读全文
软件的概念和特点？软件复用的含义？构件包括哪些？
摘要：特点：软件是计算机系统中与硬件相互依存的另一部分，与计算机系统操作有关的计算机程序、规程、规则，以及可能有的文件、文档及数据。 复用性：软件复用(SoftWare Reuse)是将已有软件的各种有关知识用于建立新的软件，以缩减软件开发和维护的花费。软件复用是提高软件生产力和质量的一种重要技术。早期的
阅读全文
python+selenium打开百度搜索
摘要：from selenium import webdriver import time pychar 中安装 selenium 控件 下载对应浏览器的webDriver browser = webdriver.Chrome("D:/chromedriver.exe") browser.get("htt
阅读全文
质量管理的PDCA循环是什么？
摘要：Plan 计划 （计划设计） Do 执行 （实施执行） Check 检查 （检查检测） Act 改进 （纠正措施）
阅读全文
接口测试“八重天”---RestAssured
摘要：要记住每一个对你好的人，因为他们本可以不那么做。 久节奏，慢读书 一、什么是RestAssured 偶然在逛帖子的时候发现一个接口测试框架，觉得不错，学习学习。 官方地址：http://rest-assured.io/ 那么瞧瞧官方是怎么说的： Testing and validating REST
阅读全文
python基础学习笔记（八）
摘要：python异常 python用异常对象（exception object）来表示异常情况。遇到错误后，会引发异常。如果异常对象并未被处理或捕捉，程序就会用所谓的 回溯（Traceback， 一种错误信息）终止执行： 复制代码 1/0 Traceback (most recent call last
阅读全文
python基础学习笔记（七）
摘要：创建自已对象就python非常核心的概念，事实上，python被称为面向对象语言，本章会介绍如何创建对象。以及面向对象的概念：继承、封装、多态。 多态： 可对不同类的对象使用同样的操作。 封装：对外部世界隐藏对象的工作细节。 继承：以普通的类为基础建立专门的类对象。 多态 面向对象程序设计最有趣的特
阅读全文
python基础学习笔记（六）
摘要：2013-04-26 00:11 虫师 阅读(8574) 评论(7) 编辑 收藏 创建自已对象就python非常核心的概念，事实上，python被称为面向对象语言，本章会介绍如何创建对象。以及面向对象的概念：继承、封装、多态。 多态： 可对不同类的对象使用同样的操作。 封装：对外部世界隐藏对象的工作
阅读全文
python基础学习笔记（五）
摘要：本章介绍如何将语句组织成函数，这样，可以告诉计算机如何做事。 下面编写一小段代码计算婓波那契数列（前两个数的和是第三个数） 复制代码 fibs = [0,1] # 定义一个列表，初始内容是0，1 for i in range(8): #循环8次 fibs.append(fibs[-2]+fibs[-
阅读全文
python基础学习笔记（四）
摘要：学到这里已经很不耐烦了，前面的数据结构什么的看起来都挺好，但还是没法用它们做什么实际的事。 基本语句的更多用法 使用逗号输出 print 'age:',25 age: 25 如果想要同时输出文本和变量值，却又不希望使用字符串格式化的话，那这个特性就非常有用了： 复制代码 name = 'chongs
阅读全文
python基础学习笔记（三）
摘要：字符串基本操作 所有标准的序列操作（索引、分片、乘法、判断成员资格、求长度、取最小值和最大值）对字符串同样适用，前面已经讲述的这些操作。但是，请注意字符串都是不可变的。 字符串的方法： 字符串从string 模块中“继承”了很多方法，这里只介绍一些特别有用的。 1、find find 方法可以在一个
阅读全文
python基础学习笔记（二）
摘要：列表 本节继续讨论列表不同元组和字符串的地方：列表是可变的（mutable） 可以改变列表的内容，并且列表有很多有用的、专门的方法。 List函数可以将一个字符串拆分成列表。 list('chongshi') ['c', 'h', 'o', 'n', 'g', 's', 'h', 'i'] 改变列表
阅读全文
python基础学习笔记（一）
摘要：序列概览 Python 包含6 种内建的序列，这里重点讨论最常用的两种类型：列表和元组。 列表与元组的主要区别在于，列表可以修改，元组则不能。也就是说如果要根据要求来添加元素，那么列表可以会更好用；而出于某些原因，序列不能修改的时候，使用元组则更为合适。 在操作一组数值的时候，序列很好用。可以用序列
阅读全文
【Python学习】函数参数传递方法四种（位置，关键字，默认值，包裹位置，包裹关键字传递）
摘要：位置传递: #--coding:utf-8-- def send(name,address): return 'package is sent to %s, located in %s' %(name, address) print(send('winnie','shanghai')) 关键字传递
阅读全文
Python 写了个小程序，耗时一天，结果才100多行
摘要：复制代码 from selenium import webdriver import selenium.webdriver.support.ui as ui from selenium.webdriver.common.by import By from selenium.webdriver.sup
阅读全文
Selenium Edge Driver Python 自动化测试
摘要：Finally I got it. 没有自动化过edge，今天被小坑了一下，但是还好现在弄好了。 查看edge 版本，我的是14.14393 https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/ 下载edge dr
阅读全文
【Selenium】3.介绍Selenium IDE
摘要：本文供学习交流之用，没有商业用途，没有盈利。 完全是我自己为督促自己学习而翻译的。翻译的不好，见谅。来源于：http://www.guru99.com/introduction-selenuim-ide.html 好长超长！我这啥时候才能翻译完呀！Damn it！I mean it！ 介绍Selen
阅读全文
Selenium 的基本了解以及Selenium IDE插件的知识点
摘要：Selenium 是用于网页的测试 selenium Grid 是使用于分布式测试 使用到html、xml以及Xpath进行元素定位。 Selenium可以用来录制脚本。 关键字测试驱动的方式 command 表示要执行的操作是什么 target 表示操作的界面元素是哪个 value 表示操作时使用
阅读全文
python基础
摘要：注释 在控制器打印 关键字 print print('hello word') print('你好世界') ''' 多行注释，使用三个单引号 或者 三个 双引号 222222222222222222222222222222222222 ''' python 主要的数据类型和方法 num=100 pr
阅读全文
python class1
摘要：注释 在控制器打印 关键字 print print('hello word') print('你好世界') ''' 多行注释，使用三个单引号 或者 三个 双引号 222222222222222222222222222222222222 ''' python 主要的数据类型和方法 num=100 pr
阅读全文
web如何测试？
摘要：当我们负责web测试的时候，先了解B/S架构，然后分析如何开始执行测试，一般步骤：从功能测试，兼容测试，安全测试。 功能测试： 一、链接测试 链接是web应用系统的一个很重要的特征，主要是用于页面之间切换跳转：当发现页面显示内容与用户需求不一致时，就是一个bug。 链接测试：测试所有链接是否按指示的
阅读全文
设置网页浏览器标签小图标
摘要：浏览器网页左上角小图标实现方式。 方式一： 在线生成ICO图标制作一个16*16 的.icon文件，文件名必须要favicon.ico，然后放在服务器根目录下面，一般浏览器会自动默认在跟目录下面查找。 广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https:
阅读全文
前后端分离的优缺点
摘要：虽然一直在用前后端分离开发项目，却一直没仔细考虑过前后端开发的优缺点。 前后端分离已经成为互联网项目开发的业界标准使用方式，通过 nginx + Tomcat 的方式（也可以中间加一个 nodejs） 有效的进行解耦，并且前后端分离会为以后的大型分布式架构，弹性计算架构，微服务架构，多端化服务（多种
阅读全文
前后端交互技术有哪些
摘要：我们都知道，一个完整的IT项目是由多个不同岗位的成员共同完成，包含UI规划、前端开发、后端开发、测验等。为了完成项目的完整性，前后端需求运用技能完成联通。不过，前后端交互技能有哪些呢？ 目前常用的完成前后端交互的技能有三个： 1、ajax ajax是一种用于创建快速动态网页的技能。经过在后台与服务器
阅读全文
前端响应式布局
摘要：概念 Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 步骤 设置 Meta 标签 大多数移动浏览器将html页面放大为宽的视图（viewport）以符合屏幕分辨率，可以使用视图的meta标签来进
阅读全文
HTML页面乱码怎么解决？
摘要：html文件乱码一般是因为编码格式不匹配造成的，比如：不同编码内容混杂、浏览器不能自动检测网页编码等等；但无论是哪种情况造成乱码，在html文件头中设置网页编码，匹配好编码格式就可。 下面是一个中文乱码的html： 标题 这是一段测试文本！ 效果图： HTML中的编码方式有三个：gb2312，gbk
阅读全文
JS简单数据类型
摘要：一、数据类型简介 1、为什么需要数据类型 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于吧数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型 简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的 2、变量的数据类型 变量是用来
阅读全文
你不知道的空格
摘要：本文对了解的空格分为几个Level，看大家能达到哪个level。 Level1： 半角空格 历史最悠久的空格，在1967年，ASCII 规范中被定义。 空格在 ASCII 中编码为0x20, 占位符为一个半角字符。在日常英文书写和代码编写中使用。 Level2: 全角空格 中文输入中的空格（标准说法
阅读全文
用CSS实现分页符
摘要：page-break-after可以实现强制分页，比如始终在元素后插入分页符, @media print 表示这段css只在打印时起作用。 @media print { footer {page-break-after: always;} } css 语法 page-break-after: aut
阅读全文
CSS变量的使用
摘要：前言 自定义属性（有时可以称为css变量或者层叠variables）是由css作者定义的实体，这些实体在一个document内可以被重用。一般按照自定义属性的符号设置（比如，--main-color: black；）然后使用var()函数使用。（例如color: var(--main-color)）
阅读全文
HTML/CSS中空元素有哪些？
摘要：空元素介绍 在用来描述网页的计算机语言中，有一种超文本标记语言，被称为html(Hyper Text Markup Language) 。而构成html内容的标记语言是由一套标记标签组成。这套标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 ，通常
阅读全文
html数据属性 data-*
摘要：在html标签中定义属性，需要时可以读取属性的值，这类属性称为数据属性 定义数据属性 命名规则是data-<属性名称> 例如 submit vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com 在JavaScript中读取 读取时通过元
阅读全文
Html头部meta标签
摘要：meta元素有4个属性：name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息，通过http-equiv属性设置http请求指令，通过charset设置页面的字符编码。按照属性设置分类，meta可以分为三类: name属性和content属
阅读全文
web前端开发自学路线是怎样的？
摘要：学习前端的几个个阶段： 一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等 二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等 三阶段：canvas、js高级应用、js-SDK、H5新增技术 四阶段：node.js、vue.js 第一阶段—
阅读全文
总结移动端H5开发常用技巧
摘要：html 篇 常用的meta属性设置 meta对于移动端的一些特殊属性，可根据需要自行设置 //Android 禁止屏幕旋转 //全屏显示 //UC应用模式，使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。 //QQ强制竖屏 //QQ强
阅读全文
js 数组操作整理
摘要：基本操作 增和改 var a= new Array(); //创建一个数组 a[0]=1;//直接指定修改 a.push(1); //直接在最后新增一个 删 //arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量dele
阅读全文
Tomcat是一个Servlet容器？
摘要：“Tomcat是一个Servlet容器”，这句话对于2019年的程序员应该是耳熟能详的。 单纯的思考一下这句话，我们可以抽象出来这么一段代码： class Tomcat { List sers; } 如果Tomcat就长这样，那么它肯定是不能工作的，所以，Tomcat其实是这样： class Tom
阅读全文
web前端代码重构
摘要：一、代码规范化 整理一套vscode中格式化配置，在页面保存时自动格式化，团队成员格式统一（搭配eslint）。 整理项目中的命名（不要嫌长，但也不能过于冗长，尽量能让人一眼看明白） 私有变量前加'_' 方法使用驼峰命名 组件大写开头的驼峰命名 样式'-'连接 文件名统一 html嵌套尽量少于5层，
阅读全文
HTML下拉导航菜单的实现：CSS/Js的实现方案
摘要：熟练使用导航栏，对于网站排版非常重要,使用css，js，jq等你可以转换成好看的导航栏而不是枯燥的html菜单。 css实现： CSS实现下拉菜单 首页 课程大厅 JavaScript jQuery 学习中心 视频学习 案例学习 交流平台 经典案例 关于我们 联系我们 js实现 JavaScript
阅读全文
前端html标签：块级元素，行内元素，空元素
摘要：前端是一个很容易入门，但却很难走进去的一个行业。看似简单，但一旦深入，就“不可自拔”。说到，前端，肯定少不了要认识他的组成元素，那这就涉及到块级元素，行内元素以及一些空元素。 html标签 html标签定义： 是由一对尖括号包裹的单词构成,例如: . 标签不区分大小写 和 , 推荐使用小写. 标签分
阅读全文
续web耦合
摘要：术业有专攻（开发人员分离） 以前的JavaWeb项目大多数都是java程序员又当爹又当妈，又搞前端（ajax/jquery/js/html/css等等），又搞后端（java/mysql/oracle等等）。 随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事
阅读全文
前后端分离意义大吗？
摘要：1、该网站前端变化远比后端变化频繁，则意义大。 2、该网站尚处于原始开发模式，数据逻辑与表现逻辑混杂不清，则意义大。 3、该网站前端团队和后端团队分属两个领导班子，技能点差异很大，则意义大。 4、该网站前端效果绚丽/跨设备兼容要求高，则意义大。
阅读全文
Web实现前后端分离,前后端解耦
摘要：一、前言 ”前后端分离“已经成为互联网项目开发的业界标杆，通过Tomcat+Ngnix(也可以中间有个Node.js)，有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 前后端分离(解
阅读全文
前端 HTML空格的六种方式
摘要：html提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（ ）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下s
阅读全文
web安全测试必须注意的五个方面
摘要：随着互联网的飞速发展，web应用在软件开发中所扮演的角色变得越来越重要，同时，web应用遭受着格外多的安全攻击，其原因在于，现在的网站以及在网站上运行的应用在某种意义上来说，它是所有公司或者组织的虚拟正门，所以比较容易遭受到攻击，存在安全隐患。 今天主要给大家分享下有关安全测试的一些知识点以及注意事
阅读全文
重要的几个库，Python爬虫
摘要：1.请求库 requests GitHub：https://github.com/psf/requests requests库应该是现在做爬虫最火最实用的库了，非常的人性化。有关于它的使用我之前也写过一篇文章 一起看看Python之Requests库 ，大家可以去看一下。 有关于requests最详
阅读全文
8个Python爬虫框架
摘要：1.Scrapy Scrapy是一个为了爬取网站数据，提取结构性数据而编写的应用框架。 可以应用在包括数据挖掘，信息处理或存储历史数据等一系列的程序中。用这个框架可以轻松爬下来如亚马逊商品信息之类的数据。 项目地址：https://scrapy.org/ 2.PySpider pyspider 是一
阅读全文
最全的js对象克隆和数组克隆方法
摘要：引子：表单数据的克隆 工作中我们需要用到对象或者数组的复制功能 提交的form表单，需要进行处理，例如将表单中的数组变成','连接的字符串，这个时候我们直接对原表单直接处理是不妥当的 那么问题来了，我该用什么方法去克隆这个含有数组的表单呢？ 深克隆和浅克隆的区别 在解决上述问题之前，我们应该明确一点
阅读全文
能用HTML/CSS解决的问题就不要使用JS
摘要：为什么说能使用html/css解决的问题就不要使用js呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 导航高亮 导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点css技巧就可以达
阅读全文
JS动画和CSS动画
摘要：一. js动画和css动画区别。 css实现动画：animation transition transform js实现动画：setInterval setTimeout requestAnimationFrame JS动画： 优点： 过程控制，可以在动画播放过程中对动画进行控制：开始、暂停、回放、
阅读全文
前端路由跳转基本原理
摘要：目前前端三杰 Angular、react、vue 都推介单页面应用 SPA 开发模式，在路由切换时替换 DOM Tree 中最小修改的部分 DOM，来减少原先因为多页应用的页面跳转带来的巨量性能损耗。它们都有自己的典型路由解决方案，@angular/router、react-router、vue-r
阅读全文
前端面试：权限控制
摘要：0.前言 记得当年面试的时候，面试官问我，前端怎么做权限控制，咱也不太会这个，只能尴尬回答道：“都是老大搭的架子，我只负责写业务模块代码”。 如今自己也做了很多项目了，觉得有必有对前端权限控制做一个总结。 前端权限控制一直是前端必须掌握的一个知识点，一般来说稍微正规一点的后台系统肯定有权限控制。当然
阅读全文
js执行机制（一）
摘要：js是单线程的，为什么可以执行异步操作呢？ 这归结与浏览器（js的宿主环境）通过某种方式使得js具备了异步的属性。 区分进程和线程： 进程：正在运行中的应用程序。每个进程都自己独立的内存空间。例如：打开的浏览器就是一个进程。 线程：进程的子集，是独立的。线程在共享的内存空间中运行。 浏览器是多进程的
阅读全文
用正则表达式获取URL中的查询参数
摘要：总结获取url中查询参数的两种方式 通过正则表达式获取单个参数 url中的所有查询参数可以通过 window.location.search 字段获取，以字符串的形式返回。并有固定的格式 ?param1=value1¶m2=value2···，所以可以正则表达式匹配。 分析下需要匹配的格式：
阅读全文
js实现整页截图
摘要：一、引用库 html2canvas.js和canvas2image.js的下载地址： html2canvas.js: http://html2canvas.hertzen.com/dist/html2canvas.min.js canvas2image.js: https://github.com/
阅读全文
Js对象属性的特性 和defineProperty方法
摘要：对象是无序属性的集合，而这些属性在创建是都带有一些特征值（可以理解为属性的属性,天生自带的），这些特征值是为了实现JavaScript引擎用的，因此JavaScript不能直接访问。 JavaScript通过这些特征值来定义属性的行为（属性是否删除，枚举，修改等）。 例如，在全局定义的属性是会挂载到
阅读全文
Js二维数组中的查找
摘要：题目描述 在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。 解法 1：暴力法 遍历数组中的所有元素，找到是否存在。 时间复杂度是 O(N^2)，空间复杂度是
阅读全文
使用JavaScript进行面向对象编程的指南
摘要：一切都从对象开始。 对象，即我们相互交流的一个载体，有其属性和方法。对象是面向对象编程的核心，不仅用于JavaScript，而且还适用于Java、C语言、C++等。不再考虑单个变量和函数，而选择自给型的对象。 以下是在讨论面向对象编程(OOP)时最常用到的概念： 对象，属性，方法 类 封装 抽象 复
阅读全文
Js Math对象 abs() 方法
摘要：语法 Math.abs(x) // 必需。必须是一个数值。 示例 输出： 7.25 7.25 2.75 在项目中使用的方法 上传图片 Init: function(up, file) { let alertMsg = cbFilesAddedParam.alertMsg; plupload.addF
阅读全文
|
