前端
文章平均质量分 50
lorinzhang
纸上得来终觉浅,绝知此事要躬行
展开
-
手机端调试html5
ios手机调试:手机端配置:设置 -> safari浏览器 -> 高级 -> 打开JavaScript & Web检查器pc端配置:safari浏览器 选择开发 -> xx的MacBook Pro -> 自动显示JSContext 的网页检查器安卓手机调试:手机端环境: ##### 非微信环境安装谷歌浏览器打开开发者模式 (请根据不同机型自行百度)谷歌浏览器 输入访问地址微信环境微信中访问 http://debugx5.qq.com.原创 2021-10-09 11:08:18 · 727 阅读 · 0 评论 -
前端网站性能指标
FP(First Paint)页面在导航后首次呈现出不同于导航前内容的时间点。通过浏览器的 window.performance.getEntriesByName(‘first-paint’)可以获取。FCP(First Conentful Paint)首次绘制任何文本,图像,非空白canvas或SVG的时间点。通过浏览器的 window.performance.getEntriesByName(‘first-contentful-paint’)可以获取。First Meaningful Pai原创 2021-10-08 17:10:14 · 543 阅读 · 0 评论 -
Swagger UI的使用
一个项目有一个好的API 文档会减少很多沟通成本,很大的提供工作效率,介绍一个神奇 Swagger UI使用node 快速搭建一个API文档-下载Swagger UI git clone https://github.com/swagger-api/swagger-ui.git-下载express npm install express --save npm install -g原创 2016-08-16 17:04:36 · 3772 阅读 · 2 评论 -
angular 2 学习笔记 1--Hello world
Hello world按步骤学习安装node.js 和 npm创建项目配置文件创建一个根模块创建一个根component启动你的应用定义一个网页编译运行node.js node 需要 v5.x.x npm 需要 3.x.x,可以分别使用使用 node -v 和 npm -v查看创建项目配置文件新增一个项目目录,比如 webapp ,然后在 webapp 目录下面新增下面四个配置原创 2016-09-28 15:50:10 · 1556 阅读 · 1 评论 -
angular 2 学习笔记 2--理解项目结构
不知如何写文字,先看看官方给的图 没看大明白,因为其中有我们不知道的名词,那先回头看看之前的helloworld 的结构,然后再撸了了一下过程,再想一下mvc 结构,再想一下mvvm ,然后草图一下最终得到:这图真难看。看不懂得看热闹,看懂的也看热闹. 得到几个名词,我们暂时不考虑单页面应用,不用考虑前端路由。写的可能不准确,who care Component :一个component 可原创 2016-10-20 18:13:34 · 1367 阅读 · 0 评论 -
使用适合自己的html5 开发方式
无论什么东西选择适合自己的最重要先看一下前端团队协作模式正如上图,第三步,就是开发人员所在位置原创 2017-08-19 12:04:37 · 468 阅读 · 0 评论 -
持续集成流程设计(自动化布署)
如上图,bitbucket 也可以替换为其他git 仓库,比如gitlab 也可以搭建自己的服务端打包工具中 FIS/GULP 也可以替换为 webpack原创 2018-05-17 14:49:58 · 1058 阅读 · 0 评论 -
构建自己的脚手架
当我们愉快的使用vue-cli 的时候可能会想到他是如何帮我们生成目录的参考了scion 感谢 scion - 什么时候需要脚手架 - 脚手架的原理 - 技术栈项目开始从零开始搭建项目结构,尤其是公司内一些增长运营的短期项目,有可能生命周期短,频繁新建项目,这时候脚手架可以帮助我们迅速创建结构如果你了解过yeoman,并用yeoman 生成过项目,那么可以思考一下生成...原创 2018-08-28 20:17:30 · 2381 阅读 · 0 评论