道招
GraphQL学习、踩坑记录(一)
graphQL一直有听说,但是工作忙总是没时间尝试,这次过年在家终于试了一把,感觉还是不错的。 人就是得有个目标,不然搞什么都没什么动力,这次自己给自己定的小目标就是把将博客的数据库数据架设一个GraphQL服务器,方便以后把博客搞成vue服务端渲染,以及后续的PWA等等 直接用wordpress的RESTful接口太难用,主要是请求标签和分类等信息的话会需要发很多的请求,感觉很不爽。 目前现在用
vue让select的下拉列表支持层级关系(tree)
再很多时候我们的需求是这样的 对,就是像个select,但是它的下拉列表里面不是常规的option,列表里面的数据可能有层级结构,你是不是立马想到el-tree?是的。下面我们就来实现一个类似el-select和el-tree的结合体。 但是我们实际上用的el-input和el-tree来实现的哦 接着来看实现代码吧。 <template> <section
el-table搭配el-form实现数据校验
之前已经讲过一个关于el-form的校验的文章《 element-ui动态表单async-validate校验 please transfer a valid prop path to form item! 》,表单的校验依然是async-validate实现的。 目前在项目中使用到的表格很多时候比表单还多,以前表格是自己写的校验,这样一般是在点击提交按钮时会触发校验,代码一般是这样的。
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打包是有
关注道招网公众帐号
友情链接
消息推送
道招网关注互联网,分享IT资讯,前沿科技、编程技术,是否允许文章更新后推送通知消息。
允许
不用了