FE
18篇文章 · 0订阅
  • JS大法 - 纯JS 获取客户端IP地址
    项目中的sass 系统有多种用户权限，且同一个帐号可以多个人同时登录，导致有些操作无法直接追溯到对应的责任人，因此需要获取到当前登录用户的IP地址（员工内部人员的内网地址）并收集上报。 1. 公网IP 对于收集公网IP， 目前通用的是利用 新浪 和 搜狐 的接口，可兼容多种浏览…
    JavaScript
  • IIS 8 开启 GZIP压缩来减少网络请求的消耗
    gzip是GUNzip的缩写，最早应用于unix系统的文件压缩。HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器端和客户端必须同时支持gzip。目前主流的浏览器都支持该协议，常见的服务器Apache,Nginx,IIS也都支持gzip。 gzip…
    服务器 前端 浏览器
  • 『前端工程』—— Vue CLI3搭建项目实战操作
    安装完成后，输入命令vue --version，查看Vue CLI的版本号是否是3.0以上，是代表安装成功。 因为在Vue CLI2中使用npm run dev命令启动项目。 使用npm install安装依赖，安装成功后，执行npm run dev,执行成功后在浏览器打开 h…
    Vue.js
    『前端工程』—— Vue CLI3搭建项目实战操作
  • 如何优雅的在 vue 中添加权限控制
    在一个项目中，一些功能会涉及到重要的数据管理，为了确保数据的安全，我们会在项目中加入权限来限制每个用户的操作。作为前端，我们要做的是配合后端给到的权限数据，做页面上的各种各样的限制。 因为这是一个工作上的业务需求，所以对于我来说主要有两个地方需要进行权限控制。 第一个是侧边菜单…
    Vue.js
  • 图片纯前端JS压缩的实现
    以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…
    JavaScript 前端 Canvas
  • 图片压缩上传
    1、根据input获取用户选取的图片文件let_file=this.$refs.input.files[0]2、将_file文件流通过FileReader转化成base643、处理base64数据通过
    前端
  • 【译】2019年前端必备资源
    在过去的十年中，前端开发已席卷全球，由世界上最大的软件公司赞助和领导的所有Web技术（HTML，CSS，JS等）都取得了长足的进步。在相当长的一段时间，在软件行业中，这可以说是收入最高，需求最多，最令人满意的工作之一。如果您还没有开始学习，这是学习它的最佳时间😃！ 这是一份详…
    前端
  • 一张图教你快速玩转vue-cli3
    本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点： 本文末尾会给出一个以上提到的所有功能的一个配置文件，可供大家学习参考。 接下来，我们根据思维导图，一步步来解释和实现我们的目标。 此时即可按需引入eleme…
    Vue.js
  • Vue 开发必须知道的 36 个技巧【近1W字】
    Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…
    Vue.js JavaScript
  • CSS 常见布局方式
    本文思维导图，欢迎补充 本文首发于我的个人网站：http://cherryblog.site 前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 C…
    CSS 前端
    CSS 常见布局方式