自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 资源 (1)
  • 收藏
  • 关注

原创 JS Es6中判断b数组对象是否有跟a数组对象相同的数值(例如:id),有的话就过滤掉

用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false.也可以匹配字符串。创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。方法4、使用filter(), Set(),map()用于检测数组中的元素是否满足指定条件(函数提供)。可返回某个指定的字符串值在字符串中首次出现的位置。方法2、使用filter(),includes()方法3、使用filter(), indexOf()方法1、使用filter() , some()如下[数组]对象a和b。

2023-05-23 14:45:15 1026

转载 flex布局-所有属性整理

/* flex布局: 弹性盒布局,flex容器,子元素flex项目 默认两根轴:水平轴和垂直交叉轴,项目默认沿主轴排列 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。*//* 一、容器的属性 flex-direction flex-wrap flex-flow justify-content align-items ...

2020-06-29 11:41:01 786 2

原创 马云的一席话

关于坚持今天很残酷,明天更残酷,后天很美好,但是大多数人死在明天晚上,看不到后天的太阳。所谓坚持成功,不是坚持“一直成功”,而是坚持到“成功为止”。关于创新做任何事,必须要有突破,没有突破,就等于没做。行业饱和即意味危机来临。但巴菲特在股票行业饱和前选择了清仓撤退,马云却在互联网创业饱和的情况下,选择了不断突破行业上限,带领团队做出突破性的产品。关于心态道家讲究和谐,儒家讲究...

2019-09-17 14:16:17 179

原创 ES6 新知识点 1.0

一、String.fromCodePoint()【 Unicode 码点返回对应字符】ES5 提供String.fromCharCode()方法,用于从 Unicode 码点返回对应字符,但是这个方法不能识别码点大于0xFFFF的字符。 String.fromCharCode(0x20BB7) // "ஷ"上面代码中,String.fromCharCode()不能识别大于0x...

2019-08-16 14:58:43 131

原创 Redux 初使用

Redux是什么?Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用(SPA)开发日趋复杂,JavaScript需要管理比任何时候都要多的state(状态),Redux就是降低管理难度的。(Redux支持React,Angular、jQuery甚至纯JavaScript)看下图理解一下再看下官方的图React Compone...

2019-07-03 10:22:06 132

原创 React的生命周期 和 页面优化

React的生命周期 和 页面优化先上React的生命周期图页面优化问题在 shouldComponentUpdate 函数那里写的(有颜色备注)React声明周期的四个大阶段:Initialization:初始化阶段。Mounting: 挂在阶段。Updation: 更新阶段。Unmounting: 销毁阶段。什么是生命周期函数用大神 技术胖 来说就是生命周期函数指在...

2019-06-21 16:12:54 1408

翻译 React的函数编程

函数式编程的好处是什么?函数式编程是一种编程模式,在这种编程模式种最常用函数和表达式,函数式编程把函数作为一等公民,强调从函数的角度考虑问题,函数式编程倾向用一系列嵌套的函数来解决问题。函数式编程让我们的代码更清晰,每个功能都是一个函数。函数式编程为我们的代码测试代理了极大的方便,更容易实现前端自动化测试。React框架也是函数式编程,所以说优势在大型多人开发的项目中会更加明显,让配合和交...

2019-06-19 14:03:49 322 1

翻译 JSX防踩坑

JSX防踩坑JSX代码注释JSX中的class陷阱JSX中的html解析问题JSX中标签的坑JSX语法中需要注意的几个小坑。JSX代码注释错误实例<Fragment> //第一次写注释,这个是错误的 <div> </div></Fragment> 那写JSX的注释,可以有下面两种写法:第一种用VSCode的快捷...

2019-06-17 11:40:49 224

翻译 全屏和退出全屏

将div全屏与退出全屏,一般播放器使用较多。不多说 直接上代码//html部分<button οnclick="showFull();">全屏</button><button οnclick="delFull();">退出全屏 </button>//js调用function showFull(){ var...

2019-05-28 10:14:37 231

翻译 Vuex使用 2

*state访问状态对象访问状态对象就是SPA(单页应用程序)中的共享值。状态对象赋值给内部对象,也就是把stroe.js中的值,赋值给模板里data中的值通过computed的计算属性直接赋值computed属性可以在输出前,对data中的值进行改变,利用这种特性把store.js中的state值赋值给我们模板中的data值。 computed:{ count(){ ...

2018-12-11 16:32:52 109

原创 JSP中EL表达式三元运算符的使用

Java中的三元运算符为:条件?条件为true值:条件为false的值EL也有一样的运算符,用EL的三元运算符有时可以代替c:choose标签,为我们的工作省下很大力气。比如gender为0显示男,其余显示女,我们可以这么写:&lt;c:choose&gt;&lt;c:when test="${gender eq 0}"&gt;男&lt;/c:when&gt;&lt;c:otherwis...

2018-11-23 09:43:54 9049

翻译 时间戳转换成 标准时间(例:2018-10-30)

function timestampToTime(timestamp) { var date = new Date(timestamp * 1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()...

2018-11-01 11:43:27 2104

原创 俩个数组对比去重

#俩个数组去重 (键值对类型的)var arr=[{"id":1,"value":1},{"id":2,"value":2},{"id":3,"value":3}];var arr1=[{"id":1,"value":1},{"id":4,"value":4},{"id":5,&quo

2018-10-24 16:18:11 6447 2

转载 img标签的onerror事件

有时,img标签中的src图片加载失败,原来的图片位置会出现一个碎片图标,用户体验会下降。 通过百度,可以给img标签加背景图片,代码如下: .headLogo img{ display: block; width: 270px; height: 60px; background: url(../images/logo.png) no-repeat 0 ...

2018-10-17 11:32:45 1850

翻译 Vuex使用 1 加简单案例

Vuex使用 11、安装 vuex。在控制命令行中输入下边的命令就可以了。npm n install vuex --save2、新建store.js文件(可以新建一个文件夹放),文件中引入我们使用的vue和vuex。import Vue from 'vue';import Vuex from 'vuex';//使用vuex,引入之后要Vue.use引用。Vue.use(Vuex);...

2018-10-17 11:29:28 238

翻译 js中的var、let、const的区别

js中的var、let、const的区别三种声明变量的方式:var、let、const。var 声明全局变量,换句话理解就是,声明在for循环中的变量,跳出for循环同样可以使用。for(var i=0;i&lt;=1000;i++){ var sum=0; sum+=i; } alert(sum);let:声明块级变量,即局部变量。在上面的例子中,跳出for循环,再使用s...

2018-10-17 10:09:33 91

原创 Vue-cli 内置文件配合说明

|– build // 项目构建(webpack)相关代码 | |– build.js // 生产环境构建代码 | |– check-version.js // 检查node、npm等版本 | |– dev-client.js ...

2018-08-09 10:34:30 152

翻译 获取N天前日期

//获取当前日期 var myDate = new Date(); var nowY = = myDate.getFullYear()ar(); var nowM = = myDate.getMonth()+1()+1; var nowD = = myDate.getDate(); (); var enddate = nowY+”-“+(n...

2018-08-01 16:40:37 402

数据与算法JS描述(高清版).pdf

在前端工程师中,常常有一种声音:“我为什么要学习数据结构与算法?没有数据结构与 算法,我一样很好地完成了工作?” 实际上,算法是一个十分宽泛的概念,我们写的任何程序都可称为算法,甚至往冰箱里面 放一头大象,也要经过开门、放入、关门这样的规划,这也可以视为一种简单的算法。可 以说,简单的算法是人类的本能。而算法知识的学习则是吸取前人的经验,对复杂的问题 进行归类、抽象,帮助我们脱离刀耕火种时代,系统掌握算法的一个过程。 随着自身成长和职业发展,不论是做前端、服务端还是客户端,任何一个程序员都会开始 面对更加复杂的问题,算法和数据结构知识就变得不可或缺了。 我一直认为前端工程师则是最需要重视算法和数据结构基础的人。因为历史原因,不少前 端工程师是从视觉设计、网站编辑转过来的,在学校没有学过相应的基础课程,而数据结 构与算法的经典名著大部分又没照顾到入门的需要,所以前端工程师如果自身不重视算法 和数据结构这样的基础知识,很可能陷入数年从事单一重复劳动毫无成长这样的职业发展 困境。在移动浪潮到来之后,用户体验要求越来越高,对前端提出了更高的要求,前端这 个职能,必须提高自身才能继续发展,未来的网页 UI,绝对不是靠几个选择器操作加超链 接就能应付的。越来越复杂的产品和基础库,需要坚实的数据结构与算法基础才能驾驭。 本书对前端工程师是非常好的数据结构与算法入门书,它的难度非常适合前端工程师补习 基础知识。全书仅 200 页,对于有渴求数据结构与算法的前端工程师来说这是非常不错的 开始。特别值得一提的是每章后面的小练习,题目不多但是非常有可操作性。

2019-07-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除