SEARCH: css

Gulp4 Koa项目简单配置示例

Kinice · 2019-1-18 · 分类:工作日常 · 标签: js javascript gulp gulp4

介绍 这段配置是之前的gulp版本不适配新版本node后,更新到了gulp4的新写法。 在业务中,目前使用这份配置的是一个Koa2+njk项目,所以增加了nodemon来启动server。 分别用到的技术为: Less + autoprefixer + cleancss + sourceMap Js + es6(ba...

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

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

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

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

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

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

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

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

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

2017年公司前端项目分类

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

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

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

遇到的小问题汇总

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

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

一些有趣的Useless小实验

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

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

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

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

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

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

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

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

从一行代码里面学点JavaScript

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

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

Sticky Footer

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

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

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

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

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