自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

欢迎来到☆槿畔☆的博客

前端知识探讨。。。

  • 博客(36)
  • 资源 (1)
  • 论坛 (5)
  • 收藏
  • 关注

原创 vue框架成功进阶学习uni-app之路

本篇博客是给已经有了vue、react等框架基础的同学预览的,重点讲述培养学习思维,以不一样的思维带你深入uni-app。。。1.刚学习uni-app,第一步应该考虑哪些东西?了解其应用场景,整合其优势,大规模的线上案例这是必然的,具体的介绍需要大家去细细研究。我们既然已经有了前端框架的开发经验,学习一个新的线路时,必须有一个正确的思维:1)快速入门,熟悉简单语法2)前端框架通用优势在该框架中如何实现。(如组件封装、组件通信、组件生命周期、路由守卫、实战请求接口封装、实战mock数据等等)

2020-07-31 17:08:00 6003

原创 前端项目的接口管理方案----构思

一般来讲,现在百分之90的开发方式都是前端端分离,通俗来讲就是服务端提供一个http的REST API,前端同学去调用服务端的接口进行交互。因此就衍生出请求代码的各类封装,但是网上的开发者从来就没有一个具体的定义,网上也没有具体的一个特别规范的一个点。我个人观点认为,封装就应该是拆分一层又一层,最终目的就是为了方便维护,方便拓展,方便管理。传统的代码,也是我看见项目最烦的一种代码:...

2020-05-05 16:14:46 9356 1

原创 前端性能优化-input输入框联想匹配请求数据防抖思想详解

当input输入框联想匹配的时候,你如果只写了对应监听事件去做请求,会发现每输入一个字符,页面的数据替换也是迅速的替代,因为数据替换较快,所以还带有抖动的效果,页面数据虽然实时跟新,但是用户体验却非常不好,而且频繁请求,消耗性能。其实多数前端也是对这个不在意,认为功能出来了,实时能展现对应匹配的数据就好了,然而却忽略了用户体验。下面来讲解一下简单的案例:1.我们首先,随便写一个简单的i...

2019-07-15 14:17:38 13509

原创 小程序常见问题总结

一、小程序中如何获取地理位置并通过小程序展示地址1.app.json权限配置:"permission": { "scope.userLocation": { "desc": "你的位置方便获取最新房源" } }2.调用wx.getLocation({//获取经纬度 type: 'wgs84', success: res => {...

2019-07-01 11:23:50 7379

原创 移动端开发遮罩层(弹窗)防止滚动穿透解决方案

在移动端页面开发中,经常会去封装一个遮罩层(全屏弹窗),遮罩层(全屏弹窗),遮罩层(全屏弹窗)的组件,但是如果是固定定位的position:fixed;在弹出的时候会遇到一些小坑,之前搜索了一下,网上的博客也好评论也罢,总是有点缺陷或者累赘代码太多。就比如今天的主题,如何防止遮罩层(全屏弹窗)下方body内容继续滚动呢?移动端开发遮罩层(弹窗)防止滚动穿透完美解决方案首先,pc的肯定直接就...

2019-02-13 16:52:39 23538 6

原创 vue3实战-- 结合element-ui和vant框架实现国际化多语言切换

有时我们在项目中会用到多个国家语言的切换,这时候我们就不能把内容写死了,而是借助工具实现语言的转换。今天介绍的这个就是开源的 vue-i18n ,如何使用以及如何结合element-ui和vant-ui框架混合使用首先,第一步我们要先学会在项目中如何去使用,才能进行下一步切换ui框架的内置语言,后边会以element-ui和vant ui两个ui框架为例安装:npm i vue-...

2018-11-16 18:02:18 23478 8

原创 vue-config.js配置实战

今天讲述一下vue-config.js配置,我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢?还不会搭建脚手架,点击前往搭建vue-cli3实际上我们都是可以在vue-config.js中进行配置(刚创建的这个js都是空的),我把官网里面很常见的配置都进行了注释...

2018-11-15 15:04:00 26812

原创 vue-cli3脚手架/单文件/环境搭建

 vue-cli3脚手架/单文件/环境搭建。vue3.x版本相对于2.x版本做了许多地方的优化,个人总结主要还是使用上使开发者更加一目了然,配置起来也更加的方便,减少了各种webpack里面的loader的配置.下面一起看一下,3.x版本该如何从搭建到配置再到开发的一个过程:如果你已经搭建好了,请前往vue-config.js(封装了2.x的webpack配置)一,安装1.如果电脑...

2018-11-15 14:54:59 22167

原创 vue组件发布npm

最近对开发Vue组件库的流程很好奇,网上步骤一搜也是一堆,总是少点漏点的步骤,就会导致整段垮掉,下边自己弄完整理了一下。跟着步骤走:一,创建一个vue项目,为了简洁方便,推荐使用webpack-simple构建一个项目 vue init webpack-simple my-project二,就是按照提示,cd my-project------->npm i---------...

2018-09-07 14:04:54 20044 13

原创 react-native入门----Unable to resolve module ‘AccessibilityInfo’ 错误(三)

前面主要是搭建了各种环境,虚拟机等等。本次主要是讲react-native入门搭建基础脚手架遇到的坑。。。按照官方的说法,安装完各种环境以后直接安装脚手架,cd到所在目录直接就能运行进入到欢迎界面了。npm install -g yarn react-native-clireact-native init AwesomeProjectcd AwesomeProjectreact...

2018-08-08 17:39:27 11189

原创 react-native结合Genymotionshell开发(二)

mac的电脑结合Xcode就可以,window个人感觉Genymotionshell还挺不错的,可自己在官方注册用户,直接登录选个人使用就行,一般安装完就生成了三个应用我自己根据网上以及官网的说法在android studio中这样使用,发现走不通(首先讲的按官方的操作。有懂的可私聊我,感谢。这里提供另外的解决办法)首先File-->settings-->Plugins...

2018-08-08 17:08:21 18258

原创 react-native 环境配置(一)

感觉native的入手还是比一般的文档相对来说比较麻烦的,尤其是各种环境的需求,缺一不可,本博文将从环境配置到入门,剩下的还是看native中文网的文档为主。安装 Node 、android studio、Python2 和Java SE Development Kit (JDK)node,python(直接下载自动添加的环境变量,就不说明了)java下载以及环境配置:1.下载...

2018-08-08 16:18:19 5147

原创 echarts配置及专业k线作图工具

一般看官网配置比较多,教大家如何copy完线性图代码,快速更改配置。echerts线图常用配置:grid: [{ left: '0%', right: '5%', top: '5%', height: '80%', containLabel: false }, { left: '10%', right: '8%', bottom: '15%', height...

2018-07-12 09:28:32 25859

原创 node.js结合redis+mysql

mysql大家都知道是什么,数据库,就不怎么简介了,redis当你的服务器访问量比较大的时候或者说想让你的速度访问更快的时候,你就要用到redis进行缓存,好处就是别人请求的都是你缓存的数据,你只需要定时的向mysql调用数据即可,避免了大量用户访问的时候频繁的对数据库进行select查找,减轻了服务器的压力。用的时候记得下载redis和redis可视化工具,启动redis  server;...

2018-07-11 14:34:30 12763

原创 vue裁剪并上传头像

之前,在用vue写一个上传头像的模块,里面需要对头像进行拖动裁剪设置,可是后台却跟我说他只要类似于input上传图片的内容。前端是没有办法操作本地图片的,一般也只能是传图片+裁剪的坐标给后台,除非用canvas来进行绘画裁剪然后再拿到裁剪后的base64图片地址,不断反复的转码再通过new的fromdata转成blob的格式,总之相当复杂。(github直接搜索vue-cropperjs),最终得...

2018-04-05 18:54:20 4069 2

原创 sdk监控系统开发

参考部分文献​​​​​​​1.首次给系统建立链接给客户端分配服务id,主要用于建立客户端标识,减少没必要的重复数据。2. 根据Performance API获取前端性能数据,获取首次页面加载的性能数据let times = {}; let t = window.performance.timing; //重定向时间 times.redirectTime = t.redirectEnd - t.redirectStart; //dns查询耗时 times.dnsT

2020-11-06 22:54:13 70

原创 web监控系统整体构思

背景:公司的web系统越来越多,性能分析和错误预防势在必得,市场的监控系统五花八门,收费昂贵,部署自己的服务器甚至出现几十万每年的费用,于是我自己打算开发一个web错误性能监控系统计划工作:1.SDK系统;用于信息采集,错误采集2.server端;信息错误的储存分析,定时任务,通知服务等等(选用nodejs,本职前端好用一点)3.后台可视化管理系统;用于监控网页性能,错误请求收集等等设计思路:最后,开干。。。...

2020-11-06 22:17:48 47 2

原创 echarts全省map地图数据

echarts全省map地图数据现在新的版本echarts的地图数据部分不精准已经被和谐掉,开发时不得不依赖第三方的地图开发(如推荐的百度),这里是全省的数据备份,可提供大家导入开发,觉得可以的点个startgithub地址...

2020-04-23 13:23:01 2320

原创 嗷嗷

1024快乐

2019-10-24 17:27:09 189

原创 跨域之nginx本地代理

前端跨域有很多种,nginx跨域也是常见配置之一,现在介绍一下如何使用nginx进行前端跨域。自己下载nginx到本地磁盘,自己直接去下载就行。一、编辑nginx.conf文件二、看代码注释(可直接copy,修改部分ip端口即可)worker_processes 1;events { worker_connections 1024;}http { i...

2019-02-18 16:48:40 1667

原创 踩坑-helloJs实现google、facebook、twitter等第三方登录

在项目中我们经常会用到第三方登录,但是每个第三方都有自己的api,hellojs解决了这一个难题,上手很简单,它把国际上的一些登录api都封装在了一起,但是必须要注意里面的一些坑,代码片段注释和文章粗体请仔细阅读。具体可按照官网的步骤,这里就不多介绍了,也可参考别人的范例,点击前往,我这里只阐述核心代码:第一步init(每个授权应用都有对应的一个id,这里redirect_uri是回调的成...

2019-01-16 10:53:20 3474

原创 使用node封装连接各类数据库

这篇文章直接指出node如何连接mysql数据库,node如何连接mongodb,node如何连接redismysql连接:var mysql = require('mysql');//mysql配置var pool = mysql.createPool({ host:'192.168.1.1339', //主机 user:'index', ...

2018-12-12 13:57:04 9336 1

原创 利用docker部署nginx

用docker部署mysql,mongodb,redis等建议移步 菜鸟教程我感觉学习docker,菜鸟教程也会介绍的很详细,我下面重点介绍一下nginx,因为你学习完以后会发现,所有的部署你不用懂,安装菜鸟教程上的命令都能启动,不要太简单,但是到了nginx就不能直接去用了,因为会有些小问题.第一步,肯定是先下载镜像对吧docker pull nginx第二步,查看镜像...

2018-12-10 20:11:20 5052

原创 docker的介绍与使用

前面讲了服务器的基本配置,连接,以及用户的管理,自然后期少不了配置类似于mysql数据库,redis数据库,nginx类似的一系列的东西.我们在这里采用的是利用docker来进行部署,docker它本身类似于一个工具,你通过他可以下载不同的镜像(如mysql镜像,nignx镜像,redis镜像and so on),然后通过这些镜像来启动容器,当然这是官方的叫法通俗点就是,你通过docker...

2018-12-10 19:43:53 8894

原创 服务器给user添加sudo权限

接下来教大家如何给管理的用户添加上sudo权限,临时分配的用户组都是默认没有最高权限的,如果有时候需要操作服务器配置文件,或者在后期操作docker什么的都是需要sudo权限的sudo vi /etc/sudoers执行如上命令,进入修改文件,找到 Allow root to run any commands anywhere 这句话,在下方添加你要给予权限的用户注意不会linux命...

2018-12-10 19:25:08 5906

原创 centOs服务器对user的管理分配

我们前面分析了服务器的选择以及服务器的链接登录,完成之后,再来讲解一下如何在服务器上去添加用户,去避免所有人去使用root这个最高权限的用户呢.一般进入公司有时候让你使用服务器,老大也会给你一个user的账户和密码,你登录上之后发现空文件夹而且跟其他的互不影响,到底是怎么实现的呢?往下看比如我想添加一个qinggang的用户,并且给他自己一个操作的运行空间,那么我先创建一个庆港的文件夹(可...

2018-12-10 19:11:33 4795

原创 centOs服务器连接并简单使用

首先打开阿里云的控制台---服务器运维----远程链接就能看到服务器的ip,以及root账户,还可以设置密码第二步,就是下载一个putty,主要是方便我们进行服务器的远程连接在ip address里面输入我们的服务器ip(如果绑定的有域名,也可以输入域名),然后open(ubuntu系统镜像的话需要你在ip前加上前缀ubuntu@的形式)进入之后会提示你输入账号密码:(本人...

2018-12-10 18:07:49 3079

原创 服务器如何选择

对于前端的小白来说,刚开始想买个服务练练手,估计都是十分困难的,而且都不知道从哪下手:这里来简单讲一下服务器该如何选择首先大家购买的时候一定要区分什么是虚拟主机,什么是服务器,千万把概念不要混合在一起,虽然有的功能相似虚拟主机可在控制面板里进行直接操作,服务器需要自己配置环境。一般情况下我们公司都是使用的是服务器,千万不要买错了个人开发以阿里云为例这里推荐轻量应用服务器...

2018-12-10 17:48:40 4653

原创 vue 开发公共组件/方法(vue 各类UI框架开发原理)

前面讲解了vue怎么通过npm发布vue的组件,但是对里面的相关技术却没怎么提及,下面跟大家共同探讨一下如何封装积累自己的VUE ui组件库呢:大家有没有想过各大ui框架是如何封装的呢.ls element-ui/min-ui /vant-ui有时候我们想让自己的组件跟发布的ui框架里面的组件一样使用的简单粗暴,而不是一直去写子组件,然后import引入再到components里面使用一下...

2018-12-04 14:41:12 6691

原创 原生js模仿jquery Scroll动画

有时候我们在vue项目中需要用到有关scroll的动画,但是又没jquery那样的animate简单的动画方法,又要避免引入jquery的包导致过大,于是就用原生js模仿一个:(可用于返回顶部,锚点动画等)selector此参数为id名,可直接调用该点击事件goAnchor(selector) { let anchor = this.$el.querySelector(sel...

2018-12-04 13:57:37 18497 1

原创 js数字金融格式化

//将数字转换成金额显示function toMoney(num){ num = num.toFixed(2); num = parseFloat(num) num = num.toLocaleString(); return num;}js数字转金额化:这里是保留了2位小数,可以自行设置,通过toLocaleString()方法转成了金额字符串的格式...

2018-12-04 13:48:28 880

原创 vue3修改link标签默认icon无效问题

vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的导航栏图标呢:public的index.html有这么一句话,毫无疑问,一看给人的感觉就是在这个位置替换了而且favicon.ico也是小图标...

2018-11-22 17:31:54 20790 2

原创 vue-cli3+vant ui组件快速开发自适应移动端应用

当我建好VUE-CLI3的脚手架之后,我们来接着选择一个合适的UI框架来进行实战开发,还不会搭建?---> 点击https://youzan.github.io/vant/#/zh-CN/quickstart 这个的英文VANT的开发文档,感觉在移动端算是功能还算不错的一个UI框架,功能性的东西挺多的,而且也支持国际化。一般情况下如果全部应用CDN或者直接全局使用,直接根据文档...

2018-11-15 20:05:15 19452 13

原创 git配置以及fatal: Authentication failed for错误

配置ssh key,大家参考这篇文档就行:https://www.cnblogs.com/superGG1990/p/6844952.html 初次使用配置ssh等 不需要ssh key配置时,可直接设置用户信息:1、配置用户信息git config --global user.name [username]git config --global user.email [...

2018-11-05 14:44:38 31067 6

原创 路由守卫-vue切换路由登录判断、条件判断

在vue项目中,切换路由时肯定会碰到需要登录的路由,其原理就是在切换路径之前进行判断,你不可能进入页面再去判断有无登录重新定向到login,那样的话会导致页面已经渲染以及它的各种请求已经发出。一、如需要登录的路由可在main.js中统一处理(全局前置守卫)我们可以在入口文件man.js里面进行配置,使用router.beforeEach方法,不懂得可以打印to,from的参数就ok,req...

2018-08-08 18:01:49 3394

原创 NodeJS上传表单、图片

ps:这个在之前研究node的express框架+mongodb练习的时候遇到的问题,就是如何把图片进行上传到后台,本案例包括前端页面展示,现在进行了总结1、先配置上传地址var multer = require('multer')var fs = require('fs')//(必须引入的模块)var storage = multer.diskStorage({ destination:f...

2018-02-26 16:24:33 1484

echarts-map.rar

这里存放的是旧版echarts全省的map数据,因为内容部分数据不符合国家测量标准,现在早已经和谐,只能结合百度地图开发。大家自行下载,免费

2020-04-23

急!急!急!vue里面使用计时器固有方法清除无效

发表于 2019-07-31 最后回复 2019-12-17

前端开发人员怎么快速上手java 的 spring mvc框架

发表于 2019-06-21 最后回复 2019-06-21

seo---关键词搜索不到

发表于 2019-05-05 最后回复 2019-05-08

web前端有相关的国家二级以上职业资格证书?

发表于 2019-05-07 最后回复 2019-05-07

需要动力

发表于 2019-03-29 最后回复 2019-04-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除