在使用了GraphiQL后,我们可以看到这样的页面 从chrome的network里面可以看到传递的参数是这样的 我们在这里可以很方便的使用Query,但是这一般只是测试使用啊,我们怎么在自己的项目中使用了,比如使用axios。 我一般是这样用的 定义一个 // query/index.js module.exports = ` query($
首先网站终于迁移好了,主要做了更换了主机,利用之前在搬瓦工的VPS,那个VPS配置较高,不充分利用实属浪费。之前用的虚拟主机,可玩性不高,唯一欣慰的是支持ssl,能实现全站的https访问。 我把原来的全站文件下载下来,把数据库也备份了。 现在的VPS使用的nginx服务器,自己强制自己使用nginx,可以顺便学习学习嘛。虽然apache我也没怎么了解,但是现在学习nginx貌似更加有必要啊。
graphQL一直有听说,但是工作忙总是没时间尝试,这次过年在家终于试了一把,感觉还是不错的。 人就是得有个目标,不然搞什么都没什么动力,这次自己给自己定的小目标就是把将博客的数据库数据架设一个GraphQL服务器,方便以后把博客搞成vue服务端渲染,以及后续的PWA等等 直接用wordpress的RESTful接口太难用,主要是请求标签和分类等信息的话会需要发很多的请求,感觉很不爽。 目前现在用
再很多时候我们的需求是这样的 对,就是像个select,但是它的下拉列表里面不是常规的option,列表里面的数据可能有层级结构,你是不是立马想到el-tree?是的。下面我们就来实现一个类似el-select和el-tree的结合体。 但是我们实际上用的el-input和el-tree来实现的哦 接着来看实现代码吧。 <template> <section
之前已经讲过一个关于el-form的校验的文章《 element-ui动态表单async-validate校验 please transfer a valid prop path to form item! 》,表单的校验依然是async-validate实现的。 目前在项目中使用到的表格很多时候比表单还多,以前表格是自己写的校验,这样一般是在点击提交按钮时会触发校验,代码一般是这样的。
element-ui的官网有el-table实现自定义表头的demo,没错,实现动态列就是用的这个。 假设我们有个这样的添加动态列的需求:将班上的同学(人数不固定)的各科成绩根据姓名横向展示出来,比如目前只有两科(Math和English),各科成绩已经按照studentNO排序。 先直接看table的 data的数据结构吧 listData: [{
今天在一本书《Javascript for impatient programmers》上看到写的是这样用 match(regExp: string | RegExp): RegExpMatchArray | null 上面用的是类Typescript的写法来说明,个人觉得挺好的 意思是match方法接受传递一个参数 regExp ,这个 regExp 可以字符串或者正则表达式。返回
Object.create和new xxx()的区别 语法 Object.create(proto, [propertiesObject]) 创建一个新对象,使用现有的对象来提供新创建的对象的 __proto__ 。 参数 proto 新创建对象的原型对象。 propertiesObject 可选。如果没有指定为 undefined,
首先,需要自己去discord或者slack申请账号,我使用的翻译api是用的牛津词典的,但是它对词组或者语句的支持不好(可能是不调用的api不对吧),所以又申请了俄罗斯的yandex的翻译接口,这个接口的翻译结果很简短。 本来是想用discord的,后来发现slack的开发生态貌似好点,并且开发文档也详细些,所以最好我是主打slack了。哈哈哈。 // index.js const Dis
目前各大打包工具在本地开发时都是使用的http-proxy-middleware插件 具体以vue为例,反向代理配置的就是proxyTable proxyTable: { 'http://www.baidu.com/ttt': { target: 'http://localhost:1333', changeOrigin: tru