浅弋、璃鱼的博客

文章目录一、JSX的基本使用：二、JSX中使用javascript表达式：三、JSX的条件渲染：四、JSX的列表表达式：五、JSX的样式处理一、JSX的基本使用：二、JSX中使用javascript表达式：三、JSX的条件渲染：四、JSX的列表表达式：五、JSX的样式处理...

文章目录一、React概述1. 什么是React：2. React的特点:2.1 声明式:2.2 基于组件:2.3 学习一次, 随处使用;二、React的基本使用1. React的安装2. React的使用:2.1 引入reat和react-dom两个js文件2.2 创建元素并渲染到页面中;三、React脚手架的使用1. React脚手架意义:2. 使用React脚手架初始化项目:2.1 初始化项目:2.2 运行项目3. 在脚手架中使用React3.1 导入react和react-dom两个包:3.2 调用

文章目录

文章目录

文章目录一、函数的定义和调用:1. 函数的定义方式:一、函数的定义和调用:1. 函数的定义方式:自定义函数(命名函数):function fn() {}函数表达式(匿名函数):var fn = function() {};利用new:所有函数都是 Function 的实例;var fn = new Function('参数1', '参数2', ..., '函数体')// 例var fn = new Function('a', 'b', 'console.log(

文章目录一、构造函数和原型1. 概念:2. 构造函数:一、构造函数和原型1. 概念:在典型的OOP语言中, 都存在类的概念, 类就是对象的模板, 对象就是类的实例. 在ES6之前, JS中并没有类的概念;ES6, 全称ECMAScript 6.0, 2015.06发版. 但是目前浏览器的JavaScript事ES5, 大多数高版本的浏览器也支持ES6, 只不过实现了ES6的部分特性和功能;在ES6之前, 对象不是基于类创建的, 而是用一种称为构造函数的特殊函数来定义对象和他们的特征;创建对象可用

文章目录一、什么是面向对象:1. 两大编程思想:2. 面向过程编程(POP)3. 面向对象编程(OOP):二、ES6中的类和对象：1. 面向对象的思维特点:2. 对象:3. 类: class4. 创建类:4.1 语法:4.2 类constructor 构造方法:4.3 类中添加方法:4.4 类的继承:4.5 super:5. ES6中类和对象:一、什么是面向对象:1. 两大编程思想:面向过程:面向对象:2. 面向过程编程(POP)面向过程就是分析出解决问题所需要的步骤, 然后用函数把这些步骤

文章目录一、移动布局(流式布局):二、Flex伸缩布局:一、移动布局(流式布局):二、Flex伸缩布局:

电商后台管理系统

文章目录一、前端工程化:1. 模块化相关规范:1.1 模块化概要:1.2 浏览器模块化规范:1.3 服务端的模块化规范:1.4 大一统的ES6规范:2. Node.js中通过babel体验ES6模块化:2.1 安装与配置babel:3. 设置默认导入/导出:3.1 默认导出:3.2 默认导入:4.设置按需导入/导出:4.1 按需导出:4.2 按需导入:5. 直接导入并执行代码:二、webpack：1. 当前web开发面临的困境：2. webpack：3. webpack基本使用:3.1 基本流程:3.2 使

文章目录一、Vuex概述:1. 组件之间共享数据的方式：2. Vuex是什么:3. 什么样的数据适合存储到vuex中:二、Vuex的基本使用:1. 安装vuex依赖包:2. 导入vuex包:3. 创建store对象:4. 将store对象挂载到vue实例中:三、Vuex的核心概念：四、基于Vuex的案例：一、Vuex概述:1. 组件之间共享数据的方式：参考之前的文章: https://blog.csdn.net/qq_35709559/article/details/1063237342. Vuex

文章目录一、vue脚手架:1. vue脚手架的基本使用:2. 使用步骤:2.1 安装3.x版本的vue脚手架:2.2 基于3.x版本的脚手架创建vue项目2.2.1 基于交互式命令行的方式, 创建新版vue项目2.2.2 基于图形化界面的方式, 创建新版vue项目:2.2.3 基于2.x的旧模板, 创建旧版vue项目(了解):一、vue脚手架:1. vue脚手架的基本使用:vue脚手架用于快速生成vue项目基础架构, 其官网: https://cli.vuejs.org/zh2. 使用步骤:2.1

文章目录一、路由的基本概念：1. 路由：2. 后端路由:2.1 后端路由的概念与本质:2.2 SPA(single page application):3. 前端路由:3.1 概念与本质:二、vue-router的基本使用：三、vue-router嵌套路由：四、vue-router动态路由匹配：五、vue-router命名路由:六、vue-router编程式导航：七、基于vue-router的案例：一、路由的基本概念：1. 路由：路由是一个比较广义和抽象的概念, 路由的本质就是对应关系;在开发中,

文章目录一、前后端交互模式:1. 接口调用方式:2. url地址格式:2.1 传统形式的url:2.2 restful形式的url:二、异步:二、promise用法:1. 什么是promise:2. promise基本用法:3. 基于Promise发送Ajax请求:4. promise基本API:4.1 实例方法:4.1 对象方法:三、fetch Api:1. fetch概述:1.1 基本特性:1.2 语法结构:2. fetch基本用法:3. fetch请求参数:3.1 参数形式3.2 传统方式:GET传参

文章目录Vue全家桶之组件化开发一、 组件化开发想法：1. 组件化思想体现：2. 组件化规范: web components二、注册组件:1. 组件全局注册:2. 组件使用:3. 示例:4. 局部组件注册:三、Vue调试工具:1. 工具安装步骤:四、组件间数据交互:1. 父组件向子组件传值:2. props属性值类型:2.子组件向父组件传值Vue全家桶之组件化开发一、 组件化开发想法：1. 组件化思想体现：标准；分治；重用；组合;2. 组件化规范: web components希望:

文章目录一、Vue常用特性：1. 表单操作：1.1 基于Vue的表单操作:1.2 数据绑定:1.3 表单域修饰符:2. 自定义指令：2.1 Vue.directive 注册全局指令:2.2 Vue.directive 注册全局指令 带参数:2.3 自定义指令-局部指令:3. 计算属性：3.1 语法:2.3 示例:3.3 计算属性与方法的区别:4. 过滤器：4.1 什么是过滤器:4.2 自定义过滤器:4.3 过滤器的使用:4.4 局部过滤器:4.5 过滤器传参:5. 侦听器:5.1 什么是侦听器5.2 侦听器

文章目录一、Vue:1. vue 是什么？2. Vue基本使用3. :使用Vue将helloworld 渲染到页面上:3.1 模板语法概述:二、指令：1. 什么是指令：2. v-cloak 防止闪动：3. 渲染:3.1 v-text 将数据填充到标签中:3.2 v-html 将HTML片段填充到标签中:3.3 v-pre 跳过编译过程:4. 数据响应式:4.1 如何理解数据响应式:4.2 什么是数据绑定;4.3 v-once: 只编译一次5. 双向数据绑定:5.1 v-model:5.2 mvvm三、

文章目录一、jQuery尺寸、位置操作:1. jQuery 尺寸操作1.2 代码演示;2. jQuery 位置操作2.1 offset() 设置或获取元素偏移:2.2 position() 获取元素偏移:2.3 scrollTop() / scrollLeft() 设置或获取元素被卷去的头部和左侧:2.3 代码示例:一、jQuery尺寸、位置操作:jQuery中分别为我们提供了两套快速获取和...

文章目录一、jQuery属性操作:1. 元素固有属性prop():2. 元素自定义属性 attr()3. 数据缓存 data():4. 演示代码:二、jQuery 文本属性值:1. jQuery内容文本值1.1 语法:1.2 演示代码:三、jQuery元素操作:1. 遍历元素2. 语法:2.1 语法1:2.2 语法2:2.3 演示代码:2. 创建、添加、删除:案例: 购物车案例模块-全选:一、j...

文章目录一、Jquery介绍:1. JavaScript 库:2 jQuery的概念3. jQuery的优点二、jQuery 的基本使用:1. jQuery 的下载2. 体验jQuery3. jQuery的入口函数4. jQuery中的顶级对象$5. jQuery 对象和 DOM 对象6. jQuery 对象和 DOM 对象转换三、jQuery选择器:1. 基础选择器2. 层级选择器3. 筛选选择...

文章目录

文章目录一、网页特效:1. 元素偏移量 offset 系列:1.1 offset 概述:1.2 offset 与 style 区别1.3 案例：获取鼠标在盒子内的坐标:1.4 案例：模态框拖拽:一、网页特效:1. 元素偏移量 offset 系列:1.1 offset 概述:offset: 偏移量.使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等;获得元素距离带有...

文章目录

文章目录一、节点操作:1. 删除节点:1.2. 案例：删除留言2.2 实现:一、节点操作:1. 删除节点:node.removeChild(child)node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点<button>删除</button><ul> <li>熊大</li> ...

文章目录一、排他操作:1. 排他思想:2. 案例:换肤:3. 案例：表格隔行变色一、排他操作:1. 排他思想:如果有同一组元素，想要某一个元素实现某种样式， 需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己<button>按钮1</button><bu...

文章目录

文章目录一、作用域:1. 作用域概述:2. 全局作用域3. 局部作用域4. JS没有块级作用域:二、变量的作用域:1. 全局变量2. 局部变量3. 全局变量和局部变量的区别三、作用域链:四、预解析:1. 预解析的相关概念2. 变量预解析3. 函数预解析:五、 对象1. 对象的相关概念1.1 什么是对象？1.2 为什么需要对象？2. 创建对象的三种方式:(利用字面量创建对象,利用 new Objec...

文章目录

文章目录

文章目录一、认识JavaScript:1. JavaScript是什么?2. JavaScript的作用:3. HTML/CSS/JS 的关系:3.1 HTML/CSS标记语言 -- 描述类语言:3.1 JS脚本语言 -- 编程类语言:一、认识JavaScript:1. JavaScript是什么?JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 (Scrip...

文章目录一、品优购项目(一):1. 品优购项目介绍:2. 项目背景:3. 设计目标:4. 几点思考:5. 代码规范:6. 前期准备工作:6.1 目录文件夹:6.2 样式文件的分类:7. 网站ico图标7.1 使用ico图标:7.2 制作ico图标8. 网站优化三大标签:8.1 站内优化的三大标签:8.2 网页title标题:8.3 Description网站说明:8.4 keywords关键字:8...

代码规范1. 概述欢迎使用品优购代码规范， 这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，以下规范是团队基本约定的内容，必须严格遵循。HTML规范基于 W3C、苹果开发者 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。图片规范了解各种图片格式特性，根据特性制定图片规范，包括但不限于...

文章目录十四、用户界面样式：1. 鼠标样式(cursor):2. 轮廓(outline)3. 防止拖拽文本域(resize):4. 垂直对齐(vertical-align):4.1 取出图片底侧空白缝隙:十五、溢出的文字隐藏:1. 自动换行1.1 word-break:1.2 hite-space:1.3 text-overflow 文字溢出:十四、用户界面样式：所谓用户界面样式, 就是改变一...

文章目录一、CSS介绍:二、font字体：三、CSS基本选择器：四、CSS外观样式及应用：五、标签显示模式：六、CSS复合选择器：七、CSS背景及应用：八、CSS三大特性：九、CSS盒模型及应用：十、浮动及清除浮动：十一、photoshop基本操作：十二、CSS四种定位：十三、CSS溢出文字隐藏：一、CSS介绍:二、font字体：三、CSS基本选择器：四、CSS外观样式及应用：五、标签显...

文章目录一、认识网页:1. 网页的组成:2. 网页如何形成:二、常见浏览器:1. 五大浏览器:2. 浏览器占有的份额:三、浏览器内核:1. 什么是浏览器内核:Trident(IE内核):Gecko(firefox):webkit(Safari):2013年4月3日, 谷歌正式宣布与WebKit分离.Chromium/Bink(chrome):Presto(Opera):2. 移动端的浏览器内核主要...