xiaoyiyue的博客

原创 安装vue-devtools

              vue-devtools的安装与使用一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install  （如果在这部报错的话，就改用cnpm install。  cnpm需要安装 安装地址）2:npm run buil...

原创 前端鉴权必须了解的 5 个兄弟：cookie、session、token、jwt、单点登录

本文你将看到：基于 HTTP 的前端鉴权背景cookie 为什么是最方便的存储方案，有哪些操作 cookie 的方式session 方案是如何实现的，存在哪些问题token 方案是如何实现的，如何进行编码和防篡改？jwt 是做什么的？refresh token 的实现和意义session 和 token 有什么异同和优缺点单点登录是什么？实现思路和在浏览器下的处理从状态说起「HTTP 无状态」我们知道，HTTP 是无状态的。也就是说，HTTP 请求方和响应方间无法维护状态，都是一次性的，它不知道前后

转载 ps生成svg路径

最近做某个小项目，项目中用到了很多 icon 图标，我一般都是习惯于直接引用各大图标库，例如 fontawesome、Ionicons、MaterialCommunityIcons等。由于最近也在关注 SVG方面的东西，所以我突然想到有些很简单的图标，其实是可以通过 SVG绘制的，一般做这种的事情得工具应该是 Adobe Illustrator，但是因为电脑上只安装了 PS，也懒得再安装一个消耗那...

转载 webpack4.0

众所周知，webpack进入第4个大版本已经有2个月的时间了，而且webpack团队升级更新的速度也是非常的惊人在写下如下内容的时候webpack已经出到了4.6的版本了，剑指5.0应该是指日可待了，当然这些都是个人的臆想，并不代表任何意见既然我们已经迎接了webpack4的到来了，那么就一起来使用一下，即使你没用过之前的版本，没关系，我们重新出发，将工作中常用到的配置写给大家来看非友情提示：由于...

原创 webpack4.0以后的版本安装

本文是基于一位以前公司的同事zzj所写的 Webpack入门指南 这篇文章做构建。本文是基于win环境搭建的webpack，以前的同事写的入门指南是webpack3.0版本，最近想用webpack却发现它已经更新到了4.1.x，于是遇到了几个坑，也为了给想入门webpack的小伙伴提供个方便，重新写一份入门指南。什么是webpack？Webpack 是当下最热门的前端资源模块化管理和打包工具。它可...

转载 用vue-cli来搭建vue项目和webpack

vue-cli用vue-cli来搭建vue项目第一步：全局安装vue-cli1sudo npm install vue-cli -g第二步：初始化一个项目1vue init webpack-simple projectName第三步：把文件切换到初始化的项目中1cd projectName第四步：安装依赖1npm install当然也可以用淘宝镜像cnpm来安装，这样快很多1cnpm instal...

转载 gulp常用插件及配制

匹配符 *、**、！、{}gulp.src('./js/*.js') // * 匹配js文件夹下所有.js格式的文件gulp.src('./js/**/*.js') // ** 匹配js文件夹的0个或多个子文件夹gulp.src(['./js/*.js','!./js/index.js']) // ! 匹配除了index.js之外的所有j...

原创 功夫不负有心人啊终于让我找到了animate.css插件

https://isux.tencent.com/articles/98.html

转载 github结合tortoisGit使用sshkey,无需输入账号和密码

github结合TortoiseGit使用sshkey，无需输入账号和密码1.github上支持三种方式进行项目的clone    https,ssh,subversionhttps://github.com/用户名/版本库.gitssh的方式 git@github.com:用户名/版本库t.git           此篇文章针对于这种https://github.com/用户名/版本库  2....

转载 移动端直用px加js代码实现

metahandler.js——移动端适配各种屏幕无痛工具脚本  2015-05-27 20:24:45|  分类： 移动端专题 |  标签：移动端  meta  metahandler.js  视口  viewport  |举报|字号 订阅      下载LOFTER我的照片书  | 之前给大家介绍的是淘宝在使用的移动端框架——flexible.js，今天要给大家分享的是网易前端小组在使用的移动...

转载 命令操作github

我曾经一直想加入到开源项目中，但是因为没有人指导流程，网上看了很多，基本都是说了个大概，如果你也是一个初出茅庐的人，那么，我将以自己提交的一次开源代码为例，教会你步入开源的世界。1,首先登陆到https://github.com平台上注册一个自己的账号，这个过程我就不演示了2，然后在左上部分输入一个开源项目的名字,我选择的是jvalidator,回车搜索。3,在搜索结果页面找到如下如图所示的项目，...

原创 fis学习笔记

原创 node安装后npm不能用的原因

因为要求使用 vue 并结合 node 进行项目开发环境部署 ,所以尝试安装nodejs.至于别人所说的安装 6 版本会稳定 其实安装6之后的都可以全局 npm .Node.js安装包及源码下载地址为：https://nodejs.org/en/download/.下载完后一路next安装，正常如下图但如果报错如下ERR报错  这就是路径错了 找不到那个文件夹下面的npm包.此时看一下之前有没有使...

原创 node&npm安装

1.官网下载，直接安next ,next 到中间一步注意 2.环境变量配制说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\...

原创 正则表达式学笔记

表1.常用的元字符. 匹配除换行符以外的任意字符\w 匹配字母或数字或下划线或汉字\s 匹配任意的空白符\d 匹配数字\b 匹配单词的开始或结束^ 匹配字符串的开始$ 匹配字符串的结束表2.常用的限定符代码/语法 说明重复零次或更多次重复一次或更多次? 重复零次或一次{n} 重复n次{n,} 重复n次或更多次{n,m} 重复n到m次表3.常用的反义代码代码/语法 说明\W 匹配任意不是字母，数字，...