2022年1月9日
Vue过滤器和修饰符
摘要： 品牌管理案例 实现功能： 1. 添加新品牌 2. 删除品牌 3. 根据条件筛选品牌 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init 阅读全文
posted @ 2022-01-09 18:55 ..Shmily 阅读(39) 评论(0) 推荐(0)
Vue基本使用
摘要： 什么是Vue.js? Vue.js是一套构建用户界面的渐进式框架。 Vue.js是前端三大框架之一，和 Angular.js、React.js，并成为前端三大主流框架 使用框架的目的： 1、提高开发效率 2、 能够帮助我们减少不必要的DOM操作；提高渲染效率；双向数据绑定的概念【通过框架提供的指令， 阅读全文
posted @ 2022-01-09 18:28 ..Shmily 阅读(106) 评论(0) 推荐(0)
2021年12月24日
Ajax基础
摘要： Ajax介绍： 1、AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。 2、AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 3、AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 阅读全文
posted @ 2021-12-24 21:59 ..Shmily 阅读(50) 评论(0) 推荐(0)
jQueryHTML与插件
摘要： jQuery 事件机制 （1）、注册事件 bind() on() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数 $("#header1").bind({ mouseover(){ $(this).css("background-color","blue"); }, mouse 阅读全文
posted @ 2021-12-24 21:34 ..Shmily 阅读(45) 评论(0) 推荐(0)
2021年12月20日
jQuery基础
摘要： 1、jQuery是一个JavaScript函数库。 2、jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 3、jQuery库包含以下功能：HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和HTML DOM 遍历和修改。 为什么 阅读全文
posted @ 2021-12-20 21:58 ..Shmily 阅读(34) 评论(0) 推荐(0)
2021年12月14日
JS正则表达式
摘要： (1) 正则表达式的作用 给定的字符串是否符合正则表达式的过滤逻辑(匹配) 可以通过正则表达式，从字符串中获取我们想要的特定部分(提取) 强大的字符串替换能力(替换) (1) 正则表达式的特点 灵活性、逻辑性和功能性非常的强 可以迅速地用极简单的方式达到字符串的复杂控制 对于刚接触的人来说，比较晦涩 阅读全文
posted @ 2021-12-14 22:49 ..Shmily 阅读(43) 评论(0) 推荐(0)
JS面向对象继承
摘要： 使用原型的好处 目的：1、节省内存空间，2、实现数据共享 原型链：实例与原型的链条称作 原型链 原型的指向是否可以改变 (可以) 原型对象的constructor属性指向构造函数本身，让学生原型指向人的构造函数。 Student.prototype = new Person("小王", 18); c 阅读全文
posted @ 2021-12-14 22:16 ..Shmily 阅读(62) 评论(0) 推荐(0)
JS面向对象
摘要： 对象与面向过程 面向过程就是亲力亲为，事无巨细，面面俱到，步步紧跟，有条不紊 面向对象就是找一个对象，指挥得结果 面向对象将执行者转变成指挥者 面向对象不是面向过程的替代，而是面向过程的封装 面向对象的特征： 封装性，继承性，多态性 构造函数和实例化对象的关系 (1)、解析构造函数代码的执行 创建一 阅读全文
posted @ 2021-12-14 22:00 ..Shmily 阅读(33) 评论(0) 推荐(0)
JS高级动画
摘要： 图片跟着鼠标飞 利用了鼠标的移动事件以及元素的坐标属性。 var img = document.querySelector("img") document.onmousemove = function(event){ var event = event || window.event var x = 阅读全文
posted @ 2021-12-14 21:38 ..Shmily 阅读(124) 评论(0) 推荐(0)
JS动画以及封装
摘要： 1、定时器动画案例 （1）协议按钮禁止 var btn = document.querySelector("button") var num = 5 btn.disabled = true var Timer = setInterval(function(){ num-- btn.innerHTML 阅读全文
posted @ 2021-12-14 21:09 ..Shmily 阅读(53) 评论(0) 推荐(0)