- 博客(25)
- 收藏
- 关注
RSS订阅原创 面试题笔记
为什么导出方式会有两种？export default 和 export 区别是什么1.export与export default均可用于导出常量、函数、文件、模块等2.在一个文件或模块中，export、import可以有多个，export default仅有一个3.通过export方式导出，在导入时要加{ }，export default则不需要4.(1) 输出单个值，使用export default(2) 输出多个值，使用export 【注意：引入时要加花括号 import { A } fro
2021-05-03 21:55:34
784
原创 小程序自定义组件
小程序的自定义组件创建组件在项目的目录下新建一个component的文件夹在component目录下新建一个目录，取名在页面中引用js文件：// js文件Component({ /** * 组件的属性列表 */ properties: {}, /** * 组件的初始数据 */ data: {}, /** * 组件的方法列表 */ methods: {}})json文件：{"component": true}wx
2021-04-19 23:51:47
178
1
原创 Mock基础知识
Mock基础知识Mock是什么Mock测试是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法。Mock能做什么1.API 没开发好，使用 Mock 快速对接2.为测试提供数据3.方便快速建立功能原型Mock部署将mock值作为变量，哪里需要写哪里例：优点成本低，使用简单，只需要学习 Mock.js 模板语法。不受网络影响。改动 Mock 能够快速看到效果。缺点Mock 代码与业务代码耦合高，上线容易遗漏测试代码，为代码偷偷埋
2021-04-15 08:43:31
1192
原创 vues部分基础知识
vuex的基本认识概念VueX是vue的状态管理模式，相当于react中的redux，主要是将保存的数据集中聚集起来，在进行一些固定的方法执行与调用，进行全局的改变与其他全局变量的区别Vuex的状态存储是响应式的：就是当你的组件使用到了这个Vuex的状态，一旦它改变了，所有关联的组件都会自动更新相对应的数据在页面中无法直接进行更改，需要通过mutatios的commit进行一些修改Vue安装一、下载vuex依赖npm install vuex --save 二、引入vueximport
2021-03-30 00:29:03
1336
原创 vue脚手架
vue 脚手架的基本使用Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。安装脚手架全局安装npm install -g @vue/cli命令方式创建项目vue create my-project图形化方式创建项目运行命令vue ui自定义配置在项目目录中，我肯看到了很多配置文件vue 中做了很多默认的配置，比如
2021-03-11 22:26:59
102
原创 总结持续更新
页面导入样式时，使用link和@import的区别1）从属关系的区别：link属于XHTML标签，而@import是CSS提供的语法规则，link除了加载CSS，还可以定义RSS，定义rel连接属性等，@import就只能加载CSS。2）加载顺序的区别：页面加载时，link会同时被加载，而@import引用的CSS会等页面被加载完后再加载。3）兼容性的区别：@import不兼容ie5以下，link是XHTML标签，没有兼容性问题。4）DOM可控性区别：通过js操作DOM,可以插入link标签来改变样
2021-01-12 20:42:39
99
原创 移动端基础知识
移动端基础知识像素物理像素物理像素指的是屏幕渲染图像的最小单位，属于屏幕的物理属性，不可人为进行改变，其值大小决定了屏幕渲染图像的品质逻辑像素CSS像素CSS像素，与设备无关像素，指的是通过CSS进行网页布局时用到的单位，其默认值(PC端)是和物理像素保持一致的（1个单位的CSS像素等于1个单位的物理像素），但是我们可通缩放来改变其大小。移动端像素设备独立像素可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用并控制的虚拟像素(比如：CSS 像素,只是在android机中CSS
2021-01-07 22:50:19
184
原创 html+css知识点小总结
HTML基本结构分为根标签、头部标签、头部标签和网页主体标签三部分。具体详情请看如下代码代码示例：注：图中顶部的DOCTYPE是文档类型，主要用来提示该用什么样的文档类型定义来解析文档，不是HTML标签。<head></head>内部一般包括<title></title>,<script></script>,<style></style>,<meta>,<link>等这些头部元
2020-12-14 11:29:52
231
原创 js操作元素样式、内容、属性方法
js操作元素样式js操作元素样式：获取元素对象通过style属性元素对象名.style.样式名=“样式值”作用：获取类名元素对象名.style.样式名=" "样式代码案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
2020-12-10 14:01:36
252
原创 搭建静态页面总结
搭建静态页面总结配置搭建环境创建项目文件夹与文件1.html文件：index.html2.CSS文件夹：base、index3.js文件夹：js文件4.图片文件夹：imagesHTML基本结构分为根标签、头部标签、头部标签和网页主体标签三部分。具体详情请看如下代码代码示例：注：图中顶部的DOCTYPE是文档类型，主要用来提示该用什么样的文档类型定义来解析文档，不是HTML标签。<head></head>内部一般包括<title></titl
2020-12-09 14:50:14
515
原创 css伪元素与行内/行内块元素的margin-top问题简答
伪元素CSS伪元素用于向某些选择器设置特殊效果语法：selector:pseudo-element {property:value;}css常见的伪元素：:first-line：为对象内的第一行设置样式实例：<html><head><style>p:first-line{ color:red;}</style><p>Hello<br />你好</p><body><
2020-11-30 15:38:43
757
原创 jQuery基础与js的区别
jQuery初识jQuery基础知识js的代码比较多而且有兼容性，所以后面有团体把js进行了封装，生成了js的库叫jquery。jQuery又是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库jQuery入口函数 $(document).ready(function(){ // 执行代码 }); 或者简写为： $(function(){ // 执行代码 });js入口函数：
2020-11-01 09:10:52
285
原创 PHP数据类型与数组
数据类型数据类型分为两种：简单的数字类型和复杂的数据类型简单数据类型：数值型、字符串型、浮点型、布尔值、unfriend复杂数据类型：数组、对象、函数1、整形语法：<?php$a=30; var_dump($a);?>输出结果为int(30)int代表整形2、布尔型语法：<?php$a=true; var_dump($a);?>输出结果为bool(true)bool代表布尔型3、浮点型语法：<?php$a=1
2020-10-15 18:43:49
422
原创 PHP基础
PHP基础PHP基本概念PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。PHP 是免费的，并且使用非常广泛。适合做网站适合做移动APP的接口适合做服务端脚本静态页面:服务器不执行的页面, htm1页面动态页面:服务器执行的页面，数据来自服务器的页面（不严谨）端口号范围：0-65535浏览者是客户端，给浏览者提供服务的叫服务器端PHP的前台与后台前台：浏览器看到的界面，普通用户能够看到的界面后台：管理员看到的界面在www目录下创建demo.php页面:<?p
2020-10-13 18:51:56
343
2
原创 js事件基础
事件基础浏览器在时刻监视着用户在页面上的行为，这些行为就是用户事件。用户做了某个行为，就会触发相应的事件，开发者只需要编写代码，告诉浏览器，当用户触发了某个事件后，去执行相应的代码（开发者编写的代码）举例：第一种方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-10-07 19:10:33
188
原创 获取元素和操作元素
获取元素获取id元素语法：document.getElementById()例子：<body> <p id="p1">你好</p> <script> var a1=document.getElementById('a1') console.log(p1); </script></body>或者<body> <p id="p2">你
2020-10-05 17:28:34
356
原创 JavaScript部分总结
JavaScript运算符、if语句运算符是用于实现赋值、比较和执行算数运算等功能的符号。常用运算符：算数运算符、递增和递减运算符、比较运算符、逻辑运算符、赋值运算符。算术运算符：表达式：是由数字、运算符、变量等组成的式子返回值：表达式最终的结果返回给开发者，称为返回值递增/减运算符：递增（++）递减（- -）注意：递增/减运算符必须和变量配合使用。比较运算符：两个数据进行比较时使用，会返回true或false作为运算结果。=表示赋值，把右边给左边==表示判断，判断两边值是否相等（注意此
2020-09-29 19:30:43
86
原创 JavaScript内置对象与数组
内置对象对象是一种特殊的数据类型。分为内置对象、自定义对象和浏览器对象。对象名.属性名称;对象名.方法名称Math对象Math对象常用于进行数学相关的运算任务。使用Math对象和方法的语法：var pi_value=Math.PI;var sqrt_value=Math.sqrt(15);Math对象属性属性、方法名功能Math.Pl圆周率Math.floor()想下取整Math.ceil()向上取整Math.round()四舍五入版 就
2020-09-29 08:11:23
93
原创 JavaScript数组与循环
JavaScript数组数组与字符串。数值、布尔一样，都是js中的一种数据类型。创建数组用new创建数组var 数组名 = new Array（）注意Array（）中的A要大写用数组字面量创建数组var 数组名[];数组的字方面量是[ ]以后使用较多数组中可以放任意类型的数据例如var Study = ['张三',333,false]中括号中的数字叫做索引或者下标，每个房间中存储的数据叫做元素可以在创建数组的同时添加元素，元素之间用逗号分隔通过索引可以获取元素，索引从0开始。
2020-09-23 08:47:54
110
原创 JavaScript基础
JavaScript基础运算符是用于实现赋值、比较和执行算数运算等功能的符号。常用运算符：算数运算符、递增和递减运算符、比较运算符、逻辑运算符、赋值运算符。算术运算符：表达式：是由数字、运算符、变量等组成的式子返回值：表达式最终的结果返回给开发者，称为返回值递增/减运算符：递增（++）递减（- -）注意：递增/减运算符必须和变量配合使用。比较运算符：两个数据进行比较时使用，会返回true或false作为运算结果。=表示赋值，把右边给左边==表示判断，判断两边值是否相等（注意此时有隐式转换
2020-09-22 11:35:26
131
原创 CSS定位
定位CSS 布局的三种机制网页布局的核心——就是用CSS来摆放盒子位置。CSS提供了3种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中:1.普通流（标准流)2.浮动让盒子从普通流中浮起来——让多个盒子(div)水平排列成一行。3.定位将盒子定在某一个位置自由的漂浮在其他盒子的上面——CSS离不开定位，特别是后面的js特效。定位详解1.边偏移简单说，我们定位的盒子，是通过边偏移来移动位置的。在CSS中，通过top、bottom、(left和right属性定义元素的边偏移:(方
2020-09-15 19:49:35
160
原创 盒子模型与浮动
盒子模型（CSS重点）盒子模型(Box Model)盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin）组成。盒子里面的文字和图片等元素是内容区域盒子的厚度我们成为盒子的边框盒子内容与边框的距离是内边距（类似单元格的cellpadding)盒子与盒子之间的距离是外边距（类似单元格的cellspacing)标准盒子模型盒子边框(border)语法：border : border-width ll border-style ll border-c
2020-09-15 15:47:09
1194
1
原创 CSS基础选择器与文字文本样式
CSS选择器作用找到特定的HTML页面元素选择标签用的，把我们想要的标签选择出来CSS基础选择器标签选择器概念：标签选择器(元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。语法：标签名{属性1:属性值1;属性2:属性值2;属性3∶属性值3;}作用：标签选择器可以把某一类标签全部选择出来比如所有的div标签和所有的span标签优点：是能快速为页面中同类型的标签统一样式缺点：不能设计差异化样式类选择器类选择器使用“.”(英文点号)进行
2020-09-10 20:02:58
1583
原创 CSS基础知识
CSS初识作用主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。行内式（内联样式）概念:称行内样式、行间样式.是通过标签的style属性来设置元素的样式<标签名style="属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容注意: style其实就是标签的属性样式属
2020-09-08 23:50:12
391
1
原创 HTML基础知识
HTML基础知识关于浏览器Web标准1、谷歌浏览器，内核Chromium2、IE浏览器 ，内核Trident3、火狐浏览器，内核Gecko认识HTMLHTML指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。HTML不是—种编程语言，而是—种标记语言(markup language)标记语言是—套标记标签(markup tag)超文本所谓超文本，有2层含义:1.因为它可以加入图片、声音、动画、多媒体等内容(超越文本限制）2.它还可
2020-09-08 01:07:23
459
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人