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