- 博客(22)
- 收藏
- 关注
RSS订阅原创 calc和@supports
calc是动态的实现加减乘除。例：width: calc(100%-200px); 即calc里增加一个数学表达式。@supports是检测浏览器是否支持CSS的某个属性。@support(prop:value){ /*自己的样式*/ }例基础用法之：@supports(display: flex){div{display: flex;}}。 判断如果浏览器支持flex布局的话 那么所有div都是flex。支持各类运算 如：not and or。...
2021-12-28 11:50:18
157
原创 记录一下vue3引用elementUI plus遇到的坑
首先按照官网的vue3用的 elementUI安装和使用。然后在我引入全局之后发现不起效，控制台一直提示：runtime-core.esm-bundler.js?5c40:6620 [Vue warn]: Failed to resolve component: el-asideIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isC..
2021-12-21 12:45:56
5333
原创 vue的vue-cli3脚手架
1.基础和安装cli3：就是相当于一个地基，快速搭建项目的基础配置。首先安装node.js 然后安装淘宝镜像npm install -g cnpm +镜像地址安装淘宝镜像是为了让淘宝去下那些对应的包或者资源。基本来自国外，通过淘宝镜像去下载会更快。安装脚手架。npm install -g @vue/cli vue -v看脚手架版本2.快速原型开发vue servevue build先安装全局扩展：npm install -g @vue/cli-service-gl...
2021-12-20 20:17:02
316
原创 vue进阶三生命周期和之特性
1、refs如果给标签添加ref，获取的就是真实的DOM节点。例：<input ref="input">this.$refs.input.focus（）；获取input框的输入。2.如果给子组件添加ref，获取的是当前子组件对象。给标签添加ref。不能滥用，最好不要操作dom，vue是数据驱动。2、...
2021-12-20 10:01:40
187
原创 vue中的插槽
相当于留了一个坑，然后想要什么就往里面抛什么。插槽：<slot>1.匿名插槽 只有一个默认的插槽。例： component:{'Btn',{ template:` <button> <slot></slot> </button> `, }} const App = { data() { .
2021-12-17 18:56:15
80
原创 VUE框架进阶一
1.打包工具：webPack，Gulpvue.js react.js angular.js合称前端三大主流框架。vue注重于构建用户界面的框架，只关注视图层（MVC-V这层），可以和第三方库兼容。框架好处：开发效率高、原生JS（兼容性低）-》（jQuery 解决兼容性，开发模式写法较复杂）-》（前端模板引擎（生成DOM，不再渲染页面。解决写法复杂））=》（angular.js/vue.js（减少不必要的DOM操作，提高渲染效率，双向绑定））框架和库的区别：框架：完整的解决方案，对项目
2021-12-17 13:03:32
520
原创 小袁Daily~
记录一下今天在引sass遇到的坑。错误如下： ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treeWhile resolving: login_project@1.0.0npm ERR! Found: webpack@3.12.0npm ERR! node_modules/webpacknpm ERR! dev webpack@"^3.6.0" from the root project很明显就是sass-load...
2021-12-16 20:09:50
197
原创 ES6新特征
ECMAscript的出现：es5即js性能不足、方法不灵活、模块化实现并不完善、很多框架都会用到es6，其实就是对es5的一个补充。1.let和const声明变量之前的var由于作用域和变量提升的原因，（作用域和提升前面链接补充一下作用域和变量提升、很清晰这里不多加赘述。）在es6推出的时候就推出了let和constlet：没有变量提升、是一个块作用域、不能重复声明。const：没有变量提升、是一个块作用域、不能重复声明、声明常量时一旦被声明无法修改。可修改对象常量里的属性值.
2021-12-16 15:51:39
286
原创 前端之JavaScript进阶
JavaScript：目前来说，是最流行的脚本语言。ECMAScript：JavaScript的标准step：js不区分小数和整数；都为number。特殊：Infinity 表示无限大。NaN：not a number 。string：undefined。= ==等于（类型不一样，值一样会被判断成true）===绝对等于（类型和值都要一样）特殊：NaN===NaN NaN与所有的数值都不等，包括自己。只能通过isNaN（NaN）来判断是否是NaN;浮点数问题：（基础精度问
2021-12-15 17:10:09
1154
原创 对栅栏bootstrap的补充
前身：https://blog.csdn.net/sinat_38778794/article/details/121923624?spm=1001.2014.3001.55011.补充一下：框架：其实就是写好的.css .js文件 可以直接把这个文件拿来用。本文以bs3为基调。安装：npm install bootstrap@3引入：页面首先写入meta<meta name="viewport" content="width=device-width, initial-sc.
2021-12-15 10:24:53
623
原创 小袁Daily~
今天在写页面样式的时候注意到了同事写的很有用的东西，然后就学了一下。1.section：我看同事在做登录页面的时候用到了这个标签，觉得还蛮奇怪，为什么不用div。 好吧，他也可能觉得div太多了看着杂。section->html5里的语义标签，大多用于定义文档中的节。像章节、页尾什么的。虽然说限制场景什么的，但感觉像那种文字较多的都可以用这个，没有什么副作用~2.flex-shrink属性算是对flex布局的一个补充。flex-shrink:默认值为1，。这个值就是...
2021-12-14 21:36:10
174
原创 前端css之less基础
因为是新语言，所以需要安装。安装之前先安装nodenode安装完成之后 node -v查看版本然后可在线安装less。命令：npm install -g less安装之后 lessc -v 查看版本2.使用2.1 less变量@变量名：值；变量名：以@作为前缀，大小写敏感，不能以数字开头，不能有特殊字符定义了之后 其他要用的可以直接引用2,2 less编译本质：less有自定义的语法和一个解析器，然后解析之后生成css文件。插件：easy less 自动编辑.
2021-12-14 17:23:26
699
原创 css布局之响应式布局和bootstrap框架
1.rem单位em是相对于父元素的字体大小来说的，例：父元素的font-size：10px；子元素的em为10em； 那子元素就是10*10 100个像素点。而rem相对于的是html元素的，和父元素没关系例：html指定文字标签未14pxrem为10rem 那这个元素就是10*14=140个像素点。 都是针对的字体大小。rem优势：可以通过修改html的文字大小来改变页面中元素的大小，也就实现控制整体了。2.媒体查询使用@media进行查询，针对不同的媒体类型定义不同的样式
2021-12-14 15:34:36
302
原创 css之前端5种布局方式之table布局、float布局、absolute布局、flexbox布局、grid布局
1.表格布局（不推荐）父级容器为display：table 表格子级容器为display：table-cell 一个单元格特点：在没有特别设置的情况下，子级是自动平分宽度并填满父级的。table布局的优缺点：缺点1.table所占的字节比起其他的html标签来说更多，并且占用服务器资源更多，下载更慢。2.table布局一旦形成，后期就很难用css改变。3.阻挡浏览器渲染引擎的渲染顺序，延迟页面生成速度。4.不利于搜索引擎抓取信息，影响网站排名。优点：兼容性高
2021-12-14 11:19:09
1174
原创 css3基础总结
上图画不下了还有清除浮动 clear重点记忆:四种解决父级边框塌陷问题：1.设置一个固定父元素高度（缺点就是固定了）2.建立一个空div（缺点就送没必要）3.overflow：hidden、scroll、等 如果在页中 不美观4.：after 伪类0选择器 暂无啥缺点定位：relative 相对定位，相对于这个元素本身absolute 绝对定位 参照物为浏览器或者父类fixed 固定定位，就是定在那个位置，怎么也不会改变。z-index 图层，一般...
2021-12-14 00:48:35
322
原创 css3之浮动
块级元素（独占一行）行内元素（不独占一行）行内元素可以包在块级元素里display：block（块） inline（行） inline-block：块元素保留内联浮动 float解决移动之后父级边框塌陷问题塌陷之后 可以清除浮动clear： 4个值 right：清除右侧浮动、right清除左侧浮动、both清除两侧浮动解决方案：1.增加父级元素高度（不建议使用）设置固定高度就会被限制2.增加一个空的div div设置属性：clear：both；外边距内边距分别置为0. 尽量.
2021-12-14 00:16:14
276
原创 前端学习之css3
样式优先级：行内>内部样式>外部样式外部样式引入：<link ref="stylesheet" href="css/style.css">遵循就近原则外部样式：链接式/导入式@导入和链接的区别 链接式：html标签(只能在源代码里使用) 导入式：@import是css2.1特有的;号结尾。选择器 选择某一类或者某一个元素基础选择器class:类选择器 标签选择器：会选择到页面所有这个标签#id选择器>.class类选择器>.标签选择器.
2021-12-13 19:12:39
87
原创 软件测试之测试用例
测试用例：文档。测试前完成。得到预期结果。8要素：编号、标题、项目、级别、预置条件、测试数据、执行步骤、预期结果。测试用例设计等价类划分：有效等价类（满足需求）和无效等价类（不满足需求）步骤：明确需求，划分有效和无效类，编写测试用例。边界值分析法确定边界情况、选取正好等于、大于、小于边界的值做测试数据。上点：边界上 离点：离上点最近的点 内点：范围内的点。明确：上点有效，离点无效。上点无效，离点有效。判定表法多个输入、多个输出。输入《——》输出 依赖例:金额大于5
2021-12-13 13:05:20
368
原创 软件测试之测试分类
测试阶段：单元测试、集成测试、系统测试、验收测试是否覆盖源代码：黑、白、灰盒测试是否运行：静态、动态自动化：人工、自动化α测试：内部，bug较多。β测试：公测，开放。γ测试：正式发行，基本为成熟版黑盒测试：只测试功能，不关注具体实现。白盒测试：功能+代码实现灰盒测试：功能+一部分代码实现静态测试：不运行，直接观察动态测试：运行过程中测试。自动化测试：编写代码来测试冒烟测试：一般为第一个版本。回归测试：开发修复bug后，再测试一遍。随机测试：重要功能复测。探
2021-12-13 11:46:25
765
原创 软件测试之理论
1.软件测试：规定条件下对程序进行操作，发现问题-》评估软件的过程。找错=》修正。2.测试原则：pareto原则 2/8原则 80%的错误一般来自20%的新模块中。3.测试用例：即测什么？怎么测？ consider各种情况。4.描述错误报告！important 严格的测试计划 necessary。软件产品质量模型 ISO/iec91261.六大特性：功能性、可靠性、易用性、效率、可维持性、可移植性。软件质量模型保证SQA目的：软件过程对于管理人员可见。目标：其实就是工作进度.
2021-12-13 11:23:12
142
原创 软件测试之基础学习
1.二进制：计算机用二进制描述时间。因为只用0和1就可以表示开和关了。2.BS/CS架构 浏览器-服务器 客户端-服务器3.计算机编程语言：机器语言（二进制），汇编语言（运行速度最快），高级语言（编译难度最低）。语言最终都会以机器语言的形式被计算机解析。4.OSI七种模型（网络活动特点）：应用层=》表示层=》会话层=》传输层=》网络层=》数据链路层=》物理层5.TCP/IP：网络通讯协议 应用层=》传输层=》网络互联层=》网络接口层IP：分为IPV4和IPV6 IPV4：4个数组 A类：
2021-12-13 10:18:22
2016
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人