Kinice`s BLOG

I'm free to be the GREATEST

iOS safari浏览器上overflow: scroll元素无法滚动bug深究

Kinice · 2018-9-15 · 分类:工作日常 · 标签: safari javascript js css

 0

前情提要 在之前我写过一篇文章:iOS safari浏览器上overflow: scroll元素无法滑动bug解决方法整理,这篇文章写的是,当iOS safari浏览器上出现大于父容器的svg元素,想给父容器加上overflow: scroll实现内部滚动效果而失败的总结。但当时并没有意识到这个问题的实际原理,只是知道...

The ONE前端团队技术分享资料说明

Kinice · 2018-7-23 · 分类:工作日常 · 标签: js javascript css tech

 0

分享库的github地址 存放规则 按照技术分享名称在库中创建目录 目录中资源存放规则: 相关文章或ppt放在外层 相关示例代码建立code目录存放 其他资源(如多媒体资源等)建立相应目录存放 如有相关资料、介绍、链接可在资源目录下建立readme.md markdown进行链接或说明 提交方法 将本git库...

Parcel目前踩到的坑

Kinice · 2018-7-2 · 分类:脑洞钻孔 · 标签: js javascript parcel vue

 0

不稳定。不知道为啥每次打包情况都有可能不一样。 说是零配置,但在处理很多东西的时候需要引入很多库和插件,同时parcel的插件很不健全。 在引入某些插件后插件之间会起冲突。例如,在引入parcel-plugin-eslint后,vue就(有很大可能)引入不进去了。之所以说(很大可能),就是大部分情况下vue都引入不进...

mongodb简介

huluwa2 · 2018-6-11 · 分类:工作日常 · 标签: 知识

 0

简介 Mongo DB ,是目前在IT行业非常流行的一种非关系型数据库(NoSql),其灵活的数据存储方式,备受当前IT从业人员的青睐。Mongo DB很好的实现了面向对象的思想(OO思想),在Mongo DB中 每一条记录都是一个Document对象。Mongo DB最大的优势在于所有的数据持久操作都无需开发人员手动...

理解git结构与简单操作(四)合并分支的方法与策略

Kinice · 2018-3-9 · 分类:工作日常 · 标签: git

 2

接上节,此时的dev分支与master分支的进度就不一样了,所以需要将dev分支与master分支同步。这里需要的就是合并分支的操作,大家应该都知道用git merge或者git rebase。 git merge merge,即「合并」。 fast-forward 当出现我们上面图中的那种情况时,时间线只有一条,d...

理解git结构与简单操作(三)认识版本库与分支

Kinice · 2018-3-9 · 分类:工作日常 · 标签: git

 1

版本库,也就是git的分支库,其实是git最核心的部分。当我们提到git时,其实就是在说git分支。如果你是一个个人开发者,你的项目只有一个人在开发,永远只有一个master分支,那么你可能永远接触不到分支的内容,你对git的了解会永远停留在「了解」这一阶段。 版本库的基本组成 版本库这个名称来源,就是它管理的是一个个...

理解git结构与简单操作(二)工作区与暂存区

Kinice · 2018-3-9 · 分类:工作日常 · 标签: git

 0

工作区 其实工作区没什么好讲的,这个区域其实就是抽象了你的磁盘文件本身。但是,单独抽象出工作区对于git概念的整体理解是相当有必要的。 比如说,工作区其实是整个git流程的源头,你对工作区的修改其实就是git要保存的对象。所以,当你修改工作区完成(写完代码),将修改从工作区提交到远程仓库的流程中工作区的内容是绝对不会变...

理解git结构与简单操作(一)git的本质

Kinice · 2018-3-5 · 分类:工作日常 · 标签: git

 0

前言 git已经是一个非常普及且常用的代码管理工具,算是程序员标配之一。但近期面试了大约几十个3-5年前端工程师外加实习生,发现大多数的git水平都停留在add、commit、push、pull这个最简单的流程,只会用GUI,甚至一点都没接触过的也大有人在。 重要的是,基本没有人知道为什么要这么做。 所以我想从git工...

iOS Safari浏览器上overflow: scroll元素无法滑动bug解决方法整理

Kinice · 2018-1-9 · 分类:工作日常 · 标签: js ios safari

 0

描述 此bug出现需要条件:父元素需使用绝对定位absolute或固定定位fixed,使用overflow: scroll / auto(或overflow-y: scroll / auto),内部子元素是动态大小(例如较大的svg document,近似为内嵌iframe,等等)。 bug出现原因:没有相关官方文档描...

vConsole-随地用的js console

Kinice · 2017-10-23 · 分类:工作日常 · 标签: js

 0

介绍 最近在搞移动端开发,被各种兼容性bug搞得焦头烂额。 关键是还特喵的没办法调试。 良知大佬告诉了我一个叫 vConsole 的工具,由微信前端团队开发,开源,可以直接查看mobile web上的js console以及其他功能。贴一下官方的功能列表: View console logs View networ...

2017年公司前端项目分类

Kinice · 2017-6-27 · 分类:工作日常 · 标签: web project

 0

1、Express展示网站(express) Key Tech: Node、Express.js、artTemplate、jquery、gulp、redis 说明: 此类项目使用Node+Express搭建后台与实现后台逻辑,使用前端template(artTemplate etc)进行模块化,页面逻辑使用原生js或j...

Element SPA项目模板上线啦!

Kinice · 2017-4-17 · 分类:工作日常 · 标签: js javascript vue

 3

Forked from vuejs-templates/webpack 修改自vue官方webpack模板 前言 由于公司之前的项目都是用我伟写的vueSpa(vue1),在vue2发布之后发现升级版本特麻烦。接下来需要做新的管理平台以及重构,总不能还用vue1吧,看了看vue-cli官方的webpack模板,上面说“...

读书小笔记:《你不知道的Javascript》

Kinice · 2017-2-26 · 分类:工作日常 · 标签: javascript

 0

作用域原理 js是编译型语言 js在编译时会执行LHS与RHS查询。LHS与RHS是对赋值操作两端的查询操作。LHS:找到容器。RHS:找到原值。 LHS 和 RHS 引用都会在当前层进行查找,如果没有找到,就会上一层, 如果还是没有找到就继续向上,以此类推。一旦抵达顶层(全局作用域),可能找到了你所需的变量,也可能...

遇到的小问题汇总

Kinice · 2017-2-23 · 分类:工作日常 · 标签: work html css javascript js node

 0

开个博记录一下平时遇到的一些小问题,以防忘记。 已解决 CSS问题 父容器中有一个长度不固定的子容器,如何让子容器在长度说不定会超过父容器的情况下自动居中? 如何用CSS解决文本溢出的问题?(文本截断)white-space: nowrap;overflow: hidden;text-overflow: ellip...

git revert撤销之前某次commit

Kinice · 2017-1-9 · 分类:工作日常 · 标签: git gerrit

 0

工作的时候作修改不小心把同事的提交冲掉了。 原因是在修改之前没有pull。 但是,在我提交之后,又有几次提交,同时别人也有几次提交,把错误的部分深深埋在了地下。 这时候,高人传授我一个技巧:git revert! 介绍 git revert是一次commit的反向操作,意为“撤销”。 使用后,会把指定的commit整个...

简单方式安装/升级/切换node版本的方法:n & nvm

Kinice · 2016-12-22 · 分类:工作日常 · 标签: nvm npm n node

 0

前天对博客的样式进行了一点修改,顺道把之前因年幼无知没有ignore掉的 node_modules/ 目录删掉了。 然后去服务器git pull,因为时间急迫赶着下班,node_modules/ 目录里文件太多,没pull完就把电脑合起来了。结果捏,broken pipe,需要重新 npm install。 然后理所应...

一些有趣的Useless小实验

Kinice · 2016-11-25 · 分类:脑洞钻孔 · 标签: HTML js css javascript

 0

一、假如HTML中出现两个<body>会怎么样? 我尝试在HTML中加入两个<body>,给它们各自的id,观察下在浏览器中会变成什么样,再用js分别输出一下。 为了方便,js直接写到HTML中了。 代码如下: <body id="bd1"> <h1...

Gerrit 'Can not merge' 问题整理

Kinice · 2016-11-24 · 分类:工作日常 · 标签: git gerrit

 0

在这种情况下, 不需要abandon 步骤如下: 更新本地仓库 (git fetch) 合并分支 (git rebase) 解决冲突 (git mergetool) 在上次commit的基础上提交 (git commit --amend) push到gerrit上即可 (git push origin HEAD:re...

本博客阿里云配置过程(三)怎么让我们的Node应用跑起来

Kinice · 2016-9-28 · 分类:工作日常 · 标签: js javascript node linux 服务器 nginx

 1

原理部分 这次直接上原理啦! 首先要明确一点,Node本身自带了http之类的模块,它自己可以处理http请求,也就是说Node本身就是一个服务器。而服务器需要监听机器的一个端口,当外界请求这个服务器的这个端口的时候,Node才会接收到相应的请求并作出回应。 当我们在浏览器中输入ip地址或者域名dns解析的时候,是发送...

上升的瓶颈与知识的缺失

Kinice · 2016-8-29 · 分类:脑洞钻孔 · 标签: 想法

 3

最近在研究Web MIDI & Web Audio的api,感觉受益颇多。但是,越是学习,越是工作,就越是觉得我的头顶上仿佛出现了一层坚韧的“膜”,无法穿过。 这层膜,其实就是瓶颈。 在所有需要技术知识积累的领域,都会有瓶颈这个词出现,代表着一个人在某种技能达到了某一种水准的上限。这种上限出现的频率,在我看来,...

本博客阿里云配置过程(二)Node线上环境配置篇

Kinice · 2016-8-23 · 分类:工作日常 · 标签: js javascript node linux 服务器 博客

 1

上一篇咱们说到了服务器购买和备案,做完那一套就可以拥有一台自己的服务器啦!哈哈哈哈哈 可惜仅有一台服务器并没有什么卵用,如果不是买的配置好的镜像,就得装一下运行环境。我博客的运行环境是Node+MongoDB,所以要安一下这俩。先说Node。 我这里默认读者的linux水平为入门,完全不懂的请学习下基本的再去买服务器,...

css实现左右顶头、宽度自适应的多列、多块并排,多列布局

Kinice · 2016-7-14 · 分类:工作日常 · 标签: css

 0

这是我之前在segmentfault上发表的的一篇文章,现转到这里来。 今天在工作中遇到了一个问题:有三个div块,里面放置展示内容,并排,中间有间隙,两边顶头,可以随屏幕大小自适应宽度。 我第一时间想到的是传统的三列布局,但传统的三列布局都是固定宽度加自适应宽度,从网上搜了好久都没有搜到结果。所以自己想办法。 第...

git tag使用整理及公司tag流程

Kinice · 2016-7-7 · 分类:工作日常 · 标签: git server js

 1

git tag是git为版本发布创建的为某一时间点的版本做标记的功能,在公司进行版本发布的时候很常用。最近公司修改了上线流程,增加了gerrit,上线之前必须要打tag,so这里整理一下git tag的使用方法。 列出标签 $git tag #列出所有标签 $git tag -l '1....

ionic项目本地配置及调试方法记录

Kinice · 2016-5-2 · 分类:工作日常 · 标签: ionic javascript

 0

一、安装node 安装node之后会将npm一起安好,还有执行下面步骤的时候node是很重要的环境。具体安装方法很简单,不再赘述。 二、利用npm安装 用npm执行下面的命令: $ npm install -g cordova ionic 这样就同时全局安装好了cordova和ionic,可以使用cordova和ion...

本博客阿里云配置过程(一)服务器及域名备案篇

Kinice · 2016-4-12 · 分类:工作日常 · 标签: 服务器 博客

 0

已经过了蛮长时间了,再不写下来我就要忘记了,趁着今天还没有活儿记录一下。 买服务器,域名 服务器 服务器选择了阿里云,因为在做一个学生降价活动,还送了代金券,就义无反顾了。大约花了60块,买了6个月,域名备案送了一段时间,大约8个月,代金券买了1年的域名,很划算。学生非常推荐,配置一个自己的服务器,不管是学习还是成就感...

毕设开题报告-基于Ionic+Cordova开发框架的HTML5移动WEB博客app

Kinice · 2016-3-16 · 分类:脑洞钻孔 · 标签: 毕业 html

 0

1 研究意义、国内外研究现状、水平和发展趋势 1.1 研究意义 自2007年第一代iphone发布以来,智能手机在世界范围内快速发展,逐渐占领了近乎90%的手机市场。而智能手机的“智能”则体现在其开放的应用平台与层出不穷的优秀移动应用上。在如此庞大的用户群体下,移动应用的开发与革新也呈现出指数形态的增长曲线。而在几年之...

从一行代码里面学点JavaScript

Kinice · 2016-3-6 · 分类:牛B网文 · 标签: javascript

 0

本文转载自前端乱炖,原文作者张小俊128,原文地址是从一行代码里面学点JavaScript 从一行代码里面学点JavaScript 现如今,JavaScript无处不在,因此关于JavaScript的新知识也是层出不穷。JavaScript的特点在于,要学习它的语法入门简简单,但是要精通使用它的方式却是一件不容易的事。...

Codewars刷题遭虐之一

Kinice · 2016-2-19 · 分类:工作日常

 0

题目很简单,不过是求数组平均数而已。但是看了老外写的东西还是觉得三观受了冲击(┐「ε:) 题目如下: Description:Given an array of integers, calculate the Average of these numbers.Main challenge is to write sh...

Sticky Footer

Kinice · 2016-2-17 · 分类:牛B网文

 0

这是我之前在SegmentFault上提的一个问题:SegmentFault。 问题如下: 网页主体内容高度不定,如何让footer在高度太低的时候固定在底下,长的时候被顶下去? 一位网友贴了一段外国人写的代码上来,震惊到我了,好聪明! HTML: <div class="page-wrap&quo...

数据平台心得

Kinice · 2016-2-17 · 分类:工作日常

 8

在做数据平台的时候使用了vuejs框架。 开始我们几个都是新学习,在一个main.js中就加了所有的逻辑。导致了一系列问题: 代码难以阅读,前言不搭后语。 所有逻辑都挤在一起,只能通过起不同的名字来区分。 耦合性过高,大部分的方法无法复用。 臃肿,难以维护。 很难添加新的功能,最终会导致废掉。 所以,避免废掉,豪哥...

2016大年夜唯一一行代码

Kinice · 2016-2-7 · 分类:工作日常

 2

alert("新年快乐,我下一年一定更努力");

这个博客开发进度已经到40%了吧。。

Kinice · 2016-1-27 · 分类:脑洞钻孔

 11

现在不清楚这个域名有没有备案成功,在不同的地方访问均有不同的结果,真的是醉醉的了。。。(╯‵□′)╯︵┻━┻ 本博客的“关于我”、按类型分的文章列表、留言、search、优酷视频的导入均是坑,做东西虽然说要讲究完美,但现在的水平还很低,就连这个博客的页面设计也很不好看,至少我不是很满意。早知道我就去搞个wordpre...