- 博客(42)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue项目搭建
Vue项目实战(移动端)#相关资料 (一) 创建项目 (二) 禁用Eslint (三) devtool (四) 添加less支持 (五) vue路由配置(背诵) (六) 父子组件通信(背诵) (七) axios拦截器(背诵) (八) Sticky 粘性布局 (九) 图片懒加载 (十) 全局注册组件 (十一) slot插槽 (十二) 使用ui库需要关注的三点 (十三) 三种路由传参方式(背诵) (十四) 模拟数据 (十五) 计算属性computed和属性观察watch
2022-05-23 13:29:12
503
原创 html 常用标签（元素)
(1) 标签相关概念#1. HTML版本#html的版本有:HTML1.0 HTML2.0 HTML3.2 HTML4.0 HTML4.01（微小改进） HTML5：2008年正式发布,现在都在用第5版的html2. HTML文件# 一个html文件用浏览器打开就是一个网页 第一个网页(有文字, 有链接和图片) 3. 标签及其语法# 标签也叫元素,网页就是由标签的来组成 标签语法: 注释<!-- 注释内容 --> 标.
2022-04-16 17:58:20
1136
原创 vscode开发工具
开发工具vscode#快捷键# ctrl+b 隐藏(显示)侧边栏 ctrl+enter 向下插入一行 ctrl+tab 切换到上一个文件 ctrl+p 快速查找文件 ctrl+shift+f 在文件夹中搜索关键字 alt+shift+向下箭头 向下复制行 alt+shift+f 格式化内容 ctrl+/ 注释 ctrl+d 选择相同项 alt+r 快速切换窗口(自定义快捷键) ctrl+j 合并成一
2022-04-16 17:53:32
3462
原创 小程序面试题
第4节 小程序面试题 (26道)#摘讲#19 请谈谈原生开发小程序、wepy、mpvue 的对比27 小程序自定义组件01 小程序中switchTab跳转可以传参数么，如何跳转到 tabBar页面怎样实现参数传递， ***#可以通过storage来缓存数据，跳转到指定页后获取storage，并清除数据 reLanch 全局变量 App.js globalData02 简述下 wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx..
2022-04-16 17:52:08
2891
原创 react面试题
第3节 react面试题(35道)#01 react项目中有哪些难点#02 react 与vue的区别#https://www.jianshu.com/p/eb06903c8bf703 react 优化#04 react 新特性#1.context 可以跨组件传参 2.lazy、suspense 动态引入组件 3.memo 相当于 shouldComponentUpdate 使用在函数式组件中 4.hooks 同下05 使用hooks#在函数式组件中调用 state，调用钩子
2022-04-16 17:51:24
340
原创 vue面试题
第2节 vue面试题(56道)#摘讲#02 vue-cli3搭建项目之webpack配置 15 vue虚拟dom *** 17 vue路由传参问题 25 vue hash 和history的区别 *** 20 Vue的响应式原理 28 v-if v-for 在哪个钩子函数中解析 *** 57 初识vue3(了解) 58 初识typescript(了解) 59 初识webpack01 插件和组件的区别 **#Vue组件（component）用来构成你的App的业务模块，它的目标是
2022-04-16 17:49:22
1946
原创 js面试题
第1节 原生js面试题#摘讲目录14 什么是工厂模式，有什么优缺点 *22 原型 ，原型链，继承的方式 ***32 h5新特性 ***35 队列和栈 *50 手写防抖、节流，防抖和节流的区别 ***01 map和foreach的区别# 定义# foreEach()方法: 针对每一个元素执行提供的函数。 map()方法: 创建一个新的数组，其中每一个元素由调用数组中的每一个元素执行提供的函数得来。 相同点# 都是对数组的遍历 没有办法终止或者跳出fo
2022-04-16 17:45:34
3083
原创 前端面试题2(笔试)
01 PC端怎么解决浏览器兼容性#PC端浏览器兼容性问题解决方案_你好瘦的博客-CSDN博客_pc端兼容 Normalize.css, 不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。当然，你也可以定制属于自己业务的 reset.css <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet"> html5shiv.j
2022-04-16 17:43:48
1133
原创 面试题(笔试)
01 纯三角形(css)#如何使用纯css实现向下的三角形，并解释原理css 画三角形的原理就是给一个没有宽和高的元素加边框，没有宽高的情况下，边框就是4个向心的三角形组成的。再隐掉不需的三个边，三角形就出来了，三角形大小由边框宽度决定。<!DOCTYPE html><html lang="en"><head> <style> .box { width: 0; heigh
2022-04-16 17:41:48
328
原创 git命令
(一) git 仓库管理常用命令 (二) git 仓库中文件状态 (三) 版本的前进和回滚 (四) 本地仓库和远程仓库 (五) 给码云配置公钥 (六) .gitignore 忽略文件 (七) 冲突处理 (八) 分支操作 (九) 为什么有时候git pull(git push) 无法更新代码 (十) 可视化工具 (十一) 码云添加开发者(一) git 仓库管理常用命令#仓库创建和入库操作设置用户名密码git config --global user.email "xx
2022-03-24 22:11:00
28905
2
原创 git小乌龟
git可视化软件#(一) 软件安装# 注册gitee账号:Gitee - 基于 Git 的代码托管和研发协作平台 360软件管家内可以安装 git 和 git可视化工具 小乌龟git (二) 创建本地仓库#新建文件夹, 比如gitdemo1 双击进入文件夹 右键 => git 在这里创建版本库(三) 创建远程仓库#以码云网站为例注册码云仓库账号 登录网站 点击右上角 '+' => 新建仓库(四) 给码云配置公钥#每次提交代码到码云的时候，.
2022-03-24 22:08:16
2354
原创 小程序核心内容和安装配置
(一) 开发工具 (二) 构建项目 (三) 小程序配置 (四) 小程序控制台配置 (五) 小程序使用nodejs模块(一) 开发工具#小程序开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html(二) 构建项目#可以新建,也可以导入原有项目 需要去注册一个小程序以获得AppId, 当然也可以使用测试号(三) 小程序配置#3.1app.json全局配置#小程.
2022-03-24 22:06:42
157
原创 Vue3 常用知识点
安装脚手架 npm install -g create-vite-app 创建项目 create-vite-app projectName 安装依赖 用vscode打开项目, 运行npm i 运行项目 npm run dev // 可以在package.json里修改 预览项目 用浏览器打开:http://localhost:3000 vscode安装vue3插件 Volar (二) 路由配置# 安装依赖...
2022-03-24 22:03:28
134
原创 Vue进阶知识(2)
(一) webpack配置 (1) 前端项目构建打包工具介绍 (2) 一份webpack配置 (3) vue-cli是如何创建项目的 (三) vue-cli配置跨域 (四) 统一管理请求 (五) 路由守卫 (六) 用户权限管理 (七) 自定义vue指令 (八) vue双向数据绑定原理 (1) 双向数据绑定核心原理 (2) Vue的双向数据绑定原理 (九) keep-alive (十) 组件通信方式总结 (1) 父子组件通信(略) (2) vuex跨组件通信(略)
2022-03-24 22:02:29
515
原创 Vue进阶知识
}; }, watch: { msg(newValue, oldValue) { console.log(newValue, oldValue) }, obj(newValue, oldValue) { console.log(newValue,oldValue); }, },};</script> // 2. watch一个方法, 2个属性<template> <div>...
2022-03-24 22:01:37
168
原创 vue项目实战(pc端)
相关资料 (一) 下载和运行项目 (1) pc端: (2) 服务器端 (二) 路由守卫和用户权限管理(重点难点) (0) 准备工作和注意事项 (1) 路由守卫 (2) 用户权限控制 (3) 动态渲染侧边栏 (三) 导出表格 (四) 几个小知识 (1) 复制文本 (2) 国际化 (3) 隐藏模块 (4) 路由模块高亮 (5) 表格序号 (6) 监听路由变化 项目实践代码 (一) 测量模块相关资料#饿了么UI库:Element - Th.
2022-03-24 21:58:47
3271
原创 mongodbs数据可入门
mongodb数据库入门#文档地址:搜索 nodejs 菜鸟教程或直接访问下面的地址Node.js 连接 MongoDB | 菜鸟教程连接数据库# 安装依赖 npm i mongodb 修改router.js, 连接数据库 var MongoClient = require("mongodb").MongoClient;// huruqing 数据库名称var url = "mongodb://106.55.50.108:27017/huruqing";/
2022-03-12 14:57:55
2081
原创 koa框架
三、koa 框架#nodejs框架介绍#Express 框架koa框架, 完全支持es6egg.js框架 阿里开源的hapi 沃尔玛开源nestjs 框架, 完全支持tsnodejs框架介绍 (一) koa服务器之hello world (二) koa服务器完整版 (三) mockjs (四) 小项目实战 项目源码下载地址 (1) 列表页面 (2) 详情页面 (3) 添加页面 (五) 在vscode中不能使用nodemon的解决办法(一) k
2022-03-12 14:56:43
912
原创 Nodejs基础
Nodejs 基础#(一) 安装nodejs (二) 用nodejs运行js文件 (三) nodejs读写文件 (四) nodejs模块系统 (五) npm (1) 设置淘宝镜像 (2) 初始化package.json (3) 安装模块 (一) 安装nodejs# 下载地址:web前端常用软件下载第一个 下载完双击安装, 然后一路next即可 打开cmd或者powershell, 输入 node -v, 出现版本号就表示成功 (二) 用n..
2022-03-12 14:55:57
349
原创 js进阶4 Es6新特性
ES6介绍#阮一峰es6文档地址:ES6 入门教程ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了也叫ECMAScript 2015。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言(一) let 命令和const命令#知识点:# let的用法类似于var，用于变量的声明 使用let就会产生块级作用域, let命令只在块级作用域内(也就是大括号内).
2022-03-12 14:54:33
267
原创 js进阶3 HTML5性特性
(一) 语义化标签#(1) 常见的新增语义标签#<section>表示区块 <article>表示文章。如文章、评论、帖子、博客 <header>表示页眉 <footer>表示页脚 <nav>表示导航 <aside>表示侧边栏。如文章的侧栏 <figure>表示媒介内容分组 (用得少) <mark>表示标记 (用得少) <progress>表示进度 (用得少)...
2022-03-12 14:53:14
414
原创 js进阶2面向对象编程
(一) 面向过程编程和面向对象编程(了解)#**面向过程编程(Procedure Oriented Programming)**就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。**面向对象编程(Object-Oriented Programming)**是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。具体的实现我们看一下最经典的“把大象放冰箱”这个问题(1) 面向过程的
2022-03-12 14:51:25
562
原创 js进阶1
基本数据类型和引用数据类型有什么区别 垃圾回收机制 垃圾回收机制是什么 gc策略是什么 如何减少gc开销 如何优化gc 内存泄漏原因有哪些 函数递归是什么 谈谈js异步编程? 或问 js事件循环机制是什么? 或问 什么是Event Loop? js进阶注意事项#行业敲门砖#技术为王web前端岗位竞争对手#应届毕业生(计算机) 自学者(转行) 社会上的web前端工程师 其他机构的学员核心竞争能力#js进阶 项目 ..
2022-03-12 14:49:46
207
原创 正则表达式
在线匹配正则表达式在线测试 | 菜鸟工具 百度前端助手 soft.huruqing.cn(或者其它地方) 去下载, 然后解压 打开chrome浏览器: 右上角省略号 -> 更多工具 -> 扩展程序 -> 打开开发者模式 -> 加载已解压的扩展程序 (一)创建正则表达式对象#什么是正则表达式字面量方式 new 关键字 正则参数<script> // 1. 字面量创建正则表达式 // /web/,匹配的字符串只要含有web就能匹配上 .
2022-03-12 14:46:41
79
原创 Dom对象和jQuery
cdn地址:BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务jquery地址<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>【金山文档】 Dom对象 目录 (一) Dom树相关知识 (二) Dom节点操作 1. 获取 DOM 节点对象 2. 获取和修改dom节点的内容 3. 获取和修改dom节点.
2022-03-12 14:43:50
80
原创 JS-函数作用域
前言: 完成以下练习编写代码:计算 1-100 相加并输出结果, 计算 1-200 相加,并输出结果, 计算 1-300 相加,并输出结果没学函数前, 我们可能会写三遍 for 循环, 有了函数之后只需要写一遍即可.(一)函数的声明函数的调用#函数就是封装(打包)多行函数, 元素函数就是运行函数封装的多行代码函数声明和调用 对象中的函数(方法), alert 就是 window 对象的一个方法 函数和变量声明提前 函数表达式(1)函数的声明和调用#<script>
2022-03-12 14:40:04
172
原创 JS-流程控制语句
前言#调试代码,找出代码中的问题经常使用 debugger 来打断点, 而要能在准确位置打上断点, 就必须熟悉程序的执行流程 流程控制语句有三种: 顺序结构, 分支结构和循环结构(一) 顺序结构(默认)#程序默认从上到下一句一句代码执行, 这就是顺序结构 若是某一行代码出现了错误, 则后面的代码无法执行<script>var a = 1;console.log('a=',a);var b = 2;console.log('b=',b);var c = 3;conso
2022-03-06 23:30:40
222
原创 JS-运算符和类型转换
(一) if else 语句#// 条件为true, 执行if后面的括号代码, 否则执行 else 后面括号代码if(条件) { // todo}else{ // todo}// 多重判断if(){} else if() {} else {}具体例子 <meta charset="utf-8"> <script> /** * if else语句 */ var isLogin = false;
2022-03-06 23:29:04
229
原创 JS-数据类型
(一) 变量#变量用于存储编程所使用的数据和方法。变量必须先声明才可以使用。声明一般变量关键字：var， let， const。其中let和const是es6的语法。声明其他特殊变量关键字：function，class，import (先了解)等01 声明变量#变量用于存储数据，因此可以把变量当成是一个**'容器'**存储在变量中的数据，叫做变量的值//声明一个变量var x;//声明多个变量var x,y;02 变量赋值#如何给变量存储数据？给变量存储
2022-03-06 23:26:42
417
原创 JS-概念
(一) JavaScript介绍#JavaScript是一门弱类型的编程语言。简称js。由美国网景公司发布。微软发布的类似JavaScript的语言叫JScript。前端的编程语言只有JavaScript，后端的编程语言有java, php, c, go等。如果说html是一个网页的骨架, 那么css就是对网页的装饰, 使网页更漂亮, 而js则是用来给网页添加动作和行为的。(二) 程序运行过程#01 JavaScript运行环境#JavaScript的运行环境有两种：浏览器 服
2022-03-06 23:25:02
110
原创 css-移动端静态
实战(移动端)#(一) viewport 设置 (二) 重置样式 (三) 公共样式 (四) 使用预处理语言less(scss) (五) 字体图标 (六) 编写静态页面技巧 1.后代选择器的问题 2.命名技巧 (一) viewport 设置#<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-sca
2022-03-06 23:23:38
126
原创 css-静态pc端
网站地址#腾学汇:腾讯云-教学管理平台代码预览地址:http://web1115.huruqing.cn/腾学汇/(1) PC端和移动端的区别#几年前 PC端页面布局 PC端布局的传统解决方案是基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 移动端页面布局 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已...
2022-03-06 23:22:02
141
原创 css-进阶
(1) 弹性布局(弹性盒子)#flex-direction 盒子排列方向 justify-content 水平对齐方式 align-items 垂直对齐方式 align-self 垂直方式单独设置 flex-grow剩余空间分配 flex-wrap 换行 盒子纵向排列注意事项1. flex-direction 盒子排列方向#当我们对一个元素设置 display: flex 这个盒子就变成了一个弹性盒子, 它就有如下特点:盒子里面的元素可以横向排列, 也可以纵向排列 flex-di
2022-03-06 23:20:43
171
原创 css-基础样式
Css版本#CSS1: 1996年12月17日成为W3C推荐标准，该版本中提供了有关文字、颜色、位置和文本属性等基本信息。 CSS2: 1998年5月,样式单得到了更多的充实。 CSS3: 1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案。各浏览器厂商对CSS3的支持也在不断的完善中。(1) 盒子显示和隐藏# display block 块级 inline 行内, 宽高失效 Inline-block 宽高失效 none 隐藏 Flex(后面学)
2022-03-06 23:19:24
598
原创 css-选择器
(1) 在html中使用样式#内联样式 内部样式 外部样式1-2内联样式和内部样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 内部样式 */ .box { color: gree
2022-03-06 23:17:35
343
原创 vue过滤器
作用: 格式化数据// 组件内的过滤器<template> <div> {{num | f}} </div></template> <script>export default { data() { return { num: 10 } }, filters: { f(num) { return Number(num).toFixed(2);
2022-03-06 23:13:47
391
原创 axios拦截器
axios拦截器(需要背诵)#首先安装axios,npm i axios对ajax请求进行拦截 在请求头添加token 对ajax响应数据进行拦截 统一处理请求失败的情况, 这样就不需要在每个组件里处理失败的情况 有些接口需要登录才能访问, 在没登录的情况下跳转到登录页面 /** * 配置axios的拦截器 */ let env = 'prod'; //dev开发, test测试, prod生产let baseURL;if(env === 'dev') { .
2022-02-27 22:24:09
4453
原创 vite项目配置
根目录新建vite.config.js(1) 添加 @vitejs/plugin-vue 更新vite版本npm i vite@2.8.4 安装插件npm i @vitejs/plugin-vue (2) 添加配置根目录新建vite.config.js (vite的配置文件)import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'// https://vitejs.dev/conf.
2022-02-27 22:20:19
1483
原创 创建vue3项目和配置路由
vue-cli脚手架:vue2脚手架 vue3脚手架:vite vue官网: [介绍 — Vue.js vscode插件 vetur 必备工具 vue-helper 一些辅助功能 Vue VSCode Snippets 片段 方法和vue3一样一.创建项目 安装脚手架 npm install -g create-vite-app 创建项目 create-vite-app projectName 安装依赖 用vscode打开项目, 运行..
2022-02-27 22:17:21
1018
空空如也
组件通信方式用bus方法进行通信
2022-03-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人