sfornt - 博客园

2018年11月11日

摘要：常用前端布局，CSS技巧介绍对前端常用布局的整理总结，并对其性能优劣，兼容等情况进行介绍 css常用技巧之可变大小正方形的绘制元素高度可变，需要元素内部元素水平垂直居中（主要是垂直）方案对于单行文本和多行文本超出部分 ... 自定义文本选择样式杂项 css变量使用查看详情 border为1 阅读全文

posted @ 2018-11-11 18:27 sfornt 阅读(436) 评论(0) 推荐(0) 编辑

node+express框架中连接使用mysql经验总结

摘要：最近在学习node.js，做了一个练手项目，使用node.js+express框架，配合mysql数据库和前端vue框架开发一个多人文档编辑系统。 koa,express,node 通用方法连接MySQL node.js环境下express+mysql的服务端项目示例首先是环境搭建： node环境阅读全文

posted @ 2018-11-11 18:26 sfornt 阅读(9429) 评论(0) 推荐(1) 编辑

编写 Node.js Rest API 的 10 个最佳实践

摘要： Node.js 除了用来编写 WEB 应用之外，还可以用来编写 API 服务，我们在本文中会介绍编写 Node.js Rest API 的最佳实践，包括如何命名路由、进行认证和测试等话题，内容摘要如下：正确使用 HTTP Method 和路由正确的使用 HTTP 状态码使用 HTTP Head 阅读全文

posted @ 2018-11-11 18:25 sfornt 阅读(638) 评论(0) 推荐(0) 编辑

21个值得收藏的Javascript技巧

摘要：在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。 1 Javascript数组转换为CSV格式首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，阅读全文

posted @ 2018-11-11 18:23 sfornt 阅读(148) 评论(0) 推荐(0) 编辑

2018年11月10日

我们为什么需要 lock 文件

摘要：前言从 Yarn 横空出世推出 lock 文件以来，已经两年多时间了，npm 也在 5.0 版本加入了类似的功能，lock 文件越来越被开发者们接收和认可。本篇文章想从前端视角探讨一下我们为什么需要 lock 文件，以及它的一些成本与风险，当然其中一些观点对于后端也是适用的。为什么需要 lock 阅读全文

posted @ 2018-11-10 22:15 sfornt 阅读(156) 评论(0) 推荐(0) 编辑

谈一谈flex布局使用中碰到的一些问题

摘要：起因工作以后由于大量使用到了flex布局而碰到了一些尚不清楚的问题，以及一些有意思的特性，在此写篇博客记录一下。 flex三个值的含义众所周知，flex布局所有的属性有两种：一种作用在弹性容器（Flex container）上，一种作用在弹性项目（Flex item）上，而flex就是作用在弹性阅读全文

posted @ 2018-11-10 22:13 sfornt 阅读(1189) 评论(0) 推荐(0) 编辑

JavaScript模块化编程之AMD

摘要：简单的说一下AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。 require.js作用实现js 阅读全文

posted @ 2018-11-10 21:04 sfornt 阅读(180) 评论(0) 推荐(0) 编辑

Vue -computed传参数

摘要： vue 中computed想传递参数怎么办？闭包在这里起到的重要的作用 vue 组件间传值阅读全文

posted @ 2018-11-10 21:03 sfornt 阅读(1456) 评论(0) 推荐(0) 编辑

React 手稿 - Component state

摘要： Component state 实例： import React, { PureComponent } from 'react'; export default class extends PureComponent { constructor(props) { super(props); this 阅读全文

posted @ 2018-11-10 21:02 sfornt 阅读(135) 评论(0) 推荐(0) 编辑

在 vue-test-utils 中 mock 全局对象

摘要： vue test utils 提供了一种 mock 掉 Vue.prototype 的简单方式，不但对测试用例适用，也可以为所有测试设置默认的 mock。 mocks 加载选项 mocks 加载选项是一种将任何属性附加到 Vue.prototype 上的方式。这通常包括： $store , for 阅读全文

posted @ 2018-11-10 20:55 sfornt 阅读(965) 评论(0) 推荐(1) 编辑