- 博客(67)
- 收藏
- 关注
原创 跟着尚硅谷学vue2—进阶版6.0—Vue UI 组件
原因:老版脚手架是 “es2015”,现在应改成:“@babel/preset-env”,我们可以只引入需要的组件,以达到减小项目体积的目的。
2024-11-15 19:51:48
292
原创 跟着尚硅谷学vue2—进阶版5.0—路由 vue-router细讲一篇搞定
一个路由就是一组映射关系(key - value)key 为路径, value 可能是 function 或 componen定义路由组件注册路由使用路由。
2024-11-13 01:43:40
833
原创 跟着尚硅谷学vue2—进阶版4.0—Vuex1.0
理解 Vuex、什么是 Vuex、什么时候使用 Vuex、Vuex 工作原理图、搭建vuex环境、求和案例改造成vuex
2024-11-13 01:31:26
420
原创 跟着尚硅谷学vue2—进阶版3.0—Vue 中的 ajax
vue脚手架配置代理、github 用户搜索案例、vue-resource 、插槽(slot)、
2024-11-13 01:26:43
429
原创 跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架2.0
组件的自定义事件、TodoList案例_自定义事件、全局事件总线(GlobalEventBus)、TodoList案例_全局事件总线、消息订阅与发布(pubsub)、TodoList案例_pubsub、odoList案例_编辑
2024-11-13 01:21:13
397
原创 跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0
分析脚手架 、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储
2024-11-13 01:18:00
553
原创 Vue 的生命周期函数 和 Vuex
new Vue({// statedata () {return {count: 0},// view`,// actionsmethods: {})state,驱动应用的数据源;view,以声明方式将state映射到视图;actions,响应在view上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意:但是,当我们的应用遇到多个组件共享状态多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。
2024-11-13 00:27:50
1015
原创 vue-element-admin项目
vue-element-adminvue-element-admin介绍功能前序准备目录结构项目运行机制和代码注释main.jsApp.vuepermission.jsVuex结构scssicons安装ContributionVue 生态圈Vue 全家桶vuex基础vuex基础-介绍vuex有哪几种属性?vuex基础-初始化功能vuex基础-statevuex基础-mutationsvuex基础-actionsvuex基础-gettersVuex中的模块化-Module为什么会有模块化?模块化的简单应用模块
2021-05-21 11:30:01
2978
1
原创 vuex中的数据在页面刷新之后就丢失的问题和this.router和 this.route的区别
开发两问题vue项目开发的两个问题的答案1.解决 vuex 中的数据在页面刷新之后就丢失的问题第一种解决办法:第二种:利用插件第一个插件:storestorage文件示例store文件示例第二个插件 vuex-persistedstate注意:2. this.router和 this.route的区别1. 跳转2. 获取值3. 注入的属性4.语法this.$router语法:this.$route语法:vue项目开发的两个问题的答案1.解决 vuex 中的数据在页面刷新之后就丢失的问题在vue的项目中
2021-05-06 19:50:24
1335
1
原创 uniapp 基础知识学习
uniapp 基础知识学习uniapp 基础知识学习[uniapp 介绍](https://uniapp.dcloud.io/README)有哪些uni-app的作品uni-app的社区规模为什么要去学习uni-app?快速体验功能框架一套代码,运行到多个平台环境搭建利用HbuilderX初始化项目运行项目介绍项目目录和文件作用发布uni-app打包为原生App发布为H5发布为小程序通过 vue-cli命令行配置环境创建uni-app自定义模板国内特殊情况修改依赖为指定版本运行、发布uni-app运行并发布
2021-05-05 19:22:15
1573
原创 小程序-云开发
小程序-云开发小程序-云开发小程序·云开发什么是小程序云开发云开发优势能力概览配置环境开发准备工作第 1 步:创建项目第 2 步:开通云开发第 3 步:开始开发第三方快速注册的小程序第三方快速注册小程序支持云开发方式一:接口开通查询是否绑定手机号请求地址请求参数返回值errcode 的合法值POST 数据示例返回数据示例方式二:开发者开通方式三:小程序后台系统开通创建测试环境选择云环境目录结构设置云环境资源环境修改项目环境如何为用户开发项目基础概念云开发能力数据库存储云函数云调用HTTP API基础能力数据
2021-04-27 23:23:40
676
原创 小程序案例展示
小程序案例展示7. 案例展示7.1 创建页面7.2 初始化项目7.2.1基本配置7.2.1.1 配置原因7.2.1.2 全局配置文件7.2.2 样式单位7.2.3 请求的数据的路径7.3 欢迎页7.3.1 展示用户信息7.3.1.1 展示用户昵称7.4 设置全局导航栏7.5 阅读页面7.5.1 轮播图7.5.2 阅读列表7.5.3 使用字体图标7.5.3.1 使用图片会出现的问题:7.5.3.2 使用图标字体代替图片的步骤:7.5.4 动态数据7.5.5 页面跳转7.5.6 bind:tap 和 catch
2021-04-22 19:17:06
1032
原创 微信小程序
微信小程序微信小程序1.微信小程序介绍1.1. 为什么是微信小程序 ?1.2. 微信小程序历史1.3. 疯狂的微信小程序1.4. 还有其他的小程序 不容忽视1.5. 体验1.5.1. 官方微信小程序体验1.5.2. 其他优秀的第三方小程序2.配置环境2.1.注册账号2.2.获取AppID2.3.下载开发工具并配置开发环境2.3.1下载开发者工具2.3.2配置一下环境2.3.2.1打开微信开发者工具2.3.2.1 新建小程序项目3.微信开发者工具介绍4. 小程序结构目录4.1 小程序文件结构和传统 web 对
2021-04-16 20:32:02
1763
原创 Flex 弹性布局
Flex 弹性布局Flex(弹性) 布局1.概念传统布局比较两端对齐布局:传统布局:伸缩布局:容器和项目两种容器2. 容器的属性设计在容器上的属性注意:1.flex-direction - 调整主轴方向1.flex-direction : row2.flex-direction : row-reverse3.flex-direction : column4.flex-direction : column-reverse2.justify-content - 调整主轴方向对齐方式1.justify-conte
2021-04-15 15:45:38
493
原创 GIT 基础知识点
GITGIT什么是GITGit的特点:Git的功能特性:功能Git 与 SVN 区别GIT 的安装在Windows 平台上安装GIT 命令配置检查配置对用户名和邮箱的操作--global查看用户名查看Email创建用户名创建email对路径的操作查看路径修改路径进入根目录进入你项目所在的盘找到项目所在位置查看项目文件创建仓库 - repository工作流与基本操作查看工作区的文件状态乱码git status 显示乱码终端乱码添加工作区文件到暂存区`git add` 提交到暂存区创建版本提交备注修改默认编辑
2021-04-15 15:40:48
605
原创 vue 移动项目—电商业务
vue 移动项目—电商业务项目整体文件说明电商业务概括多端电商后台开发模式启动后台项目恢复安装创建数据库并导入数据配置数据库文件启动后台项目测试项目初始化登录gitee码云创建仓库第一步:第二步:本地创建项目创建选择事先装置选择项目需要选择版本是否需要历史路由选择格式化方式选择格式化时间配置文件存放地址是否将其另存为将来项目的预设项目创建成功验证是否创建成功输入命令将本地项目推送到远程仓库创建关联打卡 git Bash 进入项目文件根据他所给我命令创建连接成功实现登录功能登录逻辑技术选型添加新分支login
2021-04-08 10:29:23
2574
1
原创 面试题
面试题3.9日面试题背诵1. vue的特点是什么2. vue中父子组件时如何传值的1.路由配置2. 传递静态数据3. 传递动态数据4. 传递静态或动态 Prop父组件向子组件传值:子组件向父组件传值1.子组件绑定一个事件,通过 this.$emit() 来触发2.通过 callback 函数3.通过 $parent / $children 或 $refs 访问组件实例非父子组件进行传值3. v-show 和 v-if 指令的共同点和不同点共同点:都能控制元素的显示和隐藏不同点:实现本质方法不同总结:3.10
2021-04-02 15:58:01
420
原创 webpack和脚手架
webpack和脚手架前端工程化什么是"前端工程化"?什么是模块化现阶段的模块化方案模块化规范浏览器端模块化规范服务器端模块化规范ES6 模块化ES6的入门文件服务端使用ES6模块化按需导出与按需导入直接执行模块代码export 导出 和 export default 导出的区别ES6 模块化在浏览器中使用webpack问题基本介绍webpack的四个核心概念:webpack的优点如下:安装和配置安装 jquery 插件编写 index.js安装 webpackdevelopment 和 productio
2021-03-11 22:24:40
1601
1
原创 vue课上知识总结
vue课上知识总结显示文本框的渲染原先的dom节点渲染通过 js 主要做如下事情通过 js 惊醒业务逻辑的处理,如对变量进行运算、获取服务器端数据、应用 js 中的函数对数据进行处理通过dom 改变页面:比如 创建元素、添加元素、删除元素、设置和湖区元素的属性、设置和获取元素的style 样式、设置和获取元素的 class 样式、为dom注册事件<!DOCTYPE html><html> <head> <meta charset="utf-8
2021-03-10 11:03:57
13260
15
原创 Node.js的HTTP
Node.js的HTTPHTTP 服务HTTP概念HTTP 工作原理服务器端基础概念网站的组成一个网站主要有三部分组成:具体步骤:网站应用程序网站服务器服务器软件应用环境Ip 地址Ip地址查询查询本机IP查询本机外IP静态IP和动态IP静态IP动态IP静态IP和动态IP的区别域名单个服务bai器怎么绑定多个域名一、事前知识储备:二、IIS绑定域名和端口A、windows2003+IIS6.0B、windows2008+IIS7.0C、windows2012+IIS7.0二、Apache绑定域名和端口1、基于
2021-02-02 22:13:10
840
原创 node.js
node.js知识积累node.jsnode.js基础1. Node.js 简介大量的库2. Node.js安装3. 配置全局变量Node.js 入门1. Node.js 组成2. 基础语法和运行1. 运行 node 程序总结:3. npmnodemon工具安装运行终止运行卸载启动nodemon时出错global模块化开发node.js的核心模块JavaScript和CommonJS的对比核心模块path模块URL模块query string模块File System 模块(fs)HTTP模块Global模
2021-01-29 11:35:34
1398
原创 响应式设计
rem响应式设计1.rem1.1 为什么使用 rem 布局1.2 rem单位1.3px、em 和 rem 还有 % 三者区别px特点em特点:rem特点:%(百分比)特点:px、em和rem 的问题:使用 px 设置字体大小时,存在一个问题:rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。2.媒体查询2.1 为什么使用媒体查询2.2 定义和使用:2.3 CSS 语法:2.4 逻辑操作符:2.4.1 and2.4.2 or2.4.3 not2.4.4 only2.4.5 `,` (逗
2021-01-20 21:58:58
747
原创 面试题2
面试题2面试题2html部分第一题问:HTML全局属性(global attribute)有哪些(包含H5)?答:全局属性:用于任何HTML5元素的属性第二题:问:HTML 5的文件离线储存怎么使用,工作原理是什么?答:HTML5 的离线存储的使用:什么是HTML5 的离线存储?怎么使用HTML5的离线存储配置`manifest`文件`manifest`文件:`manifest`文件分为三个部分:常用`API`相关事件`application cache`的三个优势:注意事项:离线缓存和传统浏览器缓存的区别
2021-01-20 21:55:54
257
原创 rem
rem响应式设计1.rem1.1 为什么使用 rem 布局1.2 rem单位2.媒体查询2.1 为什么使用媒体查询2.2 定义和使用:2.3 CSS 语法:2.4 逻辑操作符:2.4.1 and2.4.2 or2.4.3 not2.4.4 only2.4.5 `,` (逗号)2.5 媒体类型:2.6 媒体功能:2.6.1案例:2.6.1.1 5 不同屏幕宽度设置body背景:2.6.1.2 通过媒体查询改变文字大小2.7 媒体查询书写规则2.8 媒体特性**案例**2.9通过媒体查询实现响应式布局3. le
2021-01-14 18:17:37
436
原创 第一天面试题
这里写目录标题面试题html部分第一题:问:页面引入样式时,使用link和@import有什么区别?答:在此补充css引入的四种方式方式一:内联样式方式二:嵌入样式方式三:链接样式方式四:导入样式第二题:问:html的元素有哪些(包含H5)?区分出行内元素、块级元素、空元素并在后面简要标注下作用。如:**行内元素:**br - 换行答:**块级元素:****行内元素**行内块去除的元素注意几个补充知识点定义HTML元素大致可以分成以下几种类别定义页面结构(Structure elements)定义内容(Te
2021-01-12 22:23:00
261
原创 移动端基础知识总结
移动端基础知识总结移动端移动端基础物理像素(设备像素)1. 概念2. 特点3. 1px=1个物理像素?分辨率1.屏幕2.分辨率3.长度单位逻辑像素1.概念2.**CSS像素(css pixel)特点**:3.环境css像素和设备像素1. **设备像素(device pixel)**:2. 逻辑像素:3. 设备像素与CSS像素之间的关系4. 像素换算每英寸像素PPI(pixel per inch):1. 概念2. PPI 的计算方法3. iOS中处理PPI4. Android处理PPI设备像素比DPR(dev
2021-01-07 16:26:32
571
原创 微信小程序的介绍与环境配置
1.微信小程序的介绍1.1. 为什么是微信小程序 ?微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾;推⼴app 或公众号的成本太⾼。开发适配成本低。 4. 容易⼩规模试错,然后快速迭代。 5. 跨平台。1.2. 微信小程序历史2016年1⽉11⽇,微信之⽗张⼩⻰时隔多年的公开亮相,解读了微信的四⼤价值观。张⼩⻰指出, 越来越多产品通过公众号来做,因为这⾥开发、获取⽤⼾和传播成本更低。拆分出来的服务号并没 有提供更好的服务,所以微信内部正在研究新的形态,叫「微信⼩
2020-12-28 18:53:00
3596
原创 正则表达式
正则表达式正则表达式的概述概念:特点语法:元字符正则表达式在js中的使用概念:正则表达式的创建定义正则表达式测试正则表达式编写一个正则表达式的模式使用简单模式使用特殊字符正则表达式中的特殊字符修饰符边界符方括号量词元字符使用正则表达式RegExp 对象属性RegExp 对象方法案例:用户表单验证正则替换replace案例:正则表达式的概述概念:正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达 式也是对象。正则表通常被用来检
2020-12-24 20:18:52
324
2
原创 面向对象知识点
这里写目录标题面向对象中的各个方法1. `__proto__`2. call3. constructor4.原型对象5.语法糖6. 类的继承 class7.静态成员8.关系9.this10.数组11. forEach 遍历数组12.some13. filter14. find 和 findIndex15.筛选16. trim17.获取对象属性名称18.Object.defineProperty()19.数组绑定面向对象中的各个方法1. __proto____proto__是构造函数中的一个原型对象,
2020-12-22 19:29:37
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人