- 博客(34)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 css样式：单行文字溢出问题与多行文字溢出问题
单行文本溢出显示省略号…overflow:hidden;text-overflow:ellipsis;white-spce:nowrap多行文本溢出.box {width: 100px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
2021-12-08 15:57:58
108
转载 （基础点复习四）对象添加length属性伪装成数组进行操作
var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice, 'push': Array.prototype.push,}obj.push(1);obj.push(2);console.log(obj)知识点：伪数组 ：指具有数字索引并且带有length属性的对象，但不具有关于数组的方法push（）：可向数组的末尾添加一个或者多个数组元素，并返回新的长度push方法根据length属性来决
2021-11-01 21:36:40
268
转载 （基础点复习三）
var arr = [0,1];arr[5] = 5;var newArr = arr.filter((x)=>{ return x === undefined}) console.log(newArr.length);答案：0知识点：当声明一个数组长度的时候，如果这个数组的长度小于声明长度，那么数组剩余位置就会被empty填满，直到达到声明的长度位置为空的数组元素返回undefinedfilter不会对空数组进行过滤(也不会对空元素进行过滤)const...
2021-11-01 15:35:13
118
转载 基础点复习(二)
var a1 = {}, b1 = '123', c1 = 123;a1[b1] = 'b';a1[c1] = 'c';console.log(a1[b1]); var a2 = {}, b2 = Symbol('123'), c2 = Symbol('123');a2[b2] = 'b';a2[c2] = 'c';console.log(a2[b2]); var a3 = {}, b3 = {key:'123'}, c3 = {key:'456'};a3[b3] = 'b';a3[
2021-10-31 23:52:44
87
原创 (基础点复习一)js继承的几种方式
1.构造函数继承利用call，apply，bind等方法，在构造函数内部改变this指向，调用别的构造函数//构造函数继承 //原型链上的方法和属性无法继承（无法复用） // function Person(){ // this.name="person", // this.say=function(){ // console.log('say'); // } // } // Person.prototype.run=function(){
2021-10-31 17:35:09
43
转载 vue中this.$nextTick()的使用
this.$nextTick()将回调延迟到下次更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。它和全局Vue.nextTick一样，不同的是回调的this自动绑定到调用它的实例上。更改了某个DOM元素内部的文本，如果想要直接打印出这个被改变的文本是需要dom更新之后才能实现的。 mounted() { console.log(333); console.log(this.$refs['hello']); this.$nextTick(() =>
2021-10-01 21:17:43
102
转载 sass的基础学习(二）
原生的css导入sass兼容原生的css，所以它支持原生的css@import，下列三种情况会生成原生的CSS@import被导入的文件的名称以.css结尾被导入的文件名称是一个URL地址被导入的文件的名称是CSS的url()值不能用sass的@import直接导入一个原始的css文件，因为sass会认为你想用css原生的@import。但是sass的语法完全兼容css，所以你可以把原始的css文件改名为.scss后缀，可以直接导入静默注释sass提供了一条不同于css标准注释格式/**/.
2021-10-01 20:32:02
48
转载 vue——css深度作用选择器 ＞＞＞ 、/deep/ 、::v-deep
Vue中使用如element-ui等组件库，有的样式直接在组件中修改无效,原因是scoped会自动在元素上添加一段特殊的标识，如：v-data-254811…等。因为scoped局限于当前组件，去掉scoped的话又会影响全局样式。针对这种情况，可以使用深度作用选择器（即样式穿透）1.>>>如果项目中使用的是css原生样式，那么可以直接使用>>>穿透修改<style scoped>//编译前.a >>> .b{}//编译后
2021-09-29 22:07:40
604
转载 el-select获取option选中的值
https://blog.csdn.net/weixin_46381442/article/details/117417420
2021-09-29 21:47:55
3585
转载 避免axios自动过滤空字符串的字段
axios好像并不会过滤空字符串，不管啥内容只要给了都会被提交，接收不到的原因可能是你接口名和提交的key没对上JSON.stringify()，会自动去掉值为undefined的字段空字符串不会被过滤，会过滤undefined原文链接https://www.h5w3.com/149010.html...
2021-09-23 21:14:22
1345
转载 sass的基础学习(一）
变量变量的声明 $变量名变量的引用变量可以用中划线，也可以用下划线 两者命名的内容是相通的，但在sass中纯css部分不互通嵌套CSS规则可以在规则块中嵌套规则块，避免相同class名或id名重复书写(但编译过后还是原本css的规则)，大部分情况下简单的嵌套都没问题，但在父选择器下有一个类似于:hover的伪类，这时候要采用&父选择器的标识符&群组选择器的嵌套 (普通css的写法.container h1, .container h2, .contain
2021-09-21 20:40:59
61
转载 v-model和:model的区别
**v-model**是vue.js中内置的双向数据绑定指令，用于表单控件以外的标签是不起作用的(即只对表单控件标签的数据双向绑定有效)。:model 相当于v-bind:model的缩写，v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。当然引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。 =上面这个例子中，v-bind:value=“message” 只是将message变量的值
2021-09-05 17:09:11
858
转载 translate、transform和translation的区别和联系
transform:改变旋转：rotate()顺时针旋转给定的角度，允许负值扭曲：skew()元素反转给定的角度，根据给定的水平线X轴和垂直线Y轴缩放：scale（）放大或缩小，根据给定的宽度X轴和高度Y轴参数移动：translate()平移，传进X,Y值，代表沿X轴和Y轴平移的距离所有的2D转换方式组合在一起,matrix()旋转、缩放、平移以及倾斜元素matrix(scale.x,scale.y,translate.x,translate.y)translate:移动它是transfor
2021-09-04 23:36:00
722
转载 cypress中的hooks函数
Cypress提供了hooks函数，方便我们在组织测试用例的时候，https://www.cnblogs.com/yoyoketang/p/12883950.html
2021-09-04 21:07:53
134
转载 vue中mixins的使用方法和注意点
官方解释：混入(mixins)：是一种分发Vue组件中可复用功能非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。https://www.jianshu.com/p/bcff647d24ec...
2021-08-25 22:18:03
300
转载 正向代理和反向代理的理解
https://blog.csdn.net/qq_40112630/article/details/80392172正向代理搭建一个属于自己的代理服务器用户发送请求到自己的代理服务器上自己的代理服务器发送请求到服务器上服务器将数据返回到自己的代理服务器上自己的代理服务器再将数据返回给用户正向代理隐藏了用户，用户的请求被代理服务器接收代替，服务器并不知道用户是谁反向代理用户发送请求到服务器，其实访问的是反向代理服务器，但是用户不知道反向代理服务器发送请求给真正
2021-08-25 20:42:43
46
转载 GitHub中的Fork和pull Request
假设：有一个叫做Joe的程序猿写了一个游戏程序，而你可能要去改进它。并且Joe将他的代码放在了GitHub仓库上。下面是你要做的事情fork并且更新GitHub仓库的图表演示Fork他的仓库：这是GitHub操作，这个操作会复制Joe的仓库（包括文件，提交历史，issues，和其余一些东西）。复制后的仓库在你自己的GitHub帐号下。目前，你本地计算机对这个仓库没有任何操作。Clone你的仓库：这是Git操作。使用该操作让你发送"请给我发一份我仓库的复制文件"的命令给GitHub。现在这个
2021-08-25 17:39:51
347
原创 Cypress基本方法(一)
type()方法：在DOM元素中输入内容语法：.type(text) .type(text,options)举例：在input框中输入“默认值”//先获取DOM元素，在对DOM元素进行type操作cy.get("input").type("默认值")should()方法：在DOM元素中加入断言。断言将自动重试，知到他们通过或超时语法：.should(chainers) .should(chainers,value)举例cy.get("#app").should('h
2021-08-24 21:42:52
1371
转载 Cypress简介和优势
简介基于Js的前端测试工具，可以对浏览器中运行的任何内容进行快速、简单、可到的测试。自集成，提供一套完整的端到端的测试，安装后即可快速创建、编写、运行。并且每一步操作都可回看运行测试的大致流程运行测试后，Cypress使用webpack将测试代码中的所有模块bundle到一个js文件中运行浏览器，并且将测试代码注入到一个空白页，单后它将在浏览器中运行测试代码解释：每次测试首次健在Cypress时，内部Cypress Web应用程序先把自己托管到本地的一个随机端口上在识别测试中国发出
2021-08-24 20:44:21
404
原创 Node.js中的url.parse()方法
url.parse()可以将一个完整的URL地址，分为很多部分，常用的有：host、port、pathname、query。var http = require("http");var url = require("url");var server = http.createServer(function(req,res){ var pathname = url.parse(req.url).pathname; var query = url.parse(req.url).query
2021-08-22 23:22:21
537
原创 html中正确给table加边框
一般来说，我们设置后，表格样式变为了下图：border=1意思就是给表格的每一格，及边框加上1像素的边框。等同于css中的：table,table tr th,table tr td{border:1px solid #000};但大部分时候想要把边框合并cellpadding=“0”:单元格边框等于0，其默认值为1px，等同于css 中的{ padding:0 }cellspacing="0"单元格间距等于0，其默认值为2px，等同于css中的：{border-collapse:collapse
2021-08-22 15:28:54
5275
转载 float包裹和崩塌
崩塌效果：当父级盒子没有设置宽高范围时，父级盒子的范围会随着子级范围而被撑开当父级盒子设有宽高范围时，会对子级范围进行约束当子级元素全部设置浮动，而父级没有宽高范围时，父级崩塌<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>崩塌</title> <style type="text/css"> /*父级盒子模
2021-08-22 14:50:12
84
转载 vue-meta实现router动态设置meta标签
meta标签提供关于HTML文档的元数据 (元数据指用来描述数据的数据)。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器(如何显示内容或从新加载页面)、搜索引擎(关键词搜索)、或其他web服务。meta标签的特点meta标签只能位于head元素内部。在html中，meta标签没有结束标签。在xhtml中，meta标签必须被正确地关闭。meta标签共有两个属性，分别是http-equiv属性和name属性。通过引入vue-meta模块1.https://blog.csdn.ne.
2021-08-22 11:26:03
4467
转载 vue中replace()和push()的区别
replace() this.$router.replace('router地址')replace(）进行页面跳转不会形成history，不可返回到上一层push() this.$router.push('router地址')push()进行页面跳转回形成history，可返回到上一层转载自：洋葱先生-杨少通： http://www.dreamload.cn/blog/?p=960...
2021-08-21 21:37:36
774
转载 vuex中module命名空间的概念
默认情况下，模块内部的action、mutation和getter是注册在全局命名空间的。弊端：不同模块中有相同命名的mutations、actions时，不同模块对同一个mutation或action做出响应。当一个项目的store分了很多模块的时候，在使用辅助函数mapState、mapGetters、mapMutations、mapActions时，很难查 询引用的state、getters、mutations、actions来自哪个模块。-可以通过添加namespaced：t.
2021-08-21 21:28:18
125
原创 安装cypress后找不到相关的cypress文件夹
项目npm init生成package.json文件后{ "name": "first-cypress", "version": "1.0.0", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "description": ""}安装cypre.
2021-08-21 19:15:28
804
原创 npm init初始化不生成json文件
如果配置好了环境，还出现npm init指令后提示需要创建package.json 文件，像下面的提示：This utility will walk you through creating a package.json file.It only covers the most common items, and tries to guess sensible defaults.See `npm help json` for definitive documentation on these fie
2021-08-21 18:20:24
2179
原创 gitHub、gtiee和gitLab的区别
github 是一个基于git实现在线代码托管的仓库，向互联网开放，企业版要收钱。gitee 即码云，是 oschina 免费给企业用的，不用自己搭建环境。gitlab 类似 github，一般用于在企业内搭建git私服，要自己搭环境。第一，github针对企业要收费，那当然是不同意，毕竟都想节约资金，那就还能使用gitee，或者gitlab了。第二，但是码云虽然是免费的，而且不用自己搭环境，但是企业中把项目放在别人的服务器上，始终没有安全感。第三，因此，衍生出了gitlab，就是用于企业搭私服，
2021-08-18 10:36:12
641
原创 Cannot find name ‘Map‘. Do you need to change your target library? Try changing the ‘lib‘ compiler o
代码：var nameSiteMapping = new Map();// 设置 Map 对象nameSiteMapping.set("Google", 1);nameSiteMapping.set("Runoob", 2);nameSiteMapping.set("Taobao", 3);// 获取键对应的值console.log(nameSiteMapping.get("Runoob")); // 2// 判断 Map 中是否包含键对应的值console.log(nameSiteMap
2021-08-12 09:43:30
1891
转载 (function(){})与(fucntion(){})()的区别
1.这两种写法都是一种立即执行函数的写法，在函数定义的时候就直接执行了立即执行函数，即IIFE（Immediately Invoked Function Expression）通常的函数声明和调用是分开书写的，例如：function foo(){/**/} //函数定义，只是为了让解释器知道他的存在foo() //解释器遇到该语句运行立即执行函数的调用方式通常是将函数表达式、他的调用操作符、分组操作符放在一个括 号内，来告诉解析器这是一个需要立即执行的函数。否则通常情况下，解析器遇到一个
2021-06-13 10:22:39
285
原创 react中代理异常 proxy is not a function
使用cnpm install create-react-app 构建react项目，进行跨域相应的配置之后，出现了proxy is not a function 的报错原本的配置：// const proxy =require('http-proxy-middleware');// module.exports = function (app){// app.use('/api',// proxy({// target:'http://localhost:330
2021-05-31 16:18:19
682
原创 express中间件body-parser,req.body仍然获取不到数据，显示默认的underfined
1.新版本和旧版本的差异2.body-parser放置的位置3.前端拦截器请求头的问题另外在postman中直接请求，req.body也是请求不到任何参数的解决方法：在请求body里面勾选raw，格式设为JSON(application/json)
2021-05-28 18:22:50
508
空空如也
前端代码改bug后添加暂存区，但暂存区出现了好多后端文件，不清楚是为什么？
2021-10-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人