- 博客(32)
- 收藏
- 关注
RSS订阅转载 display:flex相关知识点
前两天在写自适应的时候有同事给我推荐了这款布局神器，那我就学习一番。意义flex：弹性布局，或拉伸，或压缩，用来为盒状模型提供灵活的布局方式。如果定义为盒状模型后，子元素的float、clear和vertical-align属性将失效。基本概念采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex...
2019-04-22 14:35:58
167
原创 工作中关于文字溢出的问题
上午项目经理向我展示了一个问题：在一个固定宽高的布局中，有几行文字展示了对象的不同属性信息，其中一行有可能超出了一行的宽度，自动折行后，这样就打乱了布局。我的想法是这样的：将溢出部分以省略号显示，接着鼠标移入元素时，将完整部分以盒子显示，如下：首先，将需要省略的部分赋予如下的样式： .control-scale{ width: 100%; overflow: ...
2019-04-18 16:59:26
178
原创 ES6学习十Set和Map数据结构
Set基本用法ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 ...
2019-04-16 14:29:57
144
转载 运算符优先级相关小题
老规矩，列出测试题： var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x); console.log(b.x);以我自己浅薄的理解，原本认为a.x与b.x结果一致：{n：2}，虽然揣度一下出题人的想法也知道不可能，呵呵。。。接着我不死心的继续打印a和b，结果发现真的...
2019-04-15 14:10:30
337
原创 ES6学习八对象的新增方法
Object.is()它用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致；不同之处只有两个：一是+0不等于-0，二是NaN等于自身。Object.is('foo', 'foo')// trueObject.is({}, {})// false+0 === -0 //trueNaN === NaN // falseObject.is(+0, -0) // fa...
2019-04-11 14:02:26
100
原创 ES6学习七对象的扩展
属性的简洁表示法ES6 允许直接写入变量和函数，作为对象的属性和方法：const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值：function f(x, y) { return {x, ...
2019-04-11 11:58:45
94
原创 ES6学习篇六数组的扩展
扩展运算符表现为…,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3主要用于函数调用function push(array, ...items) { array.push(...items);}注意，扩展运算符如果放在括号中，JavaScript 引擎就会认为这是函数调用。如果这时不是函数调用，就会报错。(...[1, ...
2019-04-10 15:23:45
119
原创 ES6学习篇五函数的扩展
函数参数默认值基本用法 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello使用参数默认值时，函数不能有同名...
2019-04-09 17:30:53
210
原创 ES6学习篇四数值的扩展
1、Number.isFinite（），Number.isNaN（）isFinite()用于检查一个数值是否为有限的，即不是Infinity；isNaN()用于检查一个值是否为NaN。这两个新方法只对数值有效，不会进行转换。2、Number.parseInt(),Number.parseFloat()ES6 将全局方法parseInt()和parseFloat()，移植到Number对象...
2019-04-09 11:35:11
93
原创 ES6学习篇三字符串的扩展
往后就不将所有知识点罗列了，列点常用的吧先1、includes（），startsWith （），endsWith （）三种方法都返回布尔值，含义分别为：是否包含，是否以，，为开头，是否以，，为结尾，支持第二个参数，表示开始搜索的位置。endsWith针对前，，，个字符。2、repeat（）返回新字符串，表示将原字符串重复n次；参数如果是小数，会被取整。'na'.repeat(2.9) ...
2019-04-09 10:54:26
93
原创 Push
一道题引出这篇博客的内容 var obj = { '2': '3', '3': '4', 'length': 2, 'splice':Array.prototype.splice, 'push': Array.prototype.push, } obj.push(1); obj.push(2); console.log(o...
2019-04-08 16:23:00
568
原创 ES6学习篇二变量的解构赋值
数组的解构赋值基本语法与解构结果说明正常解构赋值与结果展示 let x = { a: 1 }; const [a, b, c] = [{ a: 1, b: 2 }, [1, 2, 3], function() { console.log(1111112)...
2019-04-02 09:41:04
216
原创 ES6学习篇一let和const命令
let命令let命令用于声明变量，但是只在代码块中有效，如下见与var的区别:for (var i = 0; i < 10; i++) { a[i] = function() { console.log(i); };}a[6](); //10for (let i = 0; i < 10; i++) { a[i] = function() {...
2019-03-28 21:19:30
112
原创 在这篇博客中学会正则表达式（限自己咯）
一、语法 1、匹配数目+：至少出现一次；*：0,1次或多次；？：至多出现一次 2、普通字符，非打印字符、特殊字符。特殊字符用'\'进行转义； 限定符：用来指定正则表达式的一个给定组件必须要出现多少次才能满足所有匹配。有*，+，？，{n},{n,},{n,m}字符 描述 * 匹配前面的子表达式零次或多次。例如，zo* 能...
2019-03-28 10:50:28
145
原创 2019年3月份工作中遇到的比较迷的知识点
在这段时间中，主要做的项目是重构前一个月做的项目，WebAPP,由于之前是用vue写的，当时也不是很了解移动端的相关事件，所以在功能大概实现完之后发现交互特别差，由于，直接使用touch的几个事件，了解没有很透彻，未曾用过封装的插件，因此做的好烂，做的好烂，的好烂，好烂，烂，烂，烂。。。这大概就是我们主管的心声一开始的编辑器是webstorm，后来打包APP，用的hBuilder，也开始对ta...
2019-03-21 16:10:11
113
原创 select多选移动端样式回显具体实现
最近在写项目时，需要修改原本自带样式，真心感到这些原生样式的顽固性。 ———题记如上图所示为原生样式，在选择后页面回显为“选中了..项”，这样的显示非常不直观，对于用户来讲看着些许简陋，所以根据之前用过的饿了么插件的样式对当前样式进行修改。1、修改第一步：原本样...
2019-03-21 16:05:12
3228
原创 html5上传图片样式修改功能实现
在这个功能里要做的有以下几个步骤：1、两个元素，一个img元素作为背景，一个input type=‘file’做功能，两方位置大小相同重合，样式略去：<img id="input_img" src="../images/icons/detect_face.png" /><input id="input_file" accept="image/*" type="file...
2019-03-21 16:04:11
2950
原创 19/2/12~19/2/21工作中遇到的迷的知识点
1、href="javascript:void(0)"含义：让超链接去执行一个js函数，而不是跳转到一个地址，而void（0）表示一个空的方法，既不执行js函数javascript：伪协议，不同于因特网上的真实协议，如http://,https://,ftp://（传输数据包），而是为关联，，而使用的.如:tencent://(关联QQ)，data:(用base64编码来在浏览器端输出二进...
2019-02-21 21:00:05
225
原创 vuex学习
vuex：专为vue.js开发的状态管理模式，主要包含以下几个部分：state，view，actions 其主要应用场景就是多个组件使用同一个变量时，兄弟组件无法传参，父子组件传参拷贝时原本的模式脆弱，通常会导致无法维护的代码。因此就把组件的共享状态抽离出来，以全局单例模式管理。（为解决每个组件中需要注入vuex，通过store选项，把store实例注入到所有子组件中，子组件可以通过thi...
2018-12-19 09:30:13
496
原创 一个人的孤单
即使我豪情万丈地想要开始新的生活，可是偶尔，由内而外的孤独感仍旧让我无所适从。我毕业三个月了，来公司三个月，很喜欢公司，也喜欢现在的生活，可是偶尔，就偶尔会想念陪我傻了四年的那几个人。刚刚跟其中一个聊天，她说她也一样，在新的环境里总是需要小心翼翼，总是不能够肆无忌惮，于是为了安慰她，我便用一些老生常谈的励志语录填充我俩的聊天记录，如：若是想要在现在做的事情上有所提高，那大概就需要沉淀下来吧...
2018-11-13 10:05:50
139
原创 javascript深拷贝和浅拷贝
昨天53km徒步，达到了微信运动的巅峰77813步，所以在周一的早上现在不思完成任务，在混沌中写这篇博客，迷迷糊糊地了解下深拷贝和浅拷贝。其实网上也有很多大神写了有关深拷贝和浅拷贝的知识，不管是广度深度抑或通俗感都是很好的，我写这个也就只是自己表示这个知识点我有点了解了，有不对的地方希望过往看客指出我再改正。首先有资格面对这俩问题的有数组，对象和函数，就是跟俄罗斯套娃似的，数据里边还有数据...
2018-11-13 10:03:57
133
原创 vue定时器
今天在界面上添加了一个钟表显示，用到了vue定时器，之前按照以前的写法写的，是这样的：setTimeout(‘getCurrentTime()’,1000);然后提示：getCurrentTime未定义。在确保我确实没有将函数名写错后，我就利用了this，试着改成了下边这样：setTimeout(this.getCurrentTime(),1000);我在该函数中打印了字符串...
2018-09-18 20:58:23
4355
2
原创 localStorage
今天在项目中需要用到token身份验证，而这需要localStorage来存储token，所以就用到啦，代码如下：localStorage.setItem('token', JSON.stringify({token: account.access_token}));利用getItem获取：JSON.parse(localStorage.getItem('user')).id,...
2018-09-18 20:31:19
398
原创 JSON.stringfy与JSON.parse
我真的是目标导向行为哎，这是一种比较好的说法，其实就是一写代码，我就需要网上找各种相关知识，手动笑哭。json.parse:字符串转json；json.stringfy:json转字符串。...
2018-09-18 20:15:38
547
原创 今天使用router.push解决了一个问题，开心
问题是这样的：在路由跳转时，需要传递参数，之前不了解vue中的路由，当然，现在也一样，但中秋时就不同了。我就贴出代码吧，传递参数代码如下：this.$router.push({ name: 'PicQuery', params: { searchFaceInfo: item ...
2018-09-18 19:55:10
1817
2
原创 mockjs
今天写了一个简单的用户登录功能，虽然很简单，但是能自己完成，使用了axios和mockjs实现交互，还是很开心哒，先说一下mockjs吧mockjs就像我做毕设时用的虚拟串口工具一样，重点是虚拟，还有工具。首先呢，当不得真，其次，真的还不错的工具啊，说句废话，工具发明出来都是要用的哇，大大解放了人类生产力，这些“工匠”简直太牛了不？！mockjs是用来解决等不及后台的前端搬砖的问题的，为了...
2018-08-16 21:05:34
500
原创 http状态码
1 消息代表请求被接受，需要继续处理100 客户应当继续发出请求101 客户要求服务器根据请求转换HTTP协议版本102 处理将被继续执行2成功这一类型的状态码，代表请求已成功被服务器接收、理解、并接受3重定向这类状态码代表需要客户端采取进一步的操作才能完成请求。通常，这些状态码用来重定向，后续的请求地址（重定向目标）在本次响应的 Location 域中指明。...
2018-08-16 19:52:01
106
转载 前后端交互
刚进公司，对这些都不是很了解，这篇博客讲的很清楚，在此转给自己，感谢szMacbook 1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数也...
2018-08-12 17:53:32
420
原创 我就先试一下
以前是没有想过要写博客来记录了自己的学习过程以及成果的，一是觉得没有必要，二大概是因为自己在代码方面能力太差，并没有可以记录的内容，太贫乏。但是直到几个月前我还是一个学生要做最后一件正经事---毕业设计的时候，我这个小菜鸟从博客上获取了太多有帮助的内容后，我想着工作后我也要开始写博客，记录自己的学习，也希望可以向有同样问题的盆友分享一些我的解决问题的笨办法（但我觉得第一个原因多一些），所以嘞，我的...
2018-08-02 19:59:48
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人