开发经验 - 随笔分类 - 前端加油站

前端监控系统那些事之数据上报

摘要：数据上报数据埋点前端常见的埋点方案：代码埋点、可视化埋点、无痕埋点代码埋点：开发人员自己开发，可自定义在何处设置埋点可视化埋点：一般情况会使用第三方的方案，通过配置，对UI通用类的元素进行设置无痕埋点：一般是通过嵌入SDK，来监控我们的前端页面或者http请求的数据埋点 | - | 代码埋阅读全文

posted @ 2022-09-03 17:30 前端加油站阅读(316) 评论(0) 推荐(0) 编辑

工作问题记录：elementUI 中表单校验问题

摘要：问题背景：在父组件中无法调用子组件中的表单校验事件。validate 的方法不执行。处理过程最开始问题定位到表单校验时返回的值返回不出来，误认为子组件中没法同步返回，于是定义了异步返回数据，但在父组件仍然没有接收到结果。后来debugger代码时发现，表单校验并没有执行validate这个回阅读全文

posted @ 2022-04-24 18:55 前端加油站阅读(235) 评论(0) 推荐(0) 编辑

H5跳转问题记录

摘要：H5跳转问题 #####1. 问题记录在嵌入在APP的页面中，出现了H5的多层级跳转返回混乱的问题。我们在页面跳转的时候统一用了window.location.replace这样的本意是在history的栈中，推进了当前栈，history栈的长度+1的。当触发webview的返回事件时，最好是选择阅读全文

posted @ 2022-03-21 14:50 前端加油站阅读(769) 评论(0) 推荐(0) 编辑

关于新开页面的传值问题

摘要：欢迎大家访问我的博客dreamITGirl，不要吝啬你们的小星星，点个star～有问题的话，你可以将问题在 GitHub问我. 新开浏览器页签的传值问题 1. 业务背景在新建/修改/详情等二级或者三级新打开的页签中，需要实现传递参数的功能，并同时刷新上一级页面 2. 思考方式：使用 loca 阅读全文

posted @ 2022-02-23 16:04 前端加油站阅读(159) 评论(0) 推荐(0) 编辑

XXS攻击

摘要：欢迎大家访问我的博客dreamITGirl，不要吝啬你们的小星星，点个star～有问题的话，你可以将问题在 GitHub问我. 一. 什么是XSS攻击 Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上阅读全文

posted @ 2022-02-23 16:03 前端加油站阅读(185) 评论(0) 推荐(0) 编辑

什么是微前端

摘要：什么是微前端官网上是这么描述的 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. 背景从官网我们可以阅读全文

posted @ 2022-02-23 16:02 前端加油站阅读(1572) 评论(0) 推荐(0) 编辑

vue中nextTick的使用

摘要：最近使用vue的vm.$nextTick的用法比较多，现在整理一下它的用法。推荐阅读：http://www.ruanyifeng.com/blog/2014/10/event-loop.html 官方文档上这么说的：将回调延迟到下次DOM渲染之后执行。在修改数据后立即使用它，然后等待DOM更新。它阅读全文

posted @ 2019-11-19 13:00 前端加油站阅读(296) 评论(0) 推荐(0) 编辑

echarts 视图自适应问题

摘要：最近在项目中用到了echarts，在处理视图自适应问题上记录一下；同时比较一下和highcharts的区别；在echarts中有一个resize的函数，可以直接在监听窗口变化时重新渲染即可；如果是在vue项目中用到（我的项目是vue框架）在HighCharts中，有一个专门的函数可以直接设置。阅读全文

posted @ 2019-10-30 15:56 前端加油站阅读(1166) 评论(0) 推荐(0) 编辑

js 冒泡排序

摘要：前几天用到了冒泡排序的方法，现在整理了一下代码。我的需求是比较数组数据中的某一个字段中的值，而这个字段是有字母有数字，所以需要先匹配出来数字，然后截取出来数字，然后进行比较。我的数据是数组对象的格式，我需要对airport字段进行排序。源码地址：https://github.com/dreamIT 阅读全文

posted @ 2019-10-29 15:00 前端加油站阅读(193) 评论(0) 推荐(0) 编辑

模板字符串拼接方式

摘要：在一般的项目中，多少都会用到字符串的拼接。现在说一下模板字符串的拼接，写起来很方便，不容易出错比如说：从后台拿到的是一个数组，我们要把它拼接好然后放到DOM元素中；数据：[ { name:'Lily',age:14}, { name:'Aliace',age:16}, { name:'Jessi 阅读全文

posted @ 2019-10-16 15:32 前端加油站阅读(3736) 评论(0) 推荐(0) 编辑

Dayjs处理时间函数的插件

摘要：现在很多处理时间格式化的插件，我平时项目中最常用的便是Dayjs这个插件，我觉得这个插件还是很好用的。现在说一下这个插件的基本使用。 Dayjs并没有覆盖Javascript原生的Date.prototype,而是创造了一个全新的包含Javascript Date对象的Dayjs的对象。Dayjs对阅读全文

posted @ 2019-10-16 11:24 前端加油站阅读(8614) 评论(1) 推荐(1) 编辑

使用element-ui 组件动态合并table的行/列（第二次修改）

摘要：这是第二次修改，在通过调用后台接口返回来的时候，发现了代码中的问题；现在将博客中错误的地方改过来，添加备注文章需求：动态实现table表格中行/列的自动合并使用框架及UI类库：Vue+Element-ui 代码地址：https://github.com/dreamITGirl/VueProgec 阅读全文

posted @ 2019-07-22 16:27 前端加油站阅读(15572) 评论(1) 推荐(1) 编辑

使用yarn搭建vue项目

摘要：今天尝试了一下用yarn的方式搭建vue项目，方法其实是和npm的用法一样。但是在创建过程中报错了。现在整理一下，便于后期查错时使用。以windows系统为例 1.全局安装yarn，三种方式官网上提供的是安装.msi的方式；如果你已经安装了npm，可以通过命令行的方式添加安装完后，可以配置ya 阅读全文

posted @ 2019-07-15 17:29 前端加油站阅读(3978) 评论(0) 推荐(0) 编辑

服务器搭建node环境

摘要：最近由于工作原因开始学习服务器的搭建和环境配置。记录一下我在服务器搭建node环境的步骤。中间踩了很多坑。首先，确定自己的服务器可以连接到外网，如果连接不上的话，会出现ETIMEOUT的报错，但这只是原因之一。一.下载nodejs 二.解压缩文件三.删除解压压缩文件(这一步也可以直接跳过，如果阅读全文

posted @ 2019-07-05 15:31 前端加油站阅读(167) 评论(0) 推荐(0) 编辑

实现滚动时页面伸缩效果

摘要：不知道怎么起这篇文章的标题才能表达出我实现的页面效果，项目背景：嵌在原生开发的APP中。上图给大家看一下左侧图片代表进入app时页面的展示效果，右侧为页面滑动时的效果。因为原生开发的APP有导航栏的，所以根据他们封装的抛出H5的API，将导航栏设置为透明色，这样才可以将原生开发的导航栏的背景阅读全文

posted @ 2019-05-12 20:34 前端加油站阅读(978) 评论(0) 推荐(0) 编辑

phaser小游戏框架学习（二）

摘要：今天继续学习phaser.js。上周写的学习教程主要内容是创建游戏场景，游戏中的显示对象，按钮对象的使用以及如何在不同屏幕大小中完美适配。这篇博客以介绍游戏榜单的渲染更新为主。代码地址：https://github.com/dreamITGirl/phaser，具体文件为Billboard.js。阅读全文

posted @ 2019-01-26 11:32 前端加油站阅读(462) 评论(0) 推荐(1) 编辑

phaser小游戏框架学习中的屏幕适配

摘要：这篇博客主要讲一下上一篇博客的右侧和底部出现的问题。就是页面会有偏移量。说一下这个产生的原因吧。一开始在构建html页面的时候，习惯性的在页面中加了加了这个，导致canvas画出的图在移动端上有些模糊，尤其是后面我们在画文字的时候，文字根本看不清楚。这个其实并不是插件的问题，也不能完全归罪于这句阅读全文

posted @ 2019-01-19 15:11 前端加油站阅读(1099) 评论(0) 推荐(0) 编辑

phaser小游戏框架学习（一）

摘要：这两天由于项目的需要，所以简单学了一下phaser框架。官网：http://phaser.io/ 还有一个phaser小站，是中文的网站，但是内容不如英文文档全，大家也可以去看这个网站，需要查阅API时，再去英文网站也可以：https://www.phaser-china.com 分享一下入门教阅读全文

posted @ 2019-01-19 13:35 前端加油站阅读(1209) 评论(0) 推荐(1) 编辑

v-touch使用方法以及在项目中遇到的问题

摘要：上篇博客中我记得还有一个坑没有解决好，在这篇博客中详细说明一下。在 https://github.com/dreamITGirl/vuepageturn 我的这个代码库里，更新到2.1版本。目前解决了：在v-touch中，有滚动区域的话，滚动区域不好用，尤其是在ios系统中，无法滑动的问题；新增阅读全文

posted @ 2019-01-19 11:08 前端加油站阅读(1834) 评论(1) 推荐(0) 编辑

基于vue实现上下滑动翻页效果

摘要：18年年底的时候，一直在做年度报告的H5页面，因为项目需要，需要实现上下滑动翻页，并且上滑的页面比正常页面的比例要缩小一定比例。效果类似于http://www.17sucai.com/pins/demo-show?id=7834，这个链接是基于jquery实现的，我写的是和这个例子效果一样，只不过阅读全文

posted @ 2019-01-14 06:57 前端加油站阅读(24104) 评论(1) 推荐(0) 编辑

前端加油站⛽️

随笔分类 - 开发经验