道招
el-table实现动态列el-table-column
element-ui的官网有el-table实现自定义表头的demo,没错,实现动态列就是用的这个。 假设我们有个这样的添加动态列的需求:将班上的同学(人数不固定)的各科成绩根据姓名横向展示出来,比如目前只有两科(Math和English),各科成绩已经按照studentNO排序。 先直接看table的 data的数据结构吧 listData: [{
String.prototype.match到底怎么用
今天在一本书《Javascript for impatient programmers》上看到写的是这样用 match(regExp: string | RegExp): RegExpMatchArray | null 上面用的是类Typescript的写法来说明,个人觉得挺好的 意思是match方法接受传递一个参数 regExp ,这个 regExp 可以字符串或者正则表达式。返回
Javascript小tips之Object
Object.create和new xxx()的区别 语法 Object.create(proto, [propertiesObject]) 创建一个新对象,使用现有的对象来提供新创建的对象的 __proto__ 。 参数 proto 新创建对象的原型对象。 propertiesObject 可选。如果没有指定为 undefined,
使用discord或者slack的api实现自己的翻译bot
首先,需要自己去discord或者slack申请账号,我使用的翻译api是用的牛津词典的,但是它对词组或者语句的支持不好(可能是不调用的api不对吧),所以又申请了俄罗斯的yandex的翻译接口,这个接口的翻译结果很简短。 本来是想用discord的,后来发现slack的开发生态貌似好点,并且开发文档也详细些,所以最好我是主打slack了。哈哈哈。 // index.js const Dis
webpack反向代理proxyTable设置
目前各大打包工具在本地开发时都是使用的http-proxy-middleware插件 具体以vue为例,反向代理配置的就是proxyTable proxyTable: { 'http://www.baidu.com/ttt': { target: 'http://localhost:1333', changeOrigin: tru
vuex的mapState mapActions mapMutations mapGetters在模块module使用详解
我们使用主要是为了简洁自己的代码, 没用这些方法之前我们的代码可能是这样的(这里用使用了modules的来举例子,没有module的使用更简单,这里的module为pim),mutation和action的使用方式一致就不单独举例子了。 export default { computed: { count(){ return this.$sto
用webpack的require.context() 简化你的代码
随着我们的项目越来越大,平时的常见用操作就会觉得很‘麻烦’了,比如每次要添加新的路由, vuex里面添加新的module等 { name: 'moduleN', component ModuleN, path: '/moduleN', } 麻烦吗?谈不上吧,毕竟我们之前一直都是这么做的啊 最近了解到webpack打包是有
传递所有vue属性至子组件
我们有时候在二次封装组件(比如My-dialog)的时候,需要支持原有组件(如element-ui)的El-dialog所有props,然后自己在额外支持一些props,实现自己组件比原组件更加强大的功能。比较朴实的做法就是将用户传递给My-dialog的属性中需要给El-dialog的自己传递过去。 <my -dialog title="标题"></my>
docker运行WordPress报MySQL server has gong away
前几天在用docker安装wordpress,之前已经安装的有mysql,准备使用--link的方式让wordpress的容器访问之前的mysql的容器,但是总是一启动在浏览器里面访问就把容器给搞挂了,页面什么的当然是从来没有打开的。开始以为是自己用的wordpress镜像生成容器的命令参数有问题,就没有扔一边了。这个周末有时间了继续倒腾下,毕竟这个博客都是wordpress,总得给点面子用用官方
前端开发在package.json通过命令行设置环境变量
在package.json里面设置环境变量的方法 我们一般使用cross-env来实现 记得 npm install cross-env --save-dev { "scripts": { "dev": "cross-env CURRENT_ENV=development webpack-dev-server --inline --progress", "build"
关注道招网公众帐号
友情链接
消息推送
道招网关注互联网,分享IT资讯,前沿科技、编程技术,是否允许文章更新后推送通知消息。
允许
不用了