gaochenyang

gaochenyang 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑

此用户太懒,签名都没有,嫌弃 !

个人动态

gaochenyang 提出了问题 · 1月14日

求助,正则表达式既能输入手机号又能输入座机号

求助正则表达式 既能输入手机号又能输入座机号

关注 5 回答 3

gaochenyang 提出了问题 · 2020-12-20

求助:急, el-checkbox-group 这个组件如何获取每次新增的数组?

elementui框架用的el-checkbox-group这个复选框组件,我怎么筛选出每次选中的数据数组呢

例如:我在dialog中放el-checkbox-group这个组件 第一次选中的是【A,B】之后我再打开dialog再继续选择C ,change事件的回调值就变成了
【A,B,C】以此类推 我怎么才能筛选出 第一次是A,B元素 ,第二次又选择了C元素 我第三次可能选中D,F 如果用change回调得到的数组肯定是【A,B,C,D,F】,我就是想每次获取的都是本次选中的值 以前选中的值不再此数组中

关注 3 回答 3

gaochenyang 提出了问题 · 2020-11-05

https中嵌套iframe访问外网域名是http的,访问的资源被浏览器拦住了

vue项目 中用iframe嵌套网页,嵌套的网页用的是http的请求,打包后请求嵌套网页资源被浏览器block住,这个怎么解决,求助;

关注 2 回答 1

gaochenyang 收藏了文章 · 2020-09-02

25个JavaScript代码简写技巧(下篇)

14. 多行字符串

如果您发现自己需要在代码中编写多行字符串,那么您可以编写它:

常规:


但是有一种更简单的方法。只需使用反引号。

简写:

15. 展开(spread)操作符

ES6中引入的展开运算符有几个用例,可以使JavaScript代码更高效,更有趣。它可以用来替换某些数组函数。展开操作符只是连续的三个点。

常规:

简写:

与 concat() 函数不同,您可以使用spread运算符在另一个数组内的任何位置插入数组。

您还可以将spread运算符与ES6解构表示法结合使用:

16. 强制参数

默认情况下,如果未传递值,JavaScript会将函数参数设置为undefined。其他一些语言会引发警告或错误。要强制执行参数赋值,可以使用 if 语句在未定义时抛出错误。

常规:

简写:

17. Array.find

如果您曾经在纯JavaScript中编写过 find 函数,那么您可能已经使用了for循环。在ES6中,引入了一个名为 find() 的新数组函数

常规:

简写:

18. Object[key]

你知道Foo.bar也可以写成Foo ['bar']吗?起初,似乎没有理由应该这样写。但是,这种表示法可以为编写可重用代码块提供方便。

思考一下,验证函数的这个简化示例:

这个功能完美地完成了它的工作,但是请考虑这样一种情况,即您需要验证的表单有很多,表单都具有不同字段和规则。构建可在运行时配置的通用验证函数不是更好吗?

简写:


现在我们有了一个通用验证函数,可以在所有表​​单中重用,而无需为每个表单编写自定义验证函数。

19. 双取反运算

双取反运算符有一个非常实用的场景。您可以将它用作 Math.floor() 的替代品。 双取反运算符的优点是它可以更快地执行相同的操作。

常规:

简写:

20. 数学指数幂函数

常规:

简写:

图片描述

21. 将字符串转换为数字

有时,您的代码会接收String类型的参数,但需要以数字类型处理。这不是什么大问题,我们可以进行快速转换。

常规:

简写:

22. 对象属性赋值

考虑以下代码:

你会如何把它们合并为一个对象?

一种方法是编写一个将第二个对象的数据复制到第一个对象的函数。

最简单的方法是,使用ES6中引入的 Object.assign 函数:

您还可以使用ES8中引入的对象销毁表示法:

您可以合并的对象属性数量没有限制。如果确实具有相同属性名称的对象,则将按合并的顺序覆盖值。

23. 取反运算 和 IndexOf

使用数组执行查找时,indexOf() 函数用于检索您要查找的项目的位置。如果未找到该项,则返回值-1。在JavaScript中,0被认为是'falsy',而大于或小于0的数字被认为是'truthy'。因此,必须像这样编写正确的代码。

常规:

简写:

取反(〜)运算符对 -1 以外的任何值,都返回 truthy 值。对它进行非运算,直接 !〜。

或者,我们也可以使用 includes() 函数:

24. Object.entries()

这是ES8中引入的一项功能,允许您将对象转换为键/值对数组。请参阅以下示例:

25. Object.values()

这也是ES8中引入的一个新功能,它执行与 Object.entries() 类似的功能,但没有key部分:

图片描述

看到这里,都已经介绍完了。才疏学浅,如果您有其他好的技巧,欢迎留言评论。


相关文章:

25个JavaScript代码简写技巧(上篇)

使用Array.isArray更好地检查数组

Vue.js应用性能优化一

Vue.js应用性能优化二

Vue.js应用性能优化三

如何使用Vue.js渲染JSON中定义的动态组件

构建Vue.js组件的10个技巧

查看原文

gaochenyang 赞了文章 · 2020-09-02

25个JavaScript代码简写技巧(下篇)

14. 多行字符串

如果您发现自己需要在代码中编写多行字符串,那么您可以编写它:

常规:


但是有一种更简单的方法。只需使用反引号。

简写:

15. 展开(spread)操作符

ES6中引入的展开运算符有几个用例,可以使JavaScript代码更高效,更有趣。它可以用来替换某些数组函数。展开操作符只是连续的三个点。

常规:

简写:

与 concat() 函数不同,您可以使用spread运算符在另一个数组内的任何位置插入数组。

您还可以将spread运算符与ES6解构表示法结合使用:

16. 强制参数

默认情况下,如果未传递值,JavaScript会将函数参数设置为undefined。其他一些语言会引发警告或错误。要强制执行参数赋值,可以使用 if 语句在未定义时抛出错误。

常规:

简写:

17. Array.find

如果您曾经在纯JavaScript中编写过 find 函数,那么您可能已经使用了for循环。在ES6中,引入了一个名为 find() 的新数组函数

常规:

简写:

18. Object[key]

你知道Foo.bar也可以写成Foo ['bar']吗?起初,似乎没有理由应该这样写。但是,这种表示法可以为编写可重用代码块提供方便。

思考一下,验证函数的这个简化示例:

这个功能完美地完成了它的工作,但是请考虑这样一种情况,即您需要验证的表单有很多,表单都具有不同字段和规则。构建可在运行时配置的通用验证函数不是更好吗?

简写:


现在我们有了一个通用验证函数,可以在所有表​​单中重用,而无需为每个表单编写自定义验证函数。

19. 双取反运算

双取反运算符有一个非常实用的场景。您可以将它用作 Math.floor() 的替代品。 双取反运算符的优点是它可以更快地执行相同的操作。

常规:

简写:

20. 数学指数幂函数

常规:

简写:

图片描述

21. 将字符串转换为数字

有时,您的代码会接收String类型的参数,但需要以数字类型处理。这不是什么大问题,我们可以进行快速转换。

常规:

简写:

22. 对象属性赋值

考虑以下代码:

你会如何把它们合并为一个对象?

一种方法是编写一个将第二个对象的数据复制到第一个对象的函数。

最简单的方法是,使用ES6中引入的 Object.assign 函数:

您还可以使用ES8中引入的对象销毁表示法:

您可以合并的对象属性数量没有限制。如果确实具有相同属性名称的对象,则将按合并的顺序覆盖值。

23. 取反运算 和 IndexOf

使用数组执行查找时,indexOf() 函数用于检索您要查找的项目的位置。如果未找到该项,则返回值-1。在JavaScript中,0被认为是'falsy',而大于或小于0的数字被认为是'truthy'。因此,必须像这样编写正确的代码。

常规:

简写:

取反(〜)运算符对 -1 以外的任何值,都返回 truthy 值。对它进行非运算,直接 !〜。

或者,我们也可以使用 includes() 函数:

24. Object.entries()

这是ES8中引入的一项功能,允许您将对象转换为键/值对数组。请参阅以下示例:

25. Object.values()

这也是ES8中引入的一个新功能,它执行与 Object.entries() 类似的功能,但没有key部分:

图片描述

看到这里,都已经介绍完了。才疏学浅,如果您有其他好的技巧,欢迎留言评论。


相关文章:

25个JavaScript代码简写技巧(上篇)

使用Array.isArray更好地检查数组

Vue.js应用性能优化一

Vue.js应用性能优化二

Vue.js应用性能优化三

如何使用Vue.js渲染JSON中定义的动态组件

构建Vue.js组件的10个技巧

查看原文

赞 59 收藏 52 评论 2

gaochenyang 提出了问题 · 2020-08-18

vue组件封装,求教

通用组件:

<view v-for="(item,index) in list" :key="index">{{}}
</view>

父组件1:
list:[{name:123},{name:456}]

父组件2:
list:[{id:111},{id:222}]

两个页面中传到子组件的list中key不一样,我子组件应该如何取到父组件传过来的value值呢

关注 3 回答 3

gaochenyang 提出了问题 · 2020-08-11

求助,ucharts如何实现双向柱状图?

image
ucharts如何实现双向柱状图,求助大佬
框架是uniapp插件市场中有封装好的ucharts,直接引入echarts可能比较麻烦

关注 1 回答 0

gaochenyang 提出了问题 · 2020-04-11

求助,vue+elementUI搭建项目, 有类似如下的项目模板吗

001.jpg002.png

求助,这个不是后台管理系统,后台管理系统倒是一堆模板,这个还有有点区别和后台管理系统,好像是几个管理系统之间可以切换的这种项目模板,有类似的项目模板吗,求助大佬

关注 1 回答 0

gaochenyang 关注了用户 · 2020-04-07

wuweisen @wuweisen

前端

关注 20

gaochenyang 关注了用户 · 2020-04-07

关注 103

认证与成就

  • 获得 10 次点赞
  • 获得 63 枚徽章 获得 0 枚金徽章, 获得 8 枚银徽章, 获得 55 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2018-04-20
个人主页被 1.5k 人浏览