- 博客(49)
- 收藏
- 关注
RSS订阅原创 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
2794
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
1123
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
1342
原创 小程序-云开发
小程序-云开发小程序-云开发小程序·云开发什么是小程序云开发云开发优势能力概览配置环境开发准备工作第 1 步：创建项目第 2 步：开通云开发第 3 步：开始开发第三方快速注册的小程序第三方快速注册小程序支持云开发方式一：接口开通查询是否绑定手机号请求地址请求参数返回值errcode 的合法值POST 数据示例返回数据示例方式二：开发者开通方式三：小程序后台系统开通创建测试环境选择云环境目录结构设置云环境资源环境修改项目环境如何为用户开发项目基础概念云开发能力数据库存储云函数云调用HTTP API基础能力数据
2021-04-27 23:23:40
582
原创 小程序案例展示
小程序案例展示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
886
原创 微信小程序
微信小程序微信小程序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
1533
原创 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
363
原创 GIT 基础知识点
GITGIT什么是GITGit的特点：Git的功能特性：功能Git 与 SVN 区别GIT 的安装在Windows 平台上安装GIT 命令配置检查配置对用户名和邮箱的操作--global查看用户名查看Email创建用户名创建email对路径的操作查看路径修改路径进入根目录进入你项目所在的盘找到项目所在位置查看项目文件创建仓库 - repository工作流与基本操作查看工作区的文件状态乱码git status 显示乱码终端乱码添加工作区文件到暂存区`git add` 提交到暂存区创建版本提交备注修改默认编辑
2021-04-15 15:40:48
414
原创 vue 移动项目—电商业务
vue 移动项目—电商业务项目整体文件说明电商业务概括多端电商后台开发模式启动后台项目恢复安装创建数据库并导入数据配置数据库文件启动后台项目测试项目初始化登录gitee码云创建仓库第一步：第二步：本地创建项目创建选择事先装置选择项目需要选择版本是否需要历史路由选择格式化方式选择格式化时间配置文件存放地址是否将其另存为将来项目的预设项目创建成功验证是否创建成功输入命令将本地项目推送到远程仓库创建关联打卡 git Bash 进入项目文件根据他所给我命令创建连接成功实现登录功能登录逻辑技术选型添加新分支login
2021-04-08 10:29:23
2182
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
286
原创 webpack和脚手架
webpack和脚手架前端工程化什么是"前端工程化"？什么是模块化现阶段的模块化方案模块化规范浏览器端模块化规范服务器端模块化规范ES6 模块化ES6的入门文件服务端使用ES6模块化按需导出与按需导入直接执行模块代码export 导出 和 export default 导出的区别ES6 模块化在浏览器中使用webpack问题基本介绍webpack的四个核心概念：webpack的优点如下：安装和配置安装 jquery 插件编写 index.js安装 webpackdevelopment 和 productio
2021-03-11 22:24:40
1352
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
12353
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
701
原创 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
1243
原创 响应式设计
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
664
原创 面试题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
204
原创 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
323
原创 第一天面试题
这里写目录标题面试题html部分第一题：问：页面引入样式时，使用link和@import有什么区别？答：在此补充css引入的四种方式方式一：内联样式方式二：嵌入样式方式三：链接样式方式四：导入样式第二题：问：html的元素有哪些（包含H5）？区分出行内元素、块级元素、空元素并在后面简要标注下作用。如：**行内元素：**br - 换行答：**块级元素：****行内元素**行内块去除的元素注意几个补充知识点定义HTML元素大致可以分成以下几种类别定义页面结构（Structure elements）定义内容（Te
2021-01-12 22:23:00
235
原创 移动端基础知识总结
移动端基础知识总结移动端移动端基础物理像素(设备像素)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
476
原创 微信小程序的介绍与环境配置
1.微信小程序的介绍1.1. 为什么是微信小程序 ？微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容易触达⽤⼾；推⼴app 或公众号的成本太⾼。开发适配成本低。 4. 容易⼩规模试错，然后快速迭代。 5. 跨平台。1.2. 微信小程序历史2016年1⽉11⽇，微信之⽗张⼩⻰时隔多年的公开亮相，解读了微信的四⼤价值观。张⼩⻰指出， 越来越多产品通过公众号来做，因为这⾥开发、获取⽤⼾和传播成本更低。拆分出来的服务号并没 有提供更好的服务，所以微信内部正在研究新的形态，叫「微信⼩
2020-12-28 18:53:00
3428
原创 正则表达式
正则表达式正则表达式的概述概念：特点语法：元字符正则表达式在js中的使用概念：正则表达式的创建定义正则表达式测试正则表达式编写一个正则表达式的模式使用简单模式使用特殊字符正则表达式中的特殊字符修饰符边界符方括号量词元字符使用正则表达式RegExp 对象属性RegExp 对象方法案例：用户表单验证正则替换replace案例：正则表达式的概述概念：正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达 式也是对象。正则表通常被用来检
2020-12-24 20:18:52
271
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
126
原创 2020-12-17
考前知识点复习css考点1.让一个小div在大div中水平垂直居中的方法使用 margin:0 auto; 进行水平定位.parent{ width:300px; height:200px; border:1px solid red; position:relative;}.child{ width:100px; height:100px; border:1px solide violet; position:absolute;
2020-12-17 15:40:30
1267
原创 html+css学习笔记-搭建
一、标签语义化（重点）：1、可以方便代码的阅读和维护2、同时让网络爬虫更好的解析从而更好的分析其内容3、更好的优化引擎如何做到标签语义化：个人理解是，首先，网页的HTML主要作用在网页的结构上面，W3C规范定义了很多标签，标签都具有它的意义，例如：定义的是一个段落 ~分别定义了标题的大小；这些一个一个的标签都有它的使用用途，根据相应的定义来使用它，使得我们能够有上图的一些结构方面语义化后带来的网页优势。二、HTML和CSS：HTML（超文本标记语言）是用于网页的结构，我们每个盒子里面的结构都有相
2020-12-08 17:09:26
582
原创 函数对象的创建
JavaScript中创建对象主要有3种方式使用new关键字调用构造器创建函数<script> function Student(name,age){ this.name = name; this.age = age; } var s1=new Student();//没有传入参数 var s2=new Student("") </script>...
2020-10-10 18:14:55
347
原创 JavaScript函数详解
JavaScript函数详解函数的命名方式1. 第一种方式：命名函数2. 第二种：匿名函数3. 第三种：使用function类构建匿名函数函数常用的特殊语句函数的返回值return局部变量和局部函数JavaScript的3种调用函数的方式：1. 直接调用函数：这种函数的调用是最常见、最普通的方式2. 以call方法调用函数：3. 以apply方法调用函数:JavaScript常用的内置对象：Date对象和Math对象Date对象获取时间细节方法：Date对象设置时间的方法：补充：Math对象的常用方法：Ja
2020-10-10 18:14:28
840
原创 JavaScript函数的命名方式
函数的命名方式JavaScript代码服用单位是函数，函数可以包含一段可执行代码，也可以接受调用者传入的参数。JavaScript定义函数主要有以下三种方式：第一种方式：命名函数<script> function 函数名(参数列表){//function声明函数的关键字 要执行的语句块; } function myAge(age) { document.write('我的年龄是' + age)//我的年龄是19 }
2020-10-08 16:49:18
5049
原创 JavaScript常用数组属性和方法
本文给出了js（JavaScript）数组（Array）操作所涉及到的所有常用内置函数说明及用法，希望对大家有所帮助length属性： 返回数组的长度（数组元素的个数）<script> var lei = ["数字","字母","小数点","质数"] //console.log(lei.length); lei.length;//lei 的长度是 4</script>length 属性始终大于最高数组索引（下标）。访问第一个元素：<script&
2020-10-08 09:21:29
480
原创 js常用特殊语句
语句是JavaScript的基本执行单位，每条语句都是以分号结束，语句除了我们前面讲的赋值语句、算术运算等语句以外，还有一些常用的特殊语句。语句块：所谓的语句块就是是用花括号包含的多条语句，语句块是一个执行整体，类似于单条语句<script> { var i=10; var a="zu"; } </script>空语句：所谓的空语句就是没有循环体的循环，空语句最大的作用，就是给数组做初始化<script&
2020-09-29 17:29:58
135
1
原创 JavaScript常用运算符
JavaScript提供了相当丰富的运算符，如下：类型运算符算数运算符+ - * / % ++ –赋值运算符=比较运算符> < >= <= == !== == !===逻辑运算符&&位运算符&其他运算符三元运算符(?：)、逗号运算符、void运算符、typeof、instanceof比较特殊的几个运算符用法小例子：<scr
2020-09-29 14:01:25
163
原创 JavaScript常用的内置对象：Date对象和Math对象
对象是JavaScript的特性之一，它是一种非常重要的数据类型，是自我包含的数据集合。这里介绍两个使用的具体对象Date和MathDate对象获取时间细节方法：对象作用getDate()从Date 对象返回一个月中的某一天（1 ~ 31）getDay()从Date 对象返回一周中的某一天（0 ~ 6）getMonth()从Date 对象返回月份（0 ~ 11）getFullYear()从Date 对象以四位数字返回年份getHours()返回
2020-09-29 10:59:26
263
原创 JavaScript数据类型的转换与字符串的常用操作方法
JavaScript和其他编程语言一样具有进行类型转换的能力通过"+"号或toString()方法将数值转换成字符串 var a="3.5"; var b=a-2; var c=a*2; var d=a+2;//+做连接符 alert(b+"\n"+c+"\n"+d);//将字符串进行加减乘除时，字符串会自动转换成数字类型进行计算通过parseInt()将字符串转化成整形 var a="3.5"; alert(p
2020-09-28 09:44:39
212
原创 JavaScript定义数组
JavaScript定义数组JavaScript中定义数组的方法：定义时直接给数组元素赋值var arr=[值1,值2,值3....]定义一个空数组var arr=[];定义一个空数组并通过索引来赋值var arr=new Array();arr[0]=1;arr[1]=2;提示： JavaScript为数组提供了一个length属性来得到数组的长度//这是一个小例子：打印数组中的最小值<script> var age = [20,
2020-09-22 18:30:06
5500
原创 JavaScript控制流程语句
JavaScript的流程控制语句分为两大块：分支结构语句循环结构语句分支语句JavaScript支持的分支语句主要有if和switch语句if语句的语法形式如下：第一种：简单的if语句<script> if(条件){ 要执行的语句块 }</script>第二种：if else语句<script> if(条件){ 要执行的语句块 }else{ 要执行的语句块
2020-09-22 09:04:23
207
原创 display案例-下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> a{ tex
2020-09-16 09:33:18
451
原创 css中display属性作用大全
定义和用法display 属性规定元素应该生成的框的类型。实例设置段落生成一个行内框：p.inline{ display:inline;}使用说明说明 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。默认值inline继承no版本css1J
2020-09-14 09:38:23
3856
1
原创 JavaScript 变量和数据类型
JavaScript是弱类型脚本语言，使用变量之前，可以无需定义，当使用某个变量的时候直接使用即可。主要分为以下两种定义方式:隐式定义： 直接给变量赋值显示定义： 使用var关键字定义变量<script type="text/javascript"> var a,b,c;//可以一次性定义多个变量,注意要用逗号隔开 var l,j="abc",k=0;//定义变量时可以为变量指定初始值<script>变量的名称需要遵循以下规则：首字母必须是字母（大
2020-09-13 10:50:22
215
原创 标签
块元素**特变：**比较霸道，独占一行，能直接设置宽高常见的标签： div h1-h6 p ul li ol li tr td form行内元素特点： 可以和别的行内元素占一行，不能设置宽高常用标签： span a i b行内块元素特点： 可以和别的行内元素占一行，可以设置宽高常用标签： img input3者之间的转换显示成块元素：display：block显示成行内元素：display：inline显示成行内块元素：displa：in
2020-09-10 16:27:25
209
原创 选择器权重值的计算
选择器权重值的计算规则1、行内样式优先级specificity值为1,0,0,0 高于外部定义如<div style="height:50px; width:50px;">Div</div>//行内样式外部定义指经由或2、按CSS代码中出现的顺序决定，后者CSS样式居上；3、!important声明specificity值优先级最高!important 会无视一切，包括上面的计算方法。 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式4
2020-09-10 15:47:38
963
原创 CSS样式优先级
css样式优先级顺序CSS选择器如下： 1. 标签名选择器 div { color：Red;} /即页面中的各个标签名的css样式 2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式 3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id 4.后代选择器（类选择器的后代选择器） .divClass span { color
2020-09-10 15:31:14
208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人