技术先森-CSDN博客

原创 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 1477

转载 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 892 2

原创马云的一席话

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

2019-09-17 14:16:17 231

原创 ES6 新知识点 1.0

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

2019-08-16 14:58:43 190

原创 Redux 初使用

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

2019-07-03 10:22:06 155

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

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

2019-06-21 16:12:54 1476

翻译 React的函数编程

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

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

翻译 JSX防踩坑

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

2019-06-17 11:40:49 323

翻译全屏和退出全屏

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

2019-05-28 10:14:37 292

翻译 Vuex使用 2

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

2018-12-11 16:32:52 133

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

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

2018-11-23 09:43:54 9230

翻译时间戳转换成标准时间（例：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 2160

原创俩个数组对比去重

#俩个数组去重（键值对类型的）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 6553 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 1953

翻译 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 281

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

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

2018-10-17 10:09:33 132

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

2018-08-09 10:34:30 195

翻译获取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 453

weixin_40719714的博客