- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue的数据双向绑定与Object.defineProperty( )
Vue数据双向绑定原理是通过数据劫持结合发布者-订阅者模式的方式来实现的，首先是对数据进行监听，然后当监听的属性发生变化时则告诉订阅者是否要更新，若更新就会执行对应的更新函数从而更新视图。（1）实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。（2）实现一个订阅者Watcher，每一个Watcher都绑定一个更新函数，watcher可以收到属性的变化通知并执行相应的函数，从而更新视图。（3）实现一个解析器Compile，可以扫描和解析每个节点的相关指令（v-model
2021-07-15 14:39:21
166
原创 小程序中 图片自适应
后台传给我们的图片是不尽相同的，尝试过很多办法，总结了一个能够使得图片比较完美显示的配置方法。步骤如下：1.为图片增加mode属性,值为aspectFill2.为图片固定自己想要显示的长度和宽度，可以使用rpx为单位进行自适应。...
2021-07-14 10:24:37
219
原创 富文本中的图片样式
在小程序开发中，富文本中图片的样式有时候是不符合规范的，因此我们需要修改富文本中的样式。在h5 中，可以通过选择器选中富文本中的标签，在app.vue文件中修改样式。但这对于小程序是无效的，因此我们可以引入正则来对富文本中的样式进行修改。...
2021-07-14 10:18:14
693
原创 CSS面试须知--水平、垂直居中以及三栏布局
水平居中块级盒子水平居中可以让一个块级盒子实现水平居中必须：盒子必须指定了宽度（width）然后就给左右的外边距都设置为auto，实际工作中常用这种方式进行网页布局，示例代码如下：.header{ width:200px; margin:0 auto;}绝对定位的盒子居中注意：绝对定位/固定定位的盒子不能通过设置 margin: auto 设置水平居中。解决：1. `left: 50%;`：让**盒子的左侧**移动到**父级元素的水平中心位置**；2. `margin-le
2021-06-24 13:21:07
113
原创 设计模式 MVC MVP MVVM
MVCV即View视图是指用户看到并与之交互的界面。比如由html元素组成的网页界面，或者软件的客户端界面。M即model模型是指模型表示业务规则。在MVC的三个部件中，模型拥有最多的处理任务。被模型返回的数据是中立的，模型与数据格式无关，这样一个模型能为多个视图提供数据，由于应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。C即controller控制器是指控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个
2021-06-24 13:10:25
149
原创 Vue生命周期
创建前（beforeCreate）此阶段为实例初始化之后，此时data 和 methods 中 数据都还没有初始化，不能获得DOM节点。创建后（created）在这个阶段vue实例已经创建，此时data 和 methods 中 数据已经初始化，但仍然不能获取DOM元素。（要调用 methods 中的方法或操作 data 中的数据， 最早只能在 created中请求数据）载入前（beforeMount）在这一阶段，模板已经在内存中编辑完成了，但是尚未把模板渲染到页面中。此时，虽得不到具体的DOM元
2021-06-24 11:51:27
38
原创 vue--安装less依赖报错
首先，在样式中，我们定义 lang=“less”<style lang="less" scoped>.login_container {background-color: #2b4b6b;}</style>需要安装依赖 即less-loader 和 less但是在用ui图形化界面安装依赖时，会提示报错falied to compile 报错这个错误是因为安装的less-loader 和 less的版本太高我们需要将下载的less-loader 和 less
2021-06-21 10:33:00
459
原创 vue项目中比较坑的点--Elisint的报错
在运行vue项目时，Elsint检查是比较坑的点，写一下我遇到的问题，以及解决。在运行时，发现Elsint的格式检查非常的严格。问题1：Trailing spaces not allowed no-trailing-spaces在.eslintrc.js 文件，找到 rules 字段,在其中添加：'no-irregular-whitespace': 'off'把禁止空格关掉，此禁止项详见 no-irregular-whitespace问题2 Expected indentation of 2
2021-06-20 22:53:44
6831
2
原创 CSS须知--清除浮动
清除浮动后造成的影响目的：清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0 的问题。清除浮动之后， 父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了方法：一 . clear选择器{clear:属性值;} clear 清除 二.额外标签法通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>，或则其他标签br等亦可。三.父级添加overflow属性方法可以给父级添加： overf
2021-06-20 11:36:39
56
原创 web前端--网站优化
网站优化三大标签EO（Search Engine Optimization） “搜索引擎优化”SEO是指通过对网站进行站内优化、网站结构调整、网站内容建设、网站代码优化等)和站外优化，从而提高网站的关键词排名以及公司产品的曝光度。Title 网页标题title具有不可替代性，是我们的内页第一个重要标签，是搜索引擎了解网页的入口，和对网页主题归属的最佳判断点。Description 网站说明<meta name="description" content=" 描述的内容区域" />
2021-06-20 11:36:08
63
原创 CSS面试须知--关于图片
插入图片和背景图片区别插入图片 ，用的最多， 比如产品展示类 移动位置只能靠盒模型。 padding margin背景图片我们一般用于小图标背景 或者 超大背景图片 。 背景图片 只能通过 background-position精灵图图标字体ico图片...
2021-06-20 11:32:57
103
原创 CSS面试须知--盒子模型、浮动及定位
所谓盒子模型：就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。盒子里面的文字和图片等元素是 内容区域盒子的厚度 我们成为 盒子的边框盒子内容与边框的距离是内边距（类似单元格的 cellpadding)盒子与盒子之间的距离是外边距（类似单元格的 cellspacing）盒子的实际的大小 = 内容的宽度和高度 + 内边距 + 边框内边距产生的问题
2021-06-20 10:57:36
175
原创 CSS面试须知--显示模式及三大特性
显示模式标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个块级元素:blockdiv h1-h6 hr p ul ol li dl table address blockquote dir from menu（1）独占一行（2）高度，宽度、外边距以及内边距都可以控制。（3）宽度默认是容器（父级宽度）的100%（4）是一个容器及盒子，里面可以放行内或者块级元素。只有 文字才 能组成段落 因此 p 里面不能放块级元素，特
2021-06-19 21:42:33
50
原创 CSS面试须知--样式属性
字体样式font字体font-size:大小谷歌浏览器默认的文字大小为16px@ 扩展：有哪些单位px em rem vh(100vh是整个屏幕高度) vw （100vw是整个屏幕宽度）px，绝对长度单位，像素px是相对于显示器屏幕分辨率来说的em， 相对长度单位，em的值并不是固定的, em会继承父级元素的字体大小（参考物是父元素的font-size）,em中所有的字体都是相对于父元素的大小决定的rem ，相对于html根元素的font-size (rem=页面元素的值/f
2021-06-19 21:26:14
95
原创 CSS面试须知--选择器
选择器标签选择器标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }类选择器 （可以多类名）.类名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }标签 中 <p class='类名'></p>id选择器#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }标签中 <p id="id名"></p>通配符选择器* { mar
2021-06-19 20:54:55
139
原创 HTML面试须知
网页中web标准的三层组成：结构 ，HTML， 用于对网页元素进行整理和分类表现， CSS， 用于设置网页元素的版式、颜色、大小等外观样式介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？浏览器内核包括两部分，渲染引擎和js引擎。渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，js引擎是解析执行js获取网页的动态效果。 后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。常用的浏览器及其内核IE：Tridentfirefox：Geckochrom、safari：we
2021-06-19 20:20:23
148
原创 2.全屏视频背景
HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-04-25 20:05:28
74
原创 1.CSS 简单的视差滚动效果
HTML 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-04-25 18:51:51
203
原创 JAVA知识回顾1
一. 基础知识字节8bit=1B (Byte是数据存储的最小单位)进制1024Byte=1KBKB GB MB TB PB EB ZB命令行操作查看 返回 清空 切换 退出编写 .java 编译.class 运行javac.exe 编译器 java.exe 解释器ASCII码A :65 0:48 a:97char a='1';System.out.println(a+0);49二. 运算符 表达式算术运算符 + -
2021-03-07 16:46:02
114
1
原创 非关系型数据库--redis
NoSQL非关系型数据库的统称不保证关系数据的ACID（事务性）特性关注性能（高性能）不用SQL语言不用表存储数据redis开源；用 key-value存储数据；数据存储在内存中（启动redis,会把硬盘的数据读取到内存；写数据时先把数据直接写到内存，然后会定期把数据保存到硬盘。所以高性能；）服务端操作：启动服务：redis-server停止服务： ctrl+c客户端操作：启动客户端：redis-cli–raw运行测试命令：ping服务端 来一个PONG 说明连接成功切换数据
2021-01-16 19:38:49
76
原创 数据库高级知识
数据库设计E-R模型基本元素：实体：一个数据对象，描述具有相同特征的事物联系：表示一个或多个实体之间的关联关系，关系的类型包括一对一，一对多，多对多属性：实体的某一特性关系也是一种数据，需要通过字段存储在表中一对一：经常使用的表来维护关系一对多：多的一方维护关系（多的一方来添加少的那一方的信息编号）多对多：通过一个中间表来维护关系命令行客户端连接服务端：方法一：菜单–所有程序–打开 MYSQL Command Line Client ,输入密码，回车即可。方法二：进入mysql的b
2021-01-12 19:48:56
156
原创 数据库基础知识2
数据操作–查询2.1 连接查询当查询结果的列来源于多张表时，需要将多张表连接成一个大的数据集，再选择合适的列返回内连接： 查询结果为两个表匹配到的数据select * from 表1 inner join 表2 on 表1 .列=表2 .列注意：多个表连接时，必须有相同数据的列。内连接指 按照相同数据的列匹配时，结果只显示匹配到的数据。扩展：内连接的另一种语法(通常不使用，效率低)select * from 表1 ，表2 where 表1 .列=表2 .列select * from
2021-01-10 20:09:56
108
原创 数据库基础知识1
数据库为什么要学习？大部分软件的数据是存在数据库中，数据是软件的基础。软件测试还要检查数据库中的数据是否正确，从而发现更深层的问题。数据库的概念是指长期存储在计算机中，有组织的数据集合。能够方便高效的查询。RDBMS关系型数据库系统 用表来存储数据，通过表来表示关系。核心：行：一条记录，记录一个事物的信息列：字段，代表一个事物的一个属性表： 同一类型的事物的集合仓库：一个仓库可以有很多个表SQL结构化查询语言：操作关系型数据库的。不区分大小写MySQL开源 免费 使用范围
2021-01-09 21:43:38
108
原创 Linux和数据库--操作系统 终端命令2
远程登录和复制文件SSH 是重点！（windows需要单独安装这个SSH）SSH客户端是一种使用Secure Shell (SSH) 协议连接到远程计算机的软件程序。在linux中SSH是非常常用的工具，通过SSH客户端我们可以连接到运行了SSH服务器的远程机器上SSH是目前较可靠，专为远程登录会话和其他网络服务提供安全性的协议：数据传输时加密的，可以防止信息泄漏数据传输时压缩的，可以提高传输速度ip地址，通过ip地址找到网络上的计算机域名：由一串 用点分隔 的名字组成，是ip地址的别名，
2020-12-07 11:34:26
112
原创 Linux和数据库--操作系统 终端命令1
操作系统就是一段特殊的软件两个作用：直接控制各个不同的硬件进行工作；把操作硬件的方法封装成一个又一个的系统调用，供其他成员直接访问，简化程序员的工作。（通过系统调用间接操作系统硬件）虚拟机通过软件模拟的具有完整硬件系统功能的，运行在一个完全隔离环境中的完整计算机系统。1.虚拟系统通过生成现有操作系统的全新虚拟镜像，具有真实操作系统完全一样的功能2.进入虚拟系统后，所有操作都是在这个全新的独立的虚拟系统里面进行，可以独立安装运行软件，保存数据，拥有自己的独立桌面，不会对真正的系统产生任何影响
2020-12-06 11:43:02
180
原创 web前端测试基础学习5--网络基本概念
网络基本概念客户端（client）:移动应用（IOS Android Web等应用）服务器（Server）：为客户端提供服务、提供数据、提供资源的机器请求（Request）:为客户端向服务器索取数据的一种行为响应（Response）:服务器对客户端的请求做出的反应，一般指返回数据给客户端HTTP协议：超文本传输协议，是一种规定了浏览器和服务器之间通信的规则协议：计算机通信网络中两台计算机之间进行通信所必须共同遵守的规则或规定。URL：统一资源定位符互联网上资源的地址、位置。每个资源都有一
2020-12-03 21:44:38
100
原创 web前端基础学习4--JavaScript和xml文件格式
JavaScript基础JavaScript，其实与java没有关系。负责控制结构和样式的。位置要在html文档的最后，写一个script标签 （双标签，格式如下：《script》alert(‘哈哈’)；《/script》alert(‘哈哈 我弹出来了’);弹出对话框 。都要用英文状态下的符号，小括号中可用双引号和单引号来包裹文字。找元素（标签、标记）document.getelementById(‘div1’) //id名为div1调试工具打开 F12 检查 在console中复制d
2020-12-02 20:44:05
281
原创 web前端基础学习3--HTML5与CSS3新属性
为何要学习HTML5和CSS3：因为这是前端关于HTML和CSS最新的技术，最新的必须要了解其中新增内容。HTML51.结构标签 HTML5最大的变革是标签具有语义化header 页面的头部nav 导航栏article 文章的内容section 一个区块，与div相似aside 侧边栏footer 页脚在HTML5中这些结构标签都可以增加网站的语义化，从而提升搜索引擎对网站的排名数字列表标签 （非常好用）比下拉菜单更加灵活datalistinput中要设置list属性，里面的值
2020-12-02 15:31:33
165
原创 web前端基础学习1-- 计算机基础、web、HTML
第一部分 测试基础计算机基础知识WEB网站HTML——架构CSS——美化JS——互动计算机基础知识1.1计算机定义计算机是一种可以自动高效进行计算操作的电子设备，俗称电脑（PC）1.2 计算机的组成硬件系统与软件系统硬件系统输入设备 输出设备 计算器 控制器 存储器【内存:断电消失，分为只读ROM和随机RAM ；外存即硬盘】软件系统系统软件（操作系统）+应用软件a.常见操作系统软件：图形化：windows Linux MacOS移动设备：android IOS
2020-11-29 22:13:35
333
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人