ian.liu-CSDN博客

原创 Nuxt.js 从搭建到发布

Nuxt.js 从搭建到发布一个基于 Vue.js的服务端渲染应用框架，nuxt 解决了SPA的通病（首屏白屏，SEO）1. 搭建Nuxt1.1 快速入门为了快速入门，Nuxt.js团队创建了脚手架工具 create-nuxt-app 确保安装了npx（npx在NPM版本5.2.0默认安装了），详细查询官网教程$ npx create-nuxt-app <项目名&gt...

2019-11-20 10:06:03 1397 2

原创 Vue 如何配置 Sentry

sentry/webpack-plugin：默认错误信息是压缩后的，不能定位到代码的实际位置；采用自动上传策略，在。文档配置环境：Vue-cli 3.0 、[email protected]、[email protected]。url：上传的服务器根目录，自己不搭建Sentry服务器不用改。token：授权的Token。project：项目名称。org：注册时填写的组织。

2023-11-03 18:05:14 397

每项指标测量用户体验的不同方面：LCP 测量感知加载速度，并在页面的主要内容基本加载完成时，在页面加载时间轴中标记出相应的点；为了对页面或网站的整体性能进行分类，我们取该页面或网站的所有页面浏览量的第 75 个百分位数。因此，如果 LCP 的第 75 个百分位数为 2 秒，就会被归类为"良好"，而如果 LCP 的第 75 个百分位数为 5 秒，则会被归类为"欠佳"。sentry以每个页面（路由）加载为单位，然后搜集这个页面加载过程中的接口请求，资源下载等等数据，之后统一跟随这个页面一起上报。

2023-11-03 17:58:57 116

原创 TradingView - K线使用详解

TradingView - K线文章目录TradingView - K线1 前言2 如何使用2.1 项目引入 Tradingview 静态资源包[强制] 静态资源包 `charting_library-master` 放在目录 `static` 里。2.2 项目添加 Tradingview 核心库 charting_library.min.js[建议] 在项目的运行入口 `index.html` 里添加2.3 挂载 Tradingview 到 Vue 组件[建议] 预挂载，提升K线渲染效率。2.4 获取

2021-03-29 11:25:33 4743 1

原创 vue如何配置eslint

eslint1 eslint 介绍ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格2 项目配置eslint2.1 安装依赖包 "eslint": "^6.0.1", "eslint-config-standard": "^12.0.0", "eslint-friendly-formatter": "^4.0.1", "eslint-loader": "^2.2.1",

2021-03-29 11:18:57 709

原创 react-native 学习笔记

环境搭建：详情见官网node、react-native-cli、python2、JDK1.8、AndroidStudio一、准备工作选择性安装组件redux：统一状态管理react-redux：提供provide、connect API，绑定react组件获取storeredux-devtools：redux开发者工具，支持热加载、action重放、自定义UI等redux-th...

2019-06-21 18:01:23 228

原创 react-dva 笔记

一、什么是dvadva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装。dva 是 react 和 redux 的最佳实践。最核心的是提供了 app.model 方法，用于把 reducer, initialState, action, saga 封装到一起。官网 dva = React-Router + Redux + Re...

2019-05-31 16:46:49 219

原创 Vue 笔记

1.热重载：修改template异步渲染修改JS会重新加载组件、保持组件状态统一vue-style-loader解决style热重载，2.scope：<template> <div class="example" data-v-f3f3eg9>hi</div></template><style> .example...

2019-05-08 11:02:19 92

原创 es6 笔记

1.基础类型：undefind、null、Boolean、String、number、Object、symbol2.promise:表示一个异步操作的最终状态（成功或失败），并有结果返回特点：1.对象的状态不受外界影响 2.从pending变为Resolved和从pending变为rejected，状态一旦改变，无法再改变优点：1.解决回调地狱缺点：1...

2019-04-29 21:58:11 100

原创 Sass和Less的区别

一、sass与less的区别：1.实现方式：Less是基于JavaScript，是在客户端处理的Sass是基于Ruby的，是在服务器端处理的2.变量：Less: @Sass: $3.Sass比Less扩展语法多二、less1.变量：@name2.混合：定义.class{} 、使用 .class()3.嵌套：.class{.class{}}4.注释：/***/ , //5...

2019-04-29 21:42:09 385

原创 react 笔记

一、生命周期：初始化getDefaultProps() getIniterStates() componentwillmount() render() componentdidmount()运行中componentWillReceiveProps() shouldComponentUpdate() componentwillUpdate() render() componen...

2019-04-29 21:32:31 112

原创 nuxt + ant-design-vue + less + es6 + webpack + express (seo,ssr)

Github:https://github.com/liu-ian/nuxt-ant-design-vue1.asyncData 只能在pages组件使用2.fetch 只操作store，不返回组件数据3.@nuxt/axios 会在url前自动添加’/api’4.vuex会随着浏览器刷新数据丢失，使用**Storage5.引入antd.less 覆盖主题变量 build:{ ...

2019-03-24 11:44:48 2108 1

q2235141的博客