前端

前端常用的4种请求方式实例总结-牛翰网

前端常用的4种请求方式实例总结

目录 一、GET请求 1.1 使用方式 1.2 优缺点 1.3 应用场景 二、POST请求 2.1 使用方式 2.2 优缺点 2.3 应用场景 三、PUT请求 3.1 使用方式 3.2 优缺点 3.3 应用场景 四、DELETE请求 4.1 使用方...
a5226a788d5edfba的头像-牛翰网紫水木鱼4个月前
0435
前端iconfont两种使用方式举例详解-牛翰网

前端iconfont两种使用方式举例详解

目录 步骤 1:创建项目并添加图标 步骤 2:下载项目代码 步骤 3:在项目中使用 Iconfont 步骤 4:自定义图标样式 css使用整体示例 下面是iconfont.js ,也就是JS的使用方式 步骤 1:获取&n...
b1d42cbc43d1f21f的头像-牛翰网普通网友4个月前
03015
前端开发必备小技巧之前端代码规范Vue篇-牛翰网

前端开发必备小技巧之前端代码规范Vue篇

目录 前端代码规范 一、前端代码规范Vue篇 1、Vue编码基础 1.1、组件规范 1.2、模板中使用简单的表达式 1.3、指令都使用缩写形式 1.4、 标签顺序保持一致 1.5、必须为 v-for 设置键值 key 1.6、...
4d739c2d55064ca8的头像-牛翰网前端初见4个月前
05011
禁止别人调试前端代码的几种常见方法-牛翰网

禁止别人调试前端代码的几种常见方法

目录 前言 无限debugger 基础方案 浏览器宽高 关闭断点,调整空页面 第三方插件 disable-devtool 总结  前言 作为web开发者,我们应该都有这样一个认识:前端代码是公开的,所有人都能拿到...
d28829cecd8a3736的头像-牛翰网C+ 安口木4个月前
0429
前端将dom转换成图片的方法(使用dom-to-image)-牛翰网

前端将dom转换成图片的方法(使用dom-to-image)

目录 一、问题描述 二、dom-to-image的使用 2.1 dom-to-image的安装 2.2 dom-to-image引入 2.2.1 vue项目引入 三、dom-to-image相关方法 总结  一、问题描述 在工作的过程中会遇到要将dom...
ea7234ac6cfc154b的头像-牛翰网crazy-三笠4个月前
0466
前端大屏自适应两种实现方法总结-牛翰网

前端大屏自适应两种实现方法总结

目录 方法一:缩放(scale) 方法二:vh,vw,百分比%,利用高度或者宽度比例算出px值 总结 方法一:缩放(scale) 1.app.vue组件代码(用于app组件缩放会作用于整项目,也可以单独用于大屏页面...
96fae7505f20df82的头像-牛翰网@玖伍贰柒4个月前
03911
前端优雅实现防抖和节流的几种方法示例-牛翰网

前端优雅实现防抖和节流的几种方法示例

目录 引言 防抖与节流的基本概念和作用 防抖 节流 实现防抖 示例一:基础防抖实现 示例二:带立即执行选项的防抖 实现节流 示例三:时间戳版节流 示例四:定时器版节流 示例五:高级节流与防抖...
前端点击预览图片Viewer.js使用方法(简单的操作)-牛翰网

前端点击预览图片Viewer.js使用方法(简单的操作)

目录 1、 Viewer.js简介 2、Viewer.js支持的功能  3、Viewer.js的API  4、 按照和引入的方式 5、使用方法(简单的操作) 总结  1、 Viewer.js简介 Viewer.js 是一款强大的图片查...
8f94aaeef9455cfe的头像-牛翰网可爱的秋秋啊4个月前
0416
前端和后端解决跨域问题的方法详细讲解-牛翰网

前端和后端解决跨域问题的方法详细讲解

目录 一、跨域问题CORS 1.什么是跨域问题? 2.跨域问题是怎么产生的? 3.为什么要有同源策略? 二、解决方法 前端解决方式 1.JSONP方案:(只能解决get请求不能解决post请求) 2.vue解决devServ...
c0c90a330e4d09dc的头像-牛翰网web136885658714个月前
03115
前端实现图片压缩方案总结(干货)-牛翰网

前端实现图片压缩方案总结(干货)

目录 前文提要 1. 使用HTML5的<canvas>元素 步骤概述: 示例代码: 2. 利用第三方库(推荐) 使用 image-magic-adapter示例: 3. gif图片压缩(拓展) node压缩gif实现如下: 注意事项 总结&nb...
809bac6b0a58abbf的头像-牛翰网LuckyCola20234个月前
0566