winnie__wei-优快云博客

原创 VUE项目中使用THREE.js加载obj模型

想要在vue项目中使用threejs加载如obj、vtk等格式的模型，与threejs官网略相似，却有部分不同。以下概括几个不同点：js文件引入方式不同。vue中使用npm下载js文件，例如npm install three three-orbitcontrols three-obj-mtl-loader stats-js ,注意：obj加载器使用three-obj-mtl-loader而不是...

2019-01-21 18:11:07 23316 33

原创 vue-apollo的使用--vue项目中使用graphql（详细版）

在前段时间使用graphql获取数据，感觉获取数据来说是方便了一些，但是也爆出了一系列的问题。先来graphql的使用方法…下载依赖包需要搭配Apollo一起使用npm install -S apollo-cache-inmemory apollo-client apollo-link apollo-link-context apollo-link-http配置(1）...

2018-06-06 17:28:53 17123 13

原创 flexbox布局-根据图片确定元素高度（类似瀑布流布局）

首先确定一下需求：多个元素，每个元素里有图片和一些文字等。每一行的图片区域高度根据最高图片决定，不够高的图片垂直居中可以看下图中第一行图片较高，第二行图片较矮以上可通过多嵌套两层display：flex实现先上代码结构<ul class="parent"> <li> <div class="img"> <img src="./image/cat1.jpg" alt=""> </div>

2020-06-14 00:31:41 814

原创 Mac pro快捷键

一、系统 1、常用 command+c 复制 command+x 剪切 command+v 粘贴 option+command+空格打开访达（文件夹） option+command+D 显示/隐藏程序坞 control+command+F 缩放窗口 shift+command+3 全屏截屏 shift+command+4 区域截屏...

2019-12-11 23:00:02 332

原创关于flex的小问题

一、使用情景// HTML代码结构如下： <div class="parent"> <div class="child" style="background-color: antiquewhite;">1</div> <div class="child" style="background-color: rgb(247, 144, ...

2019-08-07 23:11:53 177

原创抢购代码

let time = nulltime = setInterval(() => {if (new Date(‘2019-04-25 10:00:00’).getTime() <= new Date().getTime()) {clearInterval(time)if (document.querySelectorAll(’.item-holder’)[0].querySele...

2019-04-25 11:02:28 5724

原创 VScode插件及配置

插件：配置：{“explorer.confirmDelete”: false,“git.autofetch”: true,“eslint.autoFixOnSave”: true,“editor.tabSize”: 2,“eslint.validate”: [“javascript”,“javascriptreact”,{“language”: “html”,“auto...

2019-04-13 17:24:15 4778

原创 jquery做的nodejs小爬虫

想做个博客网站练练手，数据就打算用node爬下来，存入数据库待使用，就爬优快云博客吧。（站主勿怪~）首先做准备工作：1、下载请求插件request（用node内置的http模块、SuperAgent、axios或ajax都可以）；2、下载jquery；3、单纯用jquery是获取不到标签的，因为这是在控制台输出的，jquery只能获取到浏览器标签。于是下载JSDOM模拟浏览器（也可以用P...

2019-02-26 17:55:53 909

原创 VUE项目执行添加、修改、删除操作后视图不更新

使用Graphql搭配Apollo做请求，做类似下图具有添加、修改（详情可改）功能执行操作后表格没有更新，按照套路是缓存无疑！但是，在ApolloClient已经配置只使用网络请求，不需要缓存的new ApolloClient({ link: middlewareLink.concat(errorLink).concat(apiLink), cache: n...

2018-10-31 16:05:23 1475

原创 Vue单元测试（karma+PhantomJS+mocha+Chai)

这几天要做单元测试，晕啊~作为一个纯纯的代码农，单元测试哪里会? 没办法，还是要做的。。。以下先出步骤，再出报错的解决方法。 1、先搭建好Vue项目,这不多说—vue init webpack test, 2、项目搭建好之后，下载测试依赖包npm i -D karma karma-webpack phantomjs-prebuilt karma-phantomjs-launcher k...

2018-03-12 18:00:13 1530 4

原创 elementUI计数器无法点击----手动添加属性

前段时间做项目的时候发现了个问题，使用Vue框架，UI组件库选择的是elementUI。在表格里通过获取到的数据进行渲染，但计数器需要绑定的值后台没有返回。于是乎，在返回的数组里边自己遍历添加了个num属性给计数器绑定，但是计数器点过一两次之后无法点击（没到最大最小值）。在网上查的资料很少有详细的解决方案，费了好大劲。以下先贴出代码：HTML部分<el-button type="primar...

2018-03-02 21:57:37 6620 11

WINNIE小菜芽