SEARCH: javascript

前端自动化工作流中的hooks

Kinice · 2019-5-20 · 分类:工作日常 · 标签: git npm shell

在前端的日常工作中,经常会出现“当执行一种操作之前(之后)需要同时执行另一种操作”的情况,比如我们希望在每次git commit之前都运行eslint代码检查、npm install之前检查项目依赖等。作为经典的情况,各类工具都可以让我们在特定的动作发生时触发自定义脚本,这个功能就叫钩子hooks。 日常经常用到的工具...

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库...

Parcel目前踩到的坑

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

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

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模板,上面说“...

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

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

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

遇到的小问题汇总

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...

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

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

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

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

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

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

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

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

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

毕设开题报告-基于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的特点在于,要学习它的语法入门简简单,但是要精通使用它的方式却是一件不容易的事。...

数据平台心得

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

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