前端
Java追求者
坚持每天学习!
展开
-
Vue基础学习笔记(二)
Vue常用特性表单基本操作获取单选框中的值(采用v-model)获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控他的值就可以了 --> <input原创 2020-07-02 23:10:59 · 212 阅读 · 0 评论 -
Vue基础学习笔记(一)
1.什么是Vue?Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。示例:每个 Vue 应用都需要通过实例化 Vue 来实现。语法格式如下:var vm = new Vue({ // 选项})data 用于定义属性。methods 用于定义的函数,可以通过 return 来返回函数值。{{ }} 用于输出对象属性原创 2020-06-30 23:01:43 · 243 阅读 · 0 评论 -
JavaScript高级学习笔记(五)
ES6语法ES6相关概念(★★)什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散,实现相同的功能,不同的人可能会写出不同的代码ES6新增语法let(★★★)let声明的变量只在所处于的块级有效 if (true) { let原创 2020-06-10 16:17:35 · 225 阅读 · 0 评论 -
JavaScript高级学习笔记(四)
1.正则表达式概述1.1什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。1.2 正则表达式的特点灵活性、逻辑性和功能性非常的强。可以迅原创 2020-06-10 10:11:19 · 182 阅读 · 0 评论 -
JavaScript高级学习笔记(三)
1.函数的定义和调用1.1函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function fn(){}方式2 函数表达式(匿名函数)var fn = function(){}方式3 new Function() (不推荐使用)var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2'..., '函数体')注意/*Funct原创 2020-06-09 14:57:46 · 166 阅读 · 0 评论 -
JavaScript高级学习笔记(二)
1.构造函数和原型1.1对象的三种创建方式–复习1.字面量方式var obj = {};2.new关键字var obj = new Object();3.构造函数方式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);1.2静态成员和实例成员1.2.1实例成员实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age si原创 2020-06-09 10:32:01 · 202 阅读 · 0 评论 -
JavaScript高级学习笔记(一)
1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。1.3面向过程与面向对象对比2.对象与类对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)2.1.1创建对象//以下代码是对对象的复习/原创 2020-06-08 21:56:43 · 177 阅读 · 0 评论 -
Web API学习笔记(七)
聊天窗口案例思路分析:①点击图片实现用户切换功能1-1:默认两个用户,通过点击来回切换②点击发送按钮,把用户的聊天内容展示聊天区域2-1:点击发送按钮,把聊天内容展示在聊天区域2-2:设定聊天在连天区域内不同位置显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微信聊天窗口</title> <style>原创 2020-06-08 09:58:03 · 136 阅读 · 0 评论 -
Web API学习笔记(六)
大小和位置相关的属性offset<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; } #box { position: relative; width: 300px;原创 2020-06-07 14:39:50 · 211 阅读 · 0 评论 -
Web API学习笔记(五)
BOMBOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。BOM的顶级对象windowwindow<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D原创 2020-06-04 08:54:02 · 160 阅读 · 0 评论 -
Web API学习笔记(四)
1.事件addEventListener<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="button" value="按钮" id="btn"> <!-- <script src="user原创 2020-06-03 16:15:25 · 247 阅读 · 0 评论 -
Web API学习笔记(三)
1.动态的创建元素document.write()使用document.write()输出内容,会把之前的整个页面覆盖掉<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>标题</h1> <img src原创 2020-06-02 16:56:58 · 247 阅读 · 0 评论 -
Web API学习笔记(二)
1.样式操作使用style方式设置的样式显示在标签行内开关灯案例common.jsfunction my$(id) { return document.getElementById(id);}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body&原创 2020-06-02 12:25:23 · 241 阅读 · 0 评论 -
Web API学习笔记(一)
1.API和Web APIAPI的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。相当于一个工具来用。Web API的概念浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)此处的Web API特指浏览器提供的API(一组方法),Web API在后面的课程中有其它含义掌握常见浏览器提供的API的调用原创 2020-05-29 15:33:20 · 290 阅读 · 0 评论 -
JavaScript基础学习笔记(一)
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据原创 2020-05-28 13:18:01 · 203 阅读 · 0 评论 -
相对路径和绝对路径的区别
一、绝对路径绝对路径是指文件在硬盘上真正存在的路径。 例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg“。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句:<body backround="E:\book\网页布局\代码\第2章\bg.jpg">使用绝对路径的缺点:事实上,在网页编程时,很少会使用绝对路径,如果使用“E:\book\转载 2020-05-21 09:23:46 · 262 阅读 · 0 评论 -
前端简单校验
直接上图<script> function checkForm() { /*alert("aaa00");*/ var c_sname = document.getElementById("s_name").value; var regExp = /^[\u4e00-\u9fa5]+$/ ; if(!c_sname.match(regExp)){ alert("请输入正确的姓名"); return false; }原创 2020-05-16 14:08:51 · 263 阅读 · 0 评论