随笔分类 -  前端技术

前端技术,HTML,Javascript,CSS... 前端框架,如Vue.JS、Bootstrap...
IT人如何打造个性化的个人网站(在线简历)
摘要:前言 众所周知,IT行业人员在求职时,如果拥有自己的技术博客和个人网站多少是可以加些分的,因为这也是IT人的技术证明之一。内容丰富的技术博客就不必多少了,往往技术博客大神市场上多是供不应求的,而且技术博客出彩主要是在内容经营上,至于博客本身直接到各大技术平台注册一个即可,当然有兴趣的朋友想要自建个人 阅读全文
posted @ 2018-10-21 18:02 朝雨忆轻尘 阅读(7540) 评论(0) 推荐(1) 编辑
SpringBoot使用CORS解决跨域请求问题
摘要:什么是跨域? 同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。 同源策略是浏览器安全的基石。 如果一个请求地址里面的协议、域名和端口号都相同,就属于同源。 举个栗子 判断下面URL是否和 http://www.a.com/a/a.html 同源 http: 阅读全文
posted @ 2018-09-11 14:31 朝雨忆轻尘 阅读(4254) 评论(1) 推荐(0) 编辑
Vue笔记:生命周期和钩子函数
摘要:前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数 阅读全文
posted @ 2018-09-11 14:17 朝雨忆轻尘 阅读(2009) 评论(0) 推荐(4) 编辑
Vue笔记:使用 vuex 管理应用状态
摘要:如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。 我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 阅读全文
posted @ 2018-08-28 22:48 朝雨忆轻尘 阅读(4365) 评论(1) 推荐(3) 编辑
Vue笔记:使用 axios 中 this 指向问题
摘要:问题背景 在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined。 如下图所示,我们有一个 login 方法,希望在登录成功之后路由到主页,但通过 this.$router 获取路由器出错。 解决方案 使用箭头函数替代普通函数,ES6中的箭头函数 “=>” 内部 阅读全文
posted @ 2018-08-25 22:45 朝雨忆轻尘 阅读(7998) 评论(0) 推荐(1) 编辑
Vue笔记:在项目中使用 SCSS
摘要:背景概述 1. CSS预处理器 css预处理器定义了一种新的编程语言,编译后成正常的CSS文件。为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,让CSS更加简洁,适应性更强,可读性更佳,更易于代码的维护等诸多。CSS 预处理器语言有 scss(sass)、less 等。 2.SASS和SCSS 阅读全文
posted @ 2018-08-25 17:45 朝雨忆轻尘 阅读(3716) 评论(1) 推荐(0) 编辑
Vue笔记:使用 mock.js 模拟数据
摘要:在我们的项目实际开发过程中,后端的接口往往是较晚才会提供出来,并且还要写接口文档,如果前端的开发都要等到接口开发完成才开始就非常影响项目整体开发进度了,mock.js 的出现使前后端分离并行开发成为可能。使用 mock.js,前端调试可以模拟后台接口调用,返回我们定义的数据,解放了前后端开发的屏障。 阅读全文
posted @ 2018-08-23 21:23 朝雨忆轻尘 阅读(1588) 评论(1) 推荐(0) 编辑
Vue笔记:使用 Yarn 管理依赖包
摘要:上年10月份, Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm ,它比npm更快、更高效。 Yarn VS npm 1、yarn.lock 文件 在 npm 中同样可以使用 npm shrinkwrap 命令来生成一个锁文件,这样在使用 npm install 时 阅读全文
posted @ 2018-08-23 20:36 朝雨忆轻尘 阅读(4156) 评论(0) 推荐(0) 编辑
Vue笔记:封装 axios 为插件使用
摘要:前言 自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情,但是axios没有进行封装复用,项目越来越大,引起的代码冗余。就会非常麻烦的一件事。所以本文会详细的跟大家介绍,如何封装请求,并且在项目组件中复用请求。有需要 阅读全文
posted @ 2018-08-22 19:19 朝雨忆轻尘 阅读(2422) 评论(0) 推荐(0) 编辑
Vue笔记:使用 axios 发送请求
摘要:在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。 关于为什么放弃推荐? -> 尤大原话 最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch po 阅读全文
posted @ 2018-08-22 19:16 朝雨忆轻尘 阅读(6532) 评论(0) 推荐(1) 编辑
Vue笔记:webpack项目vue启动流程
摘要:VUE启动流程 1. package.json 在执行npm run dev的时候,会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件,包含项目的名称版本、项目依赖等相关信息。 2. webpack.dev.conf.js 从下图中可以看到, 启动 阅读全文
posted @ 2018-08-17 16:37 朝雨忆轻尘 阅读(18682) 评论(0) 推荐(3) 编辑
Vue笔记:使用node开发vue入门实例
摘要:安装NPM 首先在命令终端输入 npm -v 检测是否安装 npm。如果没有,按照下面教程进行安装。 下载地址: nodejs中文网 到官网下载自己系统对应的版本,这里我们下载Windows系统的64位zip文件,下载完成后解压,可以看到里面有一个node.exe的可执行文件。 把Node添加到系统 阅读全文
posted @ 2018-08-17 16:34 朝雨忆轻尘 阅读(16130) 评论(0) 推荐(0) 编辑