KateCateCake-优快云博客

转载 CSS控制表格的单元格超出部分显示省略号

只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 table{ width:100px; table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } td{ width:100%; word-break:keep-...

2020-03-18 19:23:17 790

原创 Sequelize中AND，OR，NOT条件查询的使用方法

最近刚开始学习Sequelize，有个小需求中要写的or关系的查询语句，文档中关于$OR的用法举例看得很懵圈，并不是特别明白这一段的作用：Project.findOne({ where: { name: 'a project', $or: [ { id: [1,2,3] }, { id: { $gt: 10 } } ] }});通过在...

2019-07-17 18:22:32 11603

原创 text-last-align关于IE的兼容

text-align的两端对齐只针对段落，且是汉字或者多个单词的段落除最后一行外的两端对齐，chrome等浏览器自然是没问题的，但是ie却不行，目前在做一个需要兼容到ie8的项目，必须兼容ie8，首先看下can i use。部分兼容的大意就是，需要作用的元素为块级元素，且具有一定的宽度，亲测发现display为inline-block也不起效果，同时还要设置text-justify为dis...

2018-06-20 14:39:58 1729 1

原创 echarts饼图的图例 formatter函数详解不能显示具体数值

今天在项目中用echarts，设计给了一个图，左边是图例，图标加类别名加具体数值，右边是饼图。改了各种bug之后，发现并不能显示具体的数值，formatter函数竟然只有一个参数，就是data里面的name，真的是令人震惊、令人头秃。已经解决了这么多bug的我十分不甘心用div、span画一个图例出来，加一些交互动画，灵机一动，就用蠢一点的方法，直接把data中的对应的value找出来，在fo...

2018-04-28 16:59:09 8999

原创 github和gitlab双账号管理

公司的项目要用gitlab，然后自己的一些项目用的是github，两个账号，两个ssh keys，遂研究了下如何管理。gitlab ssh key设置首先gitlab的ssh key的设置请参照这篇博客：https://www.liaohuqiu.net/cn/posts/git-abc/ 感觉写的十分完善。github ssh key设置git config --global user.nam

2018-04-08 12:24:59 2349

原创 Vue文档-使用自定义事件的表单输入组件案例解析

看使用自定义事件的表单输入组件这一节时，最初有不少困惑，反复看了几遍之后有点点眉目。代码如下：Vue.component('currency-input', { template: ` <span> $<input ref="input" v-bind:value="value...

2018-04-03 16:41:54 468

原创 2019网易前端实习面试（一、二面+hr面）

博主面的是网易云音乐部门，大概面了四十分钟。（感觉不按套路出牌T_T）项目里用到了react，为什么要选择react，react有哪些好处？这个问题有想过，就balabala答了一些虚拟DOM、数据驱动、面向对象等等。面试官又接着问，那怎么获取真正的dom？答了ref，面试官又问具体怎么用，因为实际中没怎么用这个，很虚的答了某元素上赋ref属性等于一个字符串，再获取。面试官又接...

2018-03-01 21:31:03 12272 8

原创 JavaScript对象的深拷贝和浅拷贝

对象的深拷贝和浅拷贝// ES5 浅拷贝Object.assign({}, conf)只能拷贝一级，深层的源改变，目标也会跟着改变。// 递归深拷贝function deepCopy(des, src) { for (var key in src) { if(typeof src[key] !== 'object') { des[key] = sr...

2018-02-28 10:29:14 382

原创奇舞学院及高程学习笔记-函数篇

函数函数声明与函数表达式函数声明提升与变量声明提升函数声明：以function开头的函数定义。js在执行代码之前会先读取函数声明和变量声明，函数声明整个提升，变量赋值在执行时再执行。console.log([typeof add, typeof sub]); // ['function', 'undefined']function add(x, y){ re...

2018-02-28 10:28:00 402

原创 Javascript 对象深度解析

对象-高程及月影js视频学习笔记对象的深拷贝和浅拷贝ES5 浅拷贝Object.assign({}, conf)只能拷贝一级，深层的源改变，目标也会跟着改变。递归深拷贝function deepCopy(des, src) { for (var key in src) { if(typeof src[key] !== 'object') { ...

2018-02-25 14:25:52 631

原创奇舞学院JavaScript视频-如何写好原生js

月影JavaScript视频学习笔记第零课Q1: 列表渲染的不同版本优劣版本1（初级前端）let list = document.querySelector('#user-list');let items = document.querySelectorAll('#user-list > li');list.addEventListener('click'...

2018-02-13 23:22:47 624

原创 antd可编辑行表格的取消保存不成功的解决方案

这两天在用antd的表格，觉得用可编辑行来做修改功能，很直观，可是放入了实际项目中的数据后，发现取消保存的功能实现不了，仔细排查了原因之后，发现是因为表格的每个数据不是单层的对象，是像下面这种： {flowmeter: {lastday: '', percent: ''}, status: {'...': '...'},...} 而antd做的这个取消保存的功能是针对单层的对象数组的浅层复制，

2018-01-27 14:35:20 3440 4

原创模式识别学习笔记-第一章机器学习的基本问题

1 机器学习的形式这两个流程图有一些不同，ML机器学习算法一般用A表示。H是值假设空间、或假设集合，包含各种好的或者坏的假设，A的作用就是从H中挑选出最好的假设作为g，去逼近f。 x是条件、属性，y是结果注：1.输入包括训练样本集和假设空间H 2. 机器学习模型也不仅仅是算法A，还包括假设空间H。 3. 要求得g来近似于未知函数f。 4. 给出了机器学习的

2018-01-16 16:53:11 610

原创 js加载文件跨域报错cross origin requests...

本地Ajax跨域报错Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.照着教程使用D3来加载 json文件和csv文件时，发现并不能成功加载，会报下面这样的错误。因为之前遇到过，大概知道原因在于使用了File协议，应该使用它...

2018-01-12 16:07:08 37815 9

原创 react里使用less时antd报错

想在react项目里面用less，但是create-react-app生成的项目默认不使用less，查了一下相关博客，将webpack配置文件暴露出来，改了相关配置(https://segmentfault.com/a/1190000010162614)，满心欢喜的运行项目，缺发现antd报了这样一个错误：Media definitions require block statements afte

2017-12-15 21:44:39 4393

转载【转】Missing radix parameter radix

使用JSLint检查javascript代码语法时，你可能会碰到一个比较头痛的报错：Missing radix parameter。这个错误信息主要是因为你没有深刻掌握parseInt 语法，意思是:缺少一个基数根，也就是指:parseint的第二个参数没有指定；大家回顾parseInt的第二个参数的用法: parseInt的第二个参数有四种:2、8、10、16，分别对应二进制、八进制、十进制、十

2017-12-15 21:42:09 11136

原创 React的componentWillUpdate获取不到更新的props值（redux）

使用redux更新store中的值，引起对应组件的update，在componentWillUpdate中，使用对应的props值时，发现并没有变化

2017-12-08 21:17:43 8631

原创 React的componentWillRecieveProps函数

上一次我们谈了一下componentWillUpdate函数的注意事项，这次我们谈一谈componentWillRecieveProps这个函数。

2017-12-08 21:16:43 2495

原创 Hexo+Yilia搭建github Pages个人博客

作为一个前端攻城狮，总有一个博客梦，想做一个好看的，有特色的博客，又不想从头开始造轮子，偶然的一天看到了别人用github pages搭的个人博客页，十分简洁大气，遂问了搭建方法，自己开始尝试，中途踩了不少的坑，花了半天的时间，看了这篇博客的亲们，肯定不会超过一个小时。

2017-12-04 19:52:19 2983 1

原创 thinkjs学习(前后端交互篇)-this.assign传递数据和ajax调用后台接口

thinkjs学之前后台交互方法：this.assign传递数据和ajax调用后台接口

2017-11-07 19:20:15 2935

原创 thinkjs 文件上传

thinkjs是360公司出的一个基于nodejs的mvc框架，本文采用thinkjs写后端，讲述如何进行文件上传

2017-11-07 19:12:59 1846 2

原创 three.js 文字无法显示问题的解决

想怼一下webgl，试了下使用three.js, 却发现文字加载不出来首先是报了一个这样的错误：Cross origin requests are only supported for HTTP.”

2017-11-07 19:08:38 2041

原创 nodejs怎么把html以源码的形式在网页中显示了，而不是解析它。

html文件头写成了text/plain, 改成 response.writeHead(200, {“Content-Type”: “text/html”});

2017-11-07 19:01:31 2565 2

原创使用redux-thunk时，更新state组件没有重新渲染（render）

之前使用redux-thunk异步访问服务器时，发现state更新了，组件却并没有重新渲染，和以前的代码对照了很久之后，发现原因在于偷懒没写status。在异步action对应的reducer里面，除了改变相应state之外，还应该改变status，明确的告诉组件数据获取到了，状态树和以前不同了，再进行重新渲染。使用redux-thunk的正确姿势举例如下：//actionType.jsco

2017-11-07 18:58:03 2084

原创 react报错汇总(持续更新中)

109: A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.

2017-11-07 18:40:45 753

转载使用js触发事件

如果大家将一张网页看成一个form的话，大致上就成了一个web form的模型。在win form 下要想手动触发某一个对象的事件是很简单的，只要发送一条消息即可达成。(PostMessage) 但是网页并不是基于消息机制的，如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢？为大家介绍js下的几个方法：createEvent（eventType）参数：eventType 共5

2017-11-04 10:00:53 3344

原创 react生成的表单不能键入问题的解决

刚学react，用react做了一个表单，生成后却发现，input输入不了内容，经百度后，发现react生成的表单如果要重新渲染其中的value应该改变state才会重新渲染，所以要给input绑定onChange事件，具体实现如下所示：FormItem.jsclass FormItem extends React.Component { constructor(props) {

2017-11-04 09:53:52 4868

原创 nodejs实战学习-遇到的版本不一问题

在学习nodejs实战构建聊天室应用的时候，照着书上的代码敲的，运行时报了这样的错：mime.lookup is not a function。想想可能是mime的版本和书上不一样导致的，就去百度了一下，发现新版本中lookup函数改成了getType，替换后就可以了第三章，做pub/sub的时候，因为触发不了connect的事件，导致程序无法正常运行，百度了很久，发现，取消了这个事件，cr

2017-11-04 09:51:46 1041 1

KateCateCake的博客