随笔分类 - 前端
前端学习笔记
摘要：1、刷新 <a data-v-3d57f2ca="" href="javascript:window.location.reload()" class="el-link el-link--primary" style="margin-left: 20px;"> <i class="el-icon-r
阅读全文
摘要：1、父子组件交互 <body> <div id="app"> <!--子组件接收到”change"方法，绑定父组件的方法--> <number @change="countAdd"></number> <number @change="countAdd">></number> <div>父组件：<s
阅读全文
摘要：组件 将公用的功能抽离出来，形成组件；目的：复用代码。 1.1 全局组件 <div id="app"> <!--引用组件，可多次引用--> <demo></demo> </div> <script src="../js/vue.js"></script> <script> // 全局组件,第一个参数
阅读全文
摘要：过滤器：filter Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以使用在2个地方：{{ }} 插值 和 v-bind 表达式（后者从 2.1.0+ 开始支持） 过滤器分为：全局过滤器、局部过滤器 2种，一种是创建 Vue 实例之前全局定义过滤器，另一种是在vue对象中创
阅读全文
摘要：双向数据绑定 通过修改标签，例：切换radio、checkbox......都会对绑定的数据有影响 通过事件触发方法，修改data中数据，反向作用于radio、checkbox...... 1、v-model （1）通过绑定input实现双向绑定 </head> <body> <div id="ap
阅读全文
摘要：前端三大框架：Angular.js、React.js、Vue.js，目前最热的是Vue，并且使用的热度还在递增中。 Vue已经将操作页面的方法封装好，我们只需要对数据进行修改就可以完成页面的显示。Vue核心思想：只要改变数据，页面就会发生改变 Vue的Js源码库：https://v2.cn.vuej
阅读全文
摘要：JavaScript，简称Js HTML三把利剑之一，浏览器可解析Js，看着和Java像，实则和Java并无关系，和Python、Go、C++等都是一门独立的语言。 一种轻量级的编程语言。 可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
阅读全文
摘要：一、概念 javascript javascript是一种脚本语言，可以被浏览器解析，所以它可以称之为前端的三把利器之一。 javascript跟java没有半毛钱关系。 声明局部变量：使用关键字var 应用场景：当Selenium定位不到元素时，就要使用js代码来定位了 Dom Document
阅读全文
摘要：页面中显示 接口没通，没返回数据，找到了前端的同事，原因是：浏览器设置的问题，选择了【offine】，调整为【No throttling】就可以正常请求了
阅读全文
摘要：测试报告.html 我们可以看到测试报告中图片并没有正常显示，我们再来看下HTMLTestRunner中的源码， 1、从源码中，我们可以看到，是做了if判断，需要图片名称是png_name和name一致时，才会正常走到下边的代码操作截图，所以，我们在自己的代码中需要把自定义的错误截图名称需要和cas
阅读全文
摘要：v-model 双向数据绑定 input文本 定义name=tata，通过v-model绑定name 首先输入框里展示的name是tata，span标签展示的也是data，当修改input输入框的数据时，span标签里的tata也会跟着变化，这属于单项绑定。 此时我又通过一个button绑定了cli
阅读全文
摘要：一、认识VUE 前端三大框架 Angular.js、React.js、Vue.js，目前最热的是Vue 并且使用热度还在递增中. Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注
阅读全文
摘要：一、初识Css 概念 用于修饰标签。 使用css选择器需要关注两点：1、选择哪个选择器 2、如何选择需要使用css样式的标签。 在head中添加style标签，在style标签中添加css选择器，就可以将css样式附着到body中的标签上了。 二、选择器 1、选择器种类 （1）id选择器 head中
阅读全文
摘要：一、初识HTML 1、概念 前端就是我们看到的页面 前端的3板斧 HTML（一个赤裸的人）、Css（给人穿的衣服）、JS/JavaScript（赋予人行动能力） HTML是一套能够被浏览器所识别的规则，我们学习html 实际就是学习能够被浏览器所识别的一套规则（浏览器就是html的解释器） HTML
阅读全文
摘要：1、前端的三把利器 HTML：赤裸的一个人 >将页面展示出来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>西山行者</title> </head> <body> <div>摩羯座</div> #html
阅读全文
