随笔分类 -  前端开发

Vue框架：9，Vue3的用法，setup函数，ref和reactive，计算属性和监听属性，生命周期，toRefs，script setup的作用和lang，Vue后台管理模板
摘要：前端开发之Vue框架 一、Vue3 简介： 是最新发布的版本，相比于Vue2改变了部分语法，很多新项目都使用Vue3，部分老项目还在使用Vue2 Vue3变化： 1.性能的提升 -打包大小减少41% -初次渲染快55%, 更新渲染快133% -内存减少54% 2.源码的升级 -使用Proxy代替de 阅读全文
posted @ 2023-02-23 15:02 kangshong 阅读(241) 评论(0) 推荐(1)
Vue框架：8、props使用补充，混入mixin，插件，elementui的使用，Vuex，vue Router，localstorage系列用法
摘要：前端开发之Vue框架 一、props的使用补充 # props是父组件向子组件中传值所用的配置参数 # 方式一：使用数组 props:['name'] # 方式二：使用对象 props: {name: String,age:Number} # 方式三：使用对象，默认值和必填 props: { nam 阅读全文
posted @ 2023-02-23 14:58 kangshong 阅读(397) 评论(0) 推荐(0)
Vue框架：7、Node环境搭建，Vue-cli，es6导出、导入语法，跨域问题解决方法，小练习
摘要：前端开发之Vue框架 一、Node环境搭建 什么是Node或NodeJS： node js是一门后端语言 JavaScript只能运行在浏览器中，因为浏览器中有他的解释器环境 基于谷歌浏览器的v8引擎(js解释器)，使它能够运行在操作系统上 npm -随着node的安装自动安装的 安装Node： - 阅读全文
posted @ 2023-02-20 22:10 kangshong 阅读(193) 评论(0) 推荐(0)
Vue框架：6、Vue组件间通信，动态组件，插槽，计算属性，监听属性
摘要：前端开发之Vue框架 一、Vue组件间通信 问题补充： 在组件中，this 代指当前组件 在局部组件中data是1个函数，需要有返回值(return) 由于组件间的数据并不能直接共享，因此需要进行数据传递 组件间通讯注意事项： 传值只能在当前父组件的局部组件中使用 父子组件绑定数据的变量名不能冲突 阅读全文
posted @ 2023-02-17 22:22 kangshong 阅读(115) 评论(0) 推荐(0)
Vue框架：5、购物车案例，v-model进阶操作，与后端交互的方式
摘要：前端开发之Vue框架 一、购物车案例 1、基本购物车 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车案例</title> <script src="../js/vue.js"></script> <l 阅读全文
posted @ 2023-02-16 21:42 kangshong 阅读(150) 评论(0) 推荐(0)
Vue框架：4、Vue生命周期，Vue组件
摘要：前端开发之Vue框架 一、Vue生命周期 1、vue生命周期是什么？ Vue生命周期是指vue实例对象从创建之初到销毁的过程，vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。 2、vue生命周期的八个阶段 ### 1. 阅读全文
posted @ 2023-02-16 21:40 kangshong 阅读(119) 评论(0) 推荐(0)
Vue框架：3、JS的几种循环方式，Key值的解释，数组/对象的检测与更新，input事件，v-model数据双向绑定，过滤案例，事件修饰符，按键修饰符，表单控制
摘要：前端开发之Vue框架 一、JS循环的几种方式 1、v-for可循环的变量 循环数组： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-for循环</title> <script src="../js/vu 阅读全文
posted @ 2023-02-15 22:58 kangshong 阅读(213) 评论(0) 推荐(0)
Vue框架：2、插值语法，文本指令，属性指令，事件指令，class和style，条件渲染，列表渲染
摘要：前端开发之Vue框架 一、插值语法 介绍： ​ 插值语法是指，在Vue对象的data属性中定义的变量可以直接使用在标签可以直接使用在标签内部（无法直接使用在标签属性上），且数据实现双向绑定 插值语法中可存放的数据： 变量 对象取值 数组取值 简单的js语法 函数 代码展示： <!DOCTYPE ht 阅读全文
posted @ 2023-02-15 17:29 kangshong 阅读(209) 评论(2) 推荐(0)
Vue框架：1、前端发展历史，Vue介绍和基本使用
摘要：Vue框架 一、前端发展历史 1、HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 **2、**Ajax的出现 -> 阅读全文
posted @ 2023-02-13 21:30 kangshong 阅读(433) 评论(0) 推荐(0)
前端开发：6、jQuery类库简介与基本使用
摘要：jQuery类库 一、简介 ​ Write less do more 写的更少做的更多 1.优点 1.加载速度快 2.选择器更多更好用 3.一行代码走天下 4.支持ajax请求(重点) 5.兼容多浏览器 2.准备工作 1.下载核心文件到本地引入(没有网络也可以使用) <script src="jQu 阅读全文
posted @ 2022-12-07 21:48 kangshong 阅读(127) 评论(0) 推荐(0)
前端开发：5、BOM操作、DOM操作、jQuery类库
摘要：JavaScript 一、BOM操作 ​ BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话” 1、window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 如果文档包含框架（frame 或 iframe 标签 阅读全文
posted @ 2022-12-06 21:55 kangshong 阅读(155) 评论(0) 推荐(0)
前端开发：4、JavaScript简介、变量与常量、数据类型及内置方法、运算符、流程控制、循环结构、内置方法
摘要：前端开发之JavaScript 一、JavaScript简介 ​ Javascript（简称‘JS’）,是一门解释型编程语言，主要用于Web、和浏览器中网页中的动态渲染 ​ 是一门前端工程师的编程语言，相比于python它的逻辑并不是那么严谨 二、JS基础 语法注释 单行注释 //注释内容 多行注释 阅读全文
posted @ 2022-12-05 19:54 kangshong 阅读(377) 评论(0) 推荐(0)
前端开发：3、CSS之边框、盒子模型、浮动、溢出、定位、重叠、display
摘要：前端开发之CSS 一、CSS之边框 ​ CSS border属性允许您指定元素边框的宽度、样式和颜色。 ​ 支持单侧修改、属性名简写 1、单侧修改-以左侧为例（left） border-left-width:5px; border-left-styl:dotted; border-left-colo 阅读全文
posted @ 2022-12-04 12:12 kangshong 阅读(204) 评论(0) 推荐(0)
前端开发：2、CSS、表单标签补充说明
摘要：前端开发之CSS 一、表单标签补充说明 基于form表单发送数据 1.获取用户数据的标签至少应该含有name属性 name属性相当于字典的键 用户输入的数据会被保存到到标签的values属性中 values相当于字典的值 2.如果只需要用户选择，不需要填写数据，那么我们需要自己填写values <i 阅读全文
posted @ 2022-12-01 21:49 kangshong 阅读(101) 评论(0) 推荐(0)
前端开发：1、概念、HTTP协议、HTML及常用标签
摘要：前端开发之HTML 一、前端开发的概念 1、前后端的区别 前端 ​ 任何与用户直接打交道的操作界面都可以称之为前端 后端 ​ 不直接与用户打交道，主要负责内部的业务逻辑 2、前端三剑客 HTML ​ 称之为超文本编辑语言，是网页骨架，是一种搭建网页的语言 CSS ​ 称之为叠层样式表，用来对网页进行 阅读全文
posted @ 2022-12-01 21:49 kangshong 阅读(136) 评论(0) 推荐(0)