Blogger Information
祥子弟弟
Blog
29
fans
1
comment
0
visits
35414
integral:0
P beans:58
  • List of blog posts
  • 使用原生 js 和 Vue 路由模块分别实现一个前端路由

    前端路由:通过动态改变 url 实现,并不会和后端服务器发生交互,前端路由不同于传统路由,它不需要服务器来进行解析,而是通过一个 hash 函数或者 H5 提供的 history API 来实现。前端路由的优势:页面刷新速度快。由于前端路由不需要和后...

    2021-02-11 23:57 Read 1166 comment 0
  • 组件基础与组件之间的通信

    一、组件知识组件,从形式上看,组件就是一个自定义的 html 标签;组件本质上来看是一个可复用的 Vue 实例,是构造函数 Vue 的一个子类;组件实现了代码复用。从组件的层面上来理解,Vue 的挂载点就是一个组件,不过它是一个隐式声明根组件。 创建...

    2021-02-11 18:25 Read 793 comment 0
  • 在 vue 中使用条件渲染语句实现 todolist,以及 vue 中的计算属性和侦听器属性介绍

    一、vue 中的条件渲染条件渲染指令v-if,v-show。 v-if 指令: v-if 指令和原生 js 中的 if 语句的功能是一样的,作为条件约束,执行哪些功能。同样有作为单分支和多分支条件的语句。v-show 指令: v-show 指令和 v...

    2021-02-10 15:15 Read 870 comment 0
  • 初识 vue 以及几个常用的 v-指令的介绍

    一、导入 vue使用 vue 渲染页面要先进行 vue 库的导入,和 jQuery 一样,可以通过 script 标签引入,可以在vue 官网上找到 使用 vue 进行页面渲染时第一步时先将 vu...

    2021-02-09 23:00 Read 1733 comment 0
  • 使用原生 js 完成一个购物车页面和 ES6 中模块的导入问题

    一、实现一个购物车购物车要实现的功能 全选框选中时,底下的单个商品复选框按钮要全部选中 单个商品复选框中只要有一个没有被选中,则全选复选框取消选中 改变商品数量的时候,后边的金额会自动进行加减 总价和总数量中只计算当前勾选的商品,但是没有勾选的商品...

    2021-02-09 16:58 Read 1155 comment 0
  • jQuery 中常用的 DOM 操作以及使用 jQuery 完成跨域请求操作

    一、jQuery 中常用的 DOM 操作使用 jQuery 库一定不能忘了导入 1.添加元素通过和原生 js 的对比来进行元素添加操作 // 原生方式const h2 = d...

    2021-02-08 23:25 Read 1163 comment 0
  • 初识 jQuery 与$()工厂函数的四种用法,四种好用的 getter/setter 方法

    一、jQuery 的导入方式与工厂函数$()的四种用法jQuery: jQuery 是一个快速,小型且功能丰富的 JavaScript 库。通过易于使用的 API(可在多种浏览器中使用),它使 HTML 文档的遍历和操作,事件处理,动画和 Ajax ...

    2021-02-08 21:10 Read 1401 comment 0
  • 使用原生 js 实现选项卡、一键更换背景图片、图片懒加载和轮播图

    一、选项卡的实现项卡是由两部分组成,头部是导航部分,内容区是主要内容部分,一下使用 php 中文网主页的一个截图作为示例 选项卡的设计思路:通过给每个导航区的 li 添加自定义属性,然后让相关联的内容区设置相同的自定义属性,在点击/悬浮在一个 li...

    2021-02-08 00:15 Read 1429 comment 0
  • js 中数组常用方法介绍以及 JSON 对象的两个方法展示和跨域请求问题解决方案

    一、js 中数组常用方法1.push()方法:在数组的尾部插入一个元素 let arr = [];arr.push(1);arr.push(2);arr.push(3);console.log(arr);// arr = [1, 2, 3]; 2.p...

    2021-02-07 15:05 Read 706 comment 0
  • 常用的字符串方法介绍以及使用事件代理实现一个简单的留言板

    一、常用的字符串方法1.concat()方法:字符串拼接,在大量的生成 html 代码时用处很大,而且可以自动类型转换 let str = " html ".concat(" css ", " js ", " ! ", 666);console.lo...

    2021-02-07 11:17 Read 625 comment 0
  • js 中的构造函数与常用的 dom 元素操作(dom 元素的增删改查)

    一、构造函数与原型js 是一门面向对象的编程语言,但是在 js 中是没有类和继承的概念的,ES6 之前都是基于原型的继承模式,而在 ES6 中开始正式的支持类和继承,不过,ES6 的类都仅仅是封装了 ES5.1 构造函数加原型继承的语法糖,所以说,j...

    2021-02-07 11:13 Read 1127 comment 0
  • 对于 JS 中解构的补充和函数原型中 bind(),call()和 apply()三种方法的演示以及访问器属性的实现

    一、对于数组和对象解构的补充解构赋值:快速从集合数据(数组/对象)解构出独立变量 1.数组解构 在对数组进行解构时,等号两边的类型要一致。对于数组来说,它里边的元素都是有顺序的,想要通过解构赋值来得到某一个位置的元素是可行的。可以同时获得数组中的多个...

    2021-01-11 18:16 Read 700 comment 0
  • JS 中的函数提升和重写问题以及四种高阶函数的分析

    一、js 中的基本数据的类型转换问题js 中的变量类型分为原始类型和引用类型,其中原始类型包括:1.数值,2.字符串,3.布尔类型,4.undefined 类型,5.null(空对象)类型,6.符号(Symbol)类型;引用类型包括:1.对象,2.数...

    2021-01-11 15:55 Read 1105 comment 0
  • 数组与对象的解构与常用的流程控制方法

    一、 解构理论上来说任何类型都可以解构,但是工作中基本上只会用到对象和数组,所以我们最关注的就是数组和对象的解构。 1.对象的解构首先我们需要的是声明一个对象,这里我们使用 const 声明一个对象 const user = {name: “zhu...

    2021-01-03 02:01 Read 910 comment 0
  • js中的常量变量以及html文档三种引入js的方式

    js 是基于事件驱动的异步单线程的脚本编程语言,它的全称是 JavaScript,虽然里边有个 java 字样,但是和 java 编程语言一点关系都没有。它是一种脚本语言,基于解释器执行,它是边解释便执行的语言。浏览器控制台 Console 是一个浏...

    2020-12-31 23:21 Read 3127 comment 0