摘要:
手动修改了 package.json 文件中已有模块的版本 直接执行npm install不会安装新指定的版本 解决办法 npm install xx@xxx 安装指定版本 解释 因为执行npm install会首先查看package lock.json 该文件的目的是将其提交到源存储库中,以保证依
阅读全文
posted @ 2017-11-27 18:23
弗朗西斯科
阅读(2017)
推荐(0)
摘要:
目录目录配置说明配置vue-router配置nginx配置说明配置vue-routerconst router = new VueRouter({ mode: 'history', routes: [...]})配置nginxserver { listen 80; server_name [your domain]; root [root path]; add_header C...
阅读全文
posted @ 2017-11-24 11:20
弗朗西斯科
阅读(932)
推荐(0)
摘要:
```js
let arr = [1, 2, 2, 3];
let set = new Set(arr);
let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。 console.log(newArr); // [1, 2, 3]
```
阅读全文
posted @ 2017-11-23 18:57
弗朗西斯科
阅读(7585)
推荐(0)
摘要:
以前前后端协作的方式 1. 后端丢个接口的契约代码给你 2. 后端写到wiki里,代码更新,文档更新不及时 Swagger Swagger 是很多产品的总称。包含最核心的规范 Swagger Specification,编辑器 Swagger Editor,图形界面 Swagger UI,代码生成器
阅读全文
posted @ 2017-11-21 23:39
弗朗西斯科
阅读(1710)
推荐(0)
摘要:
解决办法如下: build/dev server.js中: var server = app.listen(port, 'localhost') 改为: var server = app.listen(port) 或 var server = app.listen(port, '0.0.0.0')
阅读全文
posted @ 2017-11-21 17:33
弗朗西斯科
阅读(382)
推荐(0)
摘要:
一款不包含框架(例如:Vue、React、Angular 等)的 Webpack 启动器 地址见:https://github.com/SinanMtl/webpack simple starter 特性 Bootstrap and depended javascript frameworks li
阅读全文
posted @ 2017-11-21 16:29
弗朗西斯科
阅读(261)
推荐(0)
摘要:
如果你的ss代理端口是1080,像下面这样设置 只针对github加速,不针对coding等国内git
阅读全文
posted @ 2017-11-14 10:55
弗朗西斯科
阅读(3370)
推荐(0)
摘要:
通常我们后端这样设置跨域头 服务端将响应头设置成Access Control Allow Origin:域名 有时,前端需要向后端发送cookie来进行身份验证 此时,服务器还需向响应头设置Access Control Allow Credentials:true,表示跨域时,允许cookie添加到
阅读全文
posted @ 2017-11-10 11:03
弗朗西斯科
阅读(5945)
推荐(0)
摘要:
npm常用命令指北常用命令语义化版本2.0.0发布你的npm packagenpm常用命令指北经常遇到一些命令,不太熟悉,趁着周末总结一下。NPM文档常用命令查看工程下面某个依赖的版本号npm ls vue 查看工程下面所有的依赖npm ls 查看全局的依赖npm ls -g更新某个包npm update vue查看过期的包npm outdated脚本npm start = npm run st...
阅读全文
posted @ 2017-10-28 14:55
弗朗西斯科
阅读(162)
推荐(0)
摘要:
不需要使用Fiddler Charles拦截http请求了,我们可以使用前端调试利器NProxy。只需要一个npm包,加上一个配置文件,并且支持全平台。官网http://goddyzhao.me/nproxy/安装npm install -g nproxy (node >= v0.8.x is required)使用nproxy -l replace_rule.js Setting your br...
阅读全文
posted @ 2017-10-28 09:45
弗朗西斯科
阅读(1834)
推荐(0)
摘要:
是什么 dev -> 软件开发人员 ops -> IT运维 devops是链接dev和ops的桥梁,是一种工程实践方式,是一个方法论。 在招聘网站上,通常是一个职位,或者是资深运维工程师。 基本需要的技能 传统分工模式 传统分工模式下,PD将需求提出来,开发者根据需求写代码,然后告诉SCM,SCM拿
阅读全文
posted @ 2017-10-28 09:07
弗朗西斯科
阅读(355)
推荐(0)
摘要:
今天看到哔哩哔哩图片站的图片hover效果,看了下f12,写了个demo。codepen代码如下https://codepen.io/bhaltair/pen/zPOxry原理是:利用图片容器设置transform: scale(1.1),并且设置transition: transform 0.5s;外层容器设置定宽和定高,overflow:hidden外层容器hover的时候设置图片容器scal...
阅读全文
posted @ 2017-10-26 22:57
弗朗西斯科
阅读(1999)
推荐(0)
摘要:
Autoprefixer默认将支持主流浏览器最近2个版本不过你可以在自己的项目中通过名称或者模式进行选择:主流浏览器最近2个版本用“last 2 versions”;全球统计有超过1%的使用率使用“>1%”;仅新版本用“ff>20”或"ff>=20".修改autoprefixer配置位于package.json的browserslist字段 "browserslist": [ "> 1%"...
阅读全文
posted @ 2017-10-26 11:37
弗朗西斯科
阅读(204)
推荐(0)
摘要:
最近面试,被问到了HTTP的相关知识,深知自己的不足,于是恶补了一下。 请求头的字段 user agent pragma Cache control Referer Accept Cookit If Modified Since If None Match 响应头的字段 content type D
阅读全文
posted @ 2017-09-20 22:06
弗朗西斯科
阅读(248)
推荐(0)
摘要:
首先介绍一下 MWeb 是什么,MWeb 是专业的 Markdown 写作、记笔记、静态博客生成软件。MWeb 使用的是 Github Flavored Markdown 语法,在使用 MWeb 前,建议你一定要去 MWeb 官网首页 看一下介绍视频,MWeb 官网也做了比较详细的帮助,建议你也看一下大概内容,帮助的网址为:http://zh.mweb.im/help.html。需要您重点注意的M...
阅读全文
posted @ 2017-09-09 07:58
弗朗西斯科
阅读(264)
推荐(0)
摘要:
什么是关键渲染路径? 从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理,从而将它们转变成渲染的像素这一过程中有一些中间步骤 浏览器渲染页面前需要先构建 DOM 和 CSSOM 树。因此,我们需要确保尽快将 HTML 和 CSS 都提供给浏览器。 DOM 树与 CSSOM
阅读全文
posted @ 2017-09-08 13:53
弗朗西斯科
阅读(502)
推荐(0)
摘要:
支持ES6 Moudule的调试 支持移动设备模拟 低端机器模拟 存储使用率 包括IndexDB cache local session 查看service worker缓存响应的时间戳 设置鼠标滚轮的行为放大或是scroll 启用fps ctrl+shift+p 输入fps来启用 webAPP现在
阅读全文
posted @ 2017-09-07 10:53
弗朗西斯科
阅读(270)
推荐(0)
摘要:
启动node.js脚本 $ NODE_ENV=production API_KEY=442CC1FE 4333 46CE 80EE 6705A1896832 node server.js Node.js 控制台 REPL 在终端敲node进入repl 1+1 a = 1; 基础知识 Node.js是
阅读全文
posted @ 2017-07-16 22:01
弗朗西斯科
阅读(188)
推荐(0)
摘要:
practical node.js 电子书
阅读全文
posted @ 2017-07-16 21:22
弗朗西斯科
阅读(151)
推荐(0)
摘要:
基于nodeJS的CMS内容管理系统keystone
阅读全文
posted @ 2017-06-04 11:11
弗朗西斯科
阅读(9925)
推荐(1)
posted @ 2017-06-04 09:27
弗朗西斯科
阅读(653)
推荐(0)
摘要:

最近在expres中和浏览器段都使用了handlebars模板引擎,所以干脆抽时间吧内容整理下来。
阅读全文
posted @ 2017-06-03 23:33
弗朗西斯科
阅读(260)
推荐(0)
摘要:
JS中的高频事件有scroll recize mouseover。 如果频繁触发事件绑定函数,会导致浏览器性能上的损失。 因此我们通常会添加延迟执行的逻辑。 在underscore.js里面有debounce和throttle这两个方法。 throttle创建并返回一个节流阀一样的函数,当重复调用函
阅读全文
posted @ 2017-06-03 23:00
弗朗西斯科
阅读(224)
推荐(0)
摘要:
阅读全文
posted @ 2017-05-17 08:28
弗朗西斯科
阅读(1600)
推荐(1)
摘要:
阅读全文
posted @ 2017-05-16 07:57
弗朗西斯科
阅读(437)
推荐(0)
posted @ 2017-05-04 21:39
弗朗西斯科
阅读(421)
推荐(0)
摘要:
Webstorm 前端开发编辑器 Dash API手册 非常推荐 Gitup 图形化的Git客户端 f.lux 自动调节色温 iTerm2 终端模拟器 Tyepora Markdown编辑器 Moom 窗口管理器
阅读全文
posted @ 2017-05-04 17:33
弗朗西斯科
阅读(962)
推荐(0)
摘要:
最近,开发平台从windows转型到mac。 刚开始还真不适应 不过使用了几天之后 还是很不错的。 那么我们来认识一下目录,用过linux的应该很好适应unix的mac MAC是Unix系统 和Windows的文件截然不同。我们都知道用windows,软件默认安装目录是c://program fil
阅读全文
posted @ 2017-04-16 12:04
弗朗西斯科
阅读(1234)
推荐(0)
摘要:
通常开发vue我们使用的是模板语法,其实还有和react相同的语法,那就是render函数,同样支持jsx语法。 Vue 的模板实际是编译成了 render 函数。 0 传统的createElement方法 <anchored-heading :level="1"> <span>Hello</spa
阅读全文
posted @ 2017-03-30 22:24
弗朗西斯科
阅读(9050)
推荐(0)
摘要:
edit dev.proxyTable option in config/index.js. The dev server is using http-proxy-middleware for proxying 为了解决跨域问题, 通常会使用Jsonp,但是jsonp只能是get请求。 或者使用CO
阅读全文
posted @ 2017-03-30 15:40
弗朗西斯科
阅读(1770)
推荐(0)
摘要:
前端需要掌握的Linux知识 (一)
阅读全文
posted @ 2017-03-19 17:53
弗朗西斯科
阅读(1263)
推荐(0)
摘要:
atom编辑器 apm指令配置代理
阅读全文
posted @ 2017-03-11 16:09
弗朗西斯科
阅读(1279)
推荐(0)
posted @ 2017-02-25 11:20
弗朗西斯科
阅读(9385)
推荐(1)
posted @ 2017-02-13 14:42
弗朗西斯科
阅读(2275)
推荐(0)
摘要:
利用node.js实现爬虫,并且爬取豆瓣电影top250的列表和图片。 1 什么是node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaS
阅读全文
posted @ 2017-01-31 11:18
弗朗西斯科
阅读(498)
推荐(0)
摘要:
Progressive Web Apps 简称PWA,是一种接近原生用户体验的渐进增强的web-app.从浏览器演进而来,沉浸式的体验,改进web的性能低下等。是Google 在2015年提出,今年才推广开来。其宗旨是渐进增强,不再有媲美原生应用的想法,而是让 WebApp 变得更加对移动环境友好,
阅读全文
posted @ 2017-01-12 20:46
弗朗西斯科
阅读(5298)
推荐(0)
摘要:
最近微信小程序很火,很喜欢那种轻应用,用完就走的理念。于是,下载好微信开发者工具,学习一下官方demo。 体验下来,有类似react和vue的感觉,dom类似react那种组件的,data-binding和vue类似。 1 注册 到微信公众平台申请账号,https://mp.weixin.qq.co
阅读全文
posted @ 2017-01-10 21:50
弗朗西斯科
阅读(2759)
推荐(1)
摘要:
1 掘金 新标签默认打开,每日热门前端内容,Github热门star数,让你不out 2 谷歌访问助手 你懂的 3 react developer tools react代码调试工具,查看state和props 4 Vue.js devtools 同上 5 WEB前端助手(FeHelper)* 百度
阅读全文
posted @ 2017-01-08 22:46
弗朗西斯科
阅读(1899)
推荐(0)
摘要:
前言:家里的树莓派吃灰很久,于是拿出来做个室内温度展示也不错。 板子是model b型。 使用Python开发,web框架是flask,温度传感器是ds18b20 1 硬件连接 ds18b20的vcc连接树莓派的vcc , gnd连接gnd,DS连接GPIO4 2 ssh登录树莓派查看ds18b20
阅读全文
posted @ 2017-01-04 22:02
弗朗西斯科
阅读(2924)
推荐(0)
摘要:
1 利用父组件传递 A组件传递到父组件,再由父组件传递到B组件 2 利用新的vue实例 3 使用vuex进行管理状态 Vuex 之于 Vue 就像 Redux 之于 React 文档在这里http://vuex.vuejs.org/zh cn/getting started.html
阅读全文
posted @ 2016-12-26 17:05
弗朗西斯科
阅读(2059)
推荐(1)