Zoro佐罗-优快云博客

原创入门TypeScript：javaScript超集语言

前言在之前我们已经了解了javaScript语言特征(类型)，了解了静态类型有不少优点，合理运用可以让我们项目更加稳定健壮。也入门了Flow（js类型检查工具）这篇博客介绍下如何使用TypeScript（JavaScript超集语言）。TypeScript是什么TypeScript是微软公司开发的一款开源的JavaScript超集语言！JavaScript超集：当前任何JavaS...

2019-03-31 18:52:29 399

原创入门Flow：javaScript的静态类型检查工具

前言在上一篇我们已经了解了javaScript语言特征(类型)，了解了静态类型有不少优点，合理运用可以让我们项目更加稳定健壮。这篇博客介绍下如何使用Flow（javaScript的静态类型检查工具）来帮助我们在javaScript开发中使用静态类型。Flow官方文档基本使用...

2019-03-24 21:40:23 595

转载偏前端 + rsa加解密 + jsencrypt.min.js--（新增超长字符分段加解密）

html部分<html> <head> <title>JavaScript RSA Encryption</title> <meta charset="UTF-8"> <script src="js/jquery-1.11.3.min.js"></script&g...

2020-01-13 10:12:49 4832 3

原创解决webstrom卡顿问题(禁止加载node_modules目录和解决内存溢出)

禁止webstrom加载node_modules目录file-settings-editor-file types 最下面一行里面写上node_modules。解决webstorm内存溢出找到webstrom安装目录bin文件夹下的webstorm64.exe.vmoptions和webstorm.exe.vmoptions文件修改以下两个参数结果如下：-Xms526m ...

2019-07-03 12:00:54 1271

原创 nrm（npm注册表管理工具）入门

前言日常工作中，经常需要切换npm源，传统的npm内置方法操作较复杂。现在给大家介绍一个工具（nrm）让我们更快速管理npm注册表。安装全局安装nrmnpm install nrm -g使用查看源信息；rm ls*号所在的位置为当前所使用的源添加源语法：nrm add regstryName registryHttpOrHttps举例:nrm add bai...

2019-07-03 11:41:49 445

原创 vue-router路由权限控制的两种实现方案

前言最近在抽时间写一套后台管理系统框架模板（vue+element-ui），记录一些问题的解决方案。文章没什么顺序，就想到什么写什么了，也都是之前工作上碰到的问题。抛出问题Vue项目路由权限控制怎么实现？实现大体上实现的思路很简单，先上图：无非是将路由配置按用户类型分割为用户路由和基本路由，不同的用户类型可能存在不同的用户路由，具体依赖实际业务。用户路由: 当前用户所特...

2019-04-21 14:27:21 21481 5

原创刷新页面后vuex的state数据丢失的解决方案

前言最近产品开恩，项目需求不是很繁重，在抽时间写一套后台管理系统框架模板（vue+element-ui），记录一些问题的解决方案。文章没什么顺序，就想到什么写什么了，也都是之前工作上碰到的问题。抛出问题项目用vuex做全局状态管理，页面刷新后，仓库内的state被初始化。bug原因js代码运行在内存中，代码运行时，变量和函数都保存在内存中。在刷新操作中，以前的内存被释放，重新加载js...

2019-04-04 12:31:05 4736 1

原创了解及优化页面回流和重绘

题记：web开发经常会听到回流和重绘这两个词，最近看了一些文档，简单记录下自己对这两个概念的理解以及怎么尽可能避免回流和重绘，提高页面渲染速度。概念回流：浏览器的渲染过程中，计算DOM节点在视口内的显示/隐藏，确切位置和大小，这个计算的阶段就是回流。重绘是一个元素外观的改变(自身的宽高，布局，及显示或隐藏没有改变)所触发的浏览器行为，例如改变vidibility、backgr...

2019-03-12 16:12:50 555

转载使用document.scrollingElement控制窗体滚动高度

本文转载于张鑫旭博客一、为何有document.scrollingElement？如果只是为了获取当前网页窗体的滚动高度，直接使用window.pageYOffset就可以了（IE9+），桌面端和移动端都支持。但是window.pageYOffset是一个只读属性，我们无法用来设置窗体的滚动高度，此时，就要找到对应的滚动元素，通过设置scrollTop值来改变窗体的滚动位置。然后，桌面...

2019-02-27 13:41:18 3687

转载 vue修饰符--可能是东半球最详细的文档（滑稽）

原文链接：segmentfault.com为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字）表单修饰符填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的.lazy<div&...

2019-02-11 14:32:49 548

转载 CSS粘性定位 position:sticky

在研究rem布局时，无意中看到网易新闻移动端首页的导航栏用上了一个CSS 3的属性粘性定位position:sticky，它是相对定位（position:relative）和固定定位（position:fixed）的混合。使用它，我们不再用监听scroll事件，即可实现导航栏滚动绝对定位的效果。网易新闻首页效果基本用法nav{ position:sticky; top:10p...

2019-02-11 11:55:08 1262

转载 vue项目通过cross-env配置三种环境(开发，测试，生产)打包

转载于https://www.cnblogs.com/panax/p/9800102.html- 安装npm install cross-env --save-dev- 修改config里面的参数，这里只展示一个test,其他类似注意单双引号- 修改package.json 文件注意去掉原有的build，NODE_ENV最好都设成production，因为在utils.js只做...

2019-01-03 11:32:21 2904

转载 npm及webstrom(自动)编译scss全攻略(输出路径)

1. Ruby安装SCSS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SCSS。推荐使用https://rubyinstaller.org/downloads/上下载的Windows一键安装包:)安装包路径（64位）： https://dl.bintray.com/oneclick/rubyinstaller/rubyinstall...

2018-08-24 00:47:26 1197

原创 CSS控制文字(单行/多行)，超出部分显示省略号

- 实现单行文本的溢出显示省略号overflow: hidden;//盒子溢出隐藏text-overflow:ellipsis;//文字溢出显示省略号white-space: nowrap;//文字不换行- 多行文本溢出显示省略号display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;...

2018-08-12 15:36:14 5089

需求：生成二维码1. 使用极客标签提供的二维码快速生成服务http://www.gbtags.com/gb/qrcode?t=https://www.youkuaiyun.com&amp;s=300参数分别为文字和图片尺寸~~2. 使用新浪提供的服务&lt;img src="http://qrcoder.sinaapp.com?t=https://www.youkuaiyun.com"&gt;...

2018-07-29 19:58:31 6826

原创总结页面公共部分引入的几种办法

前言前端开发过程中经常会遇到这样的问题，一个网站的头部侧边栏尾部固定，几乎每个页面都存在，，这时为了做到一次编写，多处使用的效果，我们就会想要去将这部分的代码放在单独的文件中，然后引用这个文件。分享几个楼主工作上遇到过的方法。- PHP/ASP.NET——include 首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index

2018-05-01 15:29:32 18834 1

原创使用js实现局部打印页面

前言前端开发在工作中经常有遇到打印局部页面的需求，今天就介绍下小编工作中用到JS实现页面打印局部打印的方法，供大家参考。正文在项目的开发中遇到了点击打印，需要打印页面中部分的内容，实现方式如下首先将需要打印的内容包裹起来：例如html<p>我是打印上面的内容</p> <div id="printBox"> ...

2018-04-22 14:52:09 9414 5

原创【原生js】详解轮播图之无缝滚动

前言：轮播图，是网站首页中最常见的一种图片切换特效，作为前端开发者，我相信很多开发者都直接调用了JQuery中的封装好的方法实现图片轮播，省事简单。所以我今天想介绍一下原生js代码实现的图片轮播。结构部分html部分<body>  <div class="show_box">  <div class="pic_box">

2017-12-18 23:54:34 16623

zoro的博客