WEB前端笔记

移动端布局fixed问题解决方案

react知识点总结

[推荐]webpack实用部分

代理配置proxy:{ //将本地 /api/xxx 代理到localhost:8080/api/xxx '/api':&...

最新文章

promise相关问题总结

promise状态以及优缺点promise有三种状态: fulfilled, rejected, pending Promise 的优点: 一旦状态改变，就不会再变，任何时候都可以得到这个结果可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数 Promise 的缺点: 无法取消 Promise当处于pending状态时，无法得知目前进展到哪一个阶段 Promise和setTimeout的区别Promise 是微任务，setTimeout 是宏任务，同一个事件循环中，promise.t...

JS知识点 2020-03-23 1118 0
JS一些特殊的使用

生成随机字符串Math.random().toString(36).substring(2);获取本地时间new Date().toLocaleString().slice(10,19))数组去重var arr = [3, 9, 4, 3, 6, 0, 9]; //1 var newArr = arr.reduce((prev, cur) => { !prev.includes(cur) && prev.push(cur); return prev; }, []); //2...

JavaScript 2020-01-11 1059 0
Optional Chaining非常省时省力的语法

Optional Chaining问题dataJs .getData({ type: this.type, }) .then(_ => { if (_.data) { let data = _.data; if (data.result) { let result = data.result; if (result.details) { this.details = result.det...

JS知识点 2019-12-21 1174 0
webpack性能优化

babel-loader优化开启缓存，开发环境常用 { test: /\.js$/, loader: ['babel-loader?cacheDirectory'],// 开启缓存 include:path.resolve(__dirname,'src'),//明确范围 // 排除范围 include和exclude两者选一个 /...

前端框架 2019-11-22 1242 0
Angular8 - Q&A

angular——QA注解(装饰器) & 指令注解(装饰器)@xxxx ,本质是一个函数，return fn ,TS 的特性自定义装饰器@FilterMoney() money = 1000; export function FilterMoney() { const toMoney = num => { num = num.toFixed(2); num = parseFloat(num); num = num.toLocaleString();...

前端框架 2019-11-02 1247 0
babel的使用与配置

前端开发必备工具同webpack,需要了解基本配置和使用环境搭建&基本配置//package.json "devDependencies": { "@babel/cli": "^7.7.5", "@babel/core": "^7.7.5", "@babel/plugin-transform-runtime": "^7.7.5",...

前端工具 2019-10-10 1111 0
sentry sourceMap 配置

sentry sourceMap 配置最终效果配置步骤1.创建token 2.引入包npm install --save-dev @sentry/webpack-plugin ˂a name="3.创建 .sentryclirc" class="reference-link" href="#"˃3.创建 .sentryclirc[auth] token=d1d0981928a54d52b918993de796fa97c6c5c529b5aa4d3896813d001c3a5ccd [defaults...

后端技术 2019-09-26 3199 0
Vue项目使用eslint

vue项目使用eslint基于vue-cli3新生成的项目已集成。工作流程每次进行git commit的时候会进行npm run lint {提交的文件} --fix，如果lint没通过，则无法进行提交。规则使用airbnb。配置仅对于以前vue-cli3生成的项目。 eslint autofix开发当中如果编写的代码不符合eslint规则，在保存时会自动修复为符合规则的代码，效果如下：以前生成的项目，因为官方依赖@vue/cli-plugin-eslint的问题，导致autofix无效(新生...

Vue 2019-09-12 1187 0
前端监控平台sentry

前端监控平台sentry什么是sentrysentry官网以下是官网首页关于Sentry的介绍 Stop hoping your users will report errors停止期待您的用户反馈错误Open-source error tracking that helps developers monitor and fix crashes in real time. Iterate continuously. Boost efficiency. Improve user experience帮助开发...

后端技术 2019-08-16 1986 0
vue项目接入sentry

vue项目接入sentry新建项目在首页，点击右上角Add new...，选择项目。在对应的地方输入项目名, team选fe_team, 然后创建项目即可。创建完成之后，点击Get your DSN，并保存公用DSN。使用sentrywebpack项目安装@sentry/browser(Sentry’s browser JavaScript SDK)。安装@sentry/integrations(Vue Error Handling)。 npm i @sentry/browser...

Vue 2019-08-08 2469 0