摘要: 使用vue全家桶以及v-charts和datav实现一个github可视化大数据界面展示,没有设计搞的原因,只能忽略设计编写一下界面, 用户只需要登录的时候填写自己github用户名。就可以看到数据展示 在登录的时候,可能会存在登录失败,可能造成的原因是网络不稳定, 最终界面展示效果 功能实现 - 阅读全文
posted @ 2020-03-22 11:04 小周sri的码农 阅读(10155) 评论(0) 推荐(0) 编辑
摘要: 在工作中我们会常用到的一些es6-es10的一些特性还记得多少,今天就让我们重新复习一遍 ES6语法 1.Let 1.let声明的变量具有块级作用域, { let a = 1 } console.log(a); //undefined a变量是在代码块{}中使用 let 定义的,它的作用域是这个代码 阅读全文
posted @ 2020-02-04 17:47 小周sri的码农 阅读(946) 评论(0) 推荐(1) 编辑
摘要: we安全对于web前端从事人员也是一个特别重要的一个知识点,也是面试的时候,面试官经常问的安全前端问题。掌握一些web安全知识,提供安全防范意识,今天就会从几个方面说起前端web攻击和防御的常用手段 常见的web攻击方式 1.XSS XSS(Cross Site Scripting)跨站脚本攻击,因 阅读全文
posted @ 2019-12-20 15:02 小周sri的码农 阅读(4626) 评论(1) 推荐(3) 编辑
摘要: 前端性能优化,是每个前端必备的技能,优化自己的代码,使自己的网址可以更加快速的访问打开,减少用户等待,今天就会从几个方面说起前端性能优化的方案, 看下面的一张图,经常会被面试官问,从输入URL到页面加载完成,发生了什么? 1.用户输入www.baidu.com2.浏览器通过DNS。吧url解析ip3 阅读全文
posted @ 2019-12-18 16:17 小周sri的码农 阅读(1166) 评论(2) 推荐(5) 编辑
摘要: 无论是手机端还是pc端,几乎都包含登录注册方面功能,今天就使用node+express+mongodb实现一套登录注册功能,这里需要自己去安装MongoDB环境,如果没有安装可以看这篇关于MongoDB安装的步https://www.cnblogs.com/zhoulifeng/p/9429597. 阅读全文
posted @ 2019-11-06 14:38 小周sri的码农 阅读(2990) 评论(0) 推荐(0) 编辑
摘要: 10月16日,官方发布消息称Vue-cli 4.0正式版发布,并且强烈建议升级;小编也是刚刚安装了最新版本的脚手架看看更新了什么 安装和vue-cli3.0的是一模一样的,对比了一下3.0的脚手架,除了目录发生变化一些,其他的都一样 安装步骤和vue-cli3.0的一模一样 1.创建项目 defau 阅读全文
posted @ 2019-10-17 11:09 小周sri的码农 阅读(18852) 评论(8) 推荐(0) 编辑
摘要: 在vue项目中,每次和后台交互的时候,经常用到的就是axios请求数据,它是基于promise的http库,可运行在浏览器端和node.js中。当项目越来越大的时候,接口的请求也会越来越多,怎么去管理这些接口?多人合作怎么处理?只有合理的规划,才能方便往后的维护以及修改, 安装 安装axios依赖包 阅读全文
posted @ 2019-04-18 15:28 小周sri的码农 阅读(6286) 评论(0) 推荐(2) 编辑
摘要: 无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能,输入手机号,得到验证码,最后先服务器发送请求,保存登录的信息,一个必不可少的功能 思路 1,先判断手机号和验证是否为空, 2,点击发送验证码,得到验证码 3,输入的验证码是否为空和是否正确, 4,最后向服务发送请求 界面展示 1. 阅读全文
posted @ 2019-03-09 17:22 小周sri的码农 阅读(23403) 评论(7) 推荐(5) 编辑
摘要: 在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据。今天经过总结,解决了这个问题。通过了一下几种情况进行传值: 通过路由params传参 通过路由query传参 通过vuex 1.通过params传参 先在路由pat 阅读全文
posted @ 2019-01-25 13:45 小周sri的码农 阅读(24496) 评论(3) 推荐(4) 编辑
摘要: 2018即将过去,2019即将来临,前端技术不断在在更新,学的东西越来越多。我们只有不断的学习,才不能被淘汰。在前后端分离的一个时代,后端提供接口,前端调用接口,逻辑判断,每个都是独立的工作。如果自己在空余的时间,想学习新的知识,却没有好的接口,只能写写假的json数据。或者网上开源的数据库,moc 阅读全文
posted @ 2018-12-30 00:38 小周sri的码农 阅读(2403) 评论(1) 推荐(2) 编辑
摘要: 通过自己所学的这段时间,利用空余时间,使用vue3.0脚手架搭建的一个关于后台的管理模板,所实现功能也是模仿一个后台的界面,数据分为两种存放,一种是直接存储到mlab,这里的数据是存放这登录注册,只有注册了自己的账号才能访问到页面,另一些数据直接存放在easy-mock里, 源码地址:https:/ 阅读全文
posted @ 2018-12-15 16:07 小周sri的码农 阅读(25469) 评论(9) 推荐(4) 编辑
摘要: 前言 我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例,后端数据接口,会使用json-server快速搭建一个本地的服务,方便对数据的增删改查, 利用以上技术我们会搭建一个vue案例,效果展示图: 以上就 阅读全文
posted @ 2018-11-03 16:01 小周sri的码农 阅读(51335) 评论(13) 推荐(8) 编辑
摘要: token一种身份的验证,在大多数网站中,登录的时候都会携带token,去访问其他页面,token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面 当用户登录的时候,向后端发起请求的时候,后端会返回给我一个token,前端可以进行校验,进行处理token 阅读全文
posted @ 2018-10-26 21:11 小周sri的码农 阅读(9528) 评论(5) 推荐(5) 编辑
摘要: 在做移动端商城或者其他页面的时候,经常会遇到左右联动的效果,今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 实现上面的效果,思路一定很重要,还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. 点击左侧一级分类项时, 阅读全文
posted @ 2018-09-14 16:28 小周sri的码农 阅读(11763) 评论(6) 推荐(1) 编辑
摘要: 数据是每一前端人员必定接触的一样,所有的数据都是后端来编写,如果自己想练习项目,却没有数据,而是写一些假数据,去编写,或者通过json-server搭建一个数据,今天我们就通过MongoDB来搭建一个真正的数据库,从安装到配置到编写,一步到位,也是小编安装配置过程中,所遇到的问题,安装下面的步骤,一 阅读全文
posted @ 2018-08-06 14:51 小周sri的码农 阅读(90196) 评论(31) 推荐(22) 编辑
摘要: 成果展示 最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详细介绍 准备工作: 引入axios插件,调用better-scroll第三方插件,本地json文件,可 阅读全文
posted @ 2018-07-16 11:08 小周sri的码农 阅读(23268) 评论(2) 推荐(1) 编辑
摘要: 对electron了解之后,让我们学习创建一个窗口,使用自己的编写的窗口搭建环境可以看https://www.cnblogs.com/zhoulifeng/p/12306050.html Menu菜单 创建一个menu.js文件,编写一下代码,结构相当于JSON格式的 const { Menu } 阅读全文
posted @ 2020-02-19 12:34 小周sri的码农 阅读(4345) 评论(1) 推荐(0) 编辑
摘要: Electron 是由 Github开发的开源框架它允许开发者使用Web技术构建跨平台的桌面应用Electron = Chromium + Node.js + Native API 首先要先去安装node环境官网地址:https://nodejs.org/zh-cn/ 接下来开始安装Electron 阅读全文
posted @ 2020-02-14 00:53 小周sri的码农 阅读(3188) 评论(0) 推荐(0) 编辑
摘要: FreeMarker 是一款 模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。 整理一些常用的方法 数据遍历 通过freemarker提供的遍历方法list,users就是要遍历的对象,user遍历之后返回的值 假设 users 阅读全文
posted @ 2020-01-08 15:46 小周sri的码农 阅读(621) 评论(0) 推荐(0) 编辑
摘要: Parcel 是 Web 应用打包工具,适用于经验不同的开发者。它利用多核处理提供了极快的速度。https://parceljs.org/getting_started.html 配置了一个简易的web打包工具 https://github.com/MrZHLF/Parcel 全局安装 Yarn: 阅读全文
posted @ 2019-12-24 11:39 小周sri的码农 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 什么是作用域? 几乎所有编程语言就是在变量中存储值,并且能读取和修改此值。事实上,在变量中存储值和取出值的能力,给程序赋予了状态。如果没有这样的概念,一个程序虽然可以执行一些任务,但是它们将会受到极大的限制而且不会非常有趣。但是这些变量该存储在哪,又给如何读取?为了完成这个目标,需要制定一些规则,这 阅读全文
posted @ 2019-12-23 19:46 小周sri的码农 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 最近一段时间公司要做一个小程序项目,还要支持,微信小程序,头条小程序,百度小程序。一套代码,实现三个平台。当时接到这个任务,就不知道怎么去下手,一套代码,分别要发布三个平台,赶紧就去上网了解这些东西,查看了,uni-app,taro,Chameleon这三个库,然后把每个都运行了一次,看一下文档。当 阅读全文
posted @ 2019-12-06 16:24 小周sri的码农 阅读(15888) 评论(0) 推荐(3) 编辑