web前端
文章平均质量分 52
前端程序猿微凉
纸上得来终觉浅,绝知此事要躬行。
展开
-
前端常用网站
Csdn:https://www.csdn.net/Vant: https://vant-contrib.gitee.io/vant/#/zh-CN/图片压缩: https://tinify.cn/Vue: https://cn.vuejs.org/v2/guide/阿里云: https://www.aliyun.com/?spm=5176.12901015-2.0.0.6923525cMKSz10掘金: https://juejin.cn/企业微信: https://developer.wor原创 2022-08-29 09:40:29 · 321 阅读 · 1 评论 -
前端图片压缩方法
前端经常使用的图片压缩工具 上传下载即可 方便好用原创 2022-07-28 10:37:27 · 474 阅读 · 0 评论 -
Vue中监听窗口关闭或刷新执行相关代码
Vue中监听窗口关闭或刷新执行相关代码 pagehidebeforeunloadunload visibilitychange 事件原创 2022-07-05 17:21:28 · 6011 阅读 · 4 评论 -
将本地图片转化为base64字符串
将本地图片转化为base64字符串原创 2022-06-08 17:01:39 · 1434 阅读 · 0 评论 -
tr td 编写表格
tr td 编写表格table附效果图以便理解原创 2022-06-16 17:13:42 · 11402 阅读 · 0 评论 -
使用vant通过后台同级地址数据实现三级联动
使用vant通过后台同级地址数据实现三级联动原创 2022-05-25 17:05:59 · 1268 阅读 · 0 评论 -
使用腾讯地图直接获取经纬度
1.注册成为开发者申请api key注册成功后填写密钥信息打开控制台获取密钥腾讯位置服务 - 立足生态,连接未来2.使用axios去获取经纬度在main.js 中添加一下代码import axios from 'axios'axios.defaults.baseURL='#'Vue.prototype.$http = axios再需要获取经纬度的页面 <script> export default { name: 'Home', .原创 2022-05-12 17:13:54 · 4795 阅读 · 0 评论 -
vue项目使用企业微信js-sdk获取经纬度
1.在vue中安装 weixin-jsapinpm install weixin-jsapi --save-dev 或者 cnpm install weixin-jsapi2 until文件夹下创建WXUntil.js下面代码的api.getjssdk是给后端传当前#前的地址获取配置参数的接口import jWeixin from 'weixin-jsapi';import api from '@/api/index';// 获取appid信息的接口,以后台人员接口为准// 获取原创 2022-05-12 16:42:28 · 2916 阅读 · 1 评论 -
在线JSON校验格式化工具,文本对比工具,截图notepad工具
在线JSON校验格式化工具,文本对比工具原创 2022-03-14 14:18:47 · 2493 阅读 · 0 评论 -
z-index
CSS中z-index属性1,定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;),注意:Z-index只能工作在被明确定义了absolute,fixed或relative 这三个定位属性的元素中,如果没有定义position属性,则z-index属性不起作用。2,说明该属性设置一个定位元素沿 z 轴的位置原创 2022-03-09 09:24:36 · 377 阅读 · 0 评论 -
VScode 终端无法输入 空白 解决方法
解决方法:首先按快捷键打开 Ctrl + p 找到settings.json打开然后输入以下代码配置 { "python.jediEnabled": false, "terminal.integrated.shell.windows": "C:\\Windows\\sysnative\\cmd.exe"}最后直接重启即可...原创 2022-03-02 15:46:19 · 1607 阅读 · 2 评论 -
seaJS简介与使用
seaJS简介什么是 seaJS ? 和requireJS相似的,seaJS 也是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为JS文件的加载器,它非常适合在浏览器中使用,它可以确保所依赖的JS文件加载完成之后再加载当前的JS文件,这在大量使用JS文件的项目中可确保各个JS文件的先后加载顺序,确保避免了以前因某些原因某个文件加载慢而导致其它加载快的文件需要依赖其某些功能而出现某函数或某变量找不到的问题,这点非常有用原创 2022-03-01 15:47:16 · 1652 阅读 · 0 评论 -
glup的安装与启动
目录1、安装node.js2、安装gulp1. 安装全局的gulp。2. 作为项目开发依赖安装。3. 在项目根目录下创建一个gulpfile.js的文件。导入工具包任务代码4. 运行gulp5. 创建packpage.json文件6. 更换仓库地址1、安装node.js因为gulp是基于node.js的。安装地址:https://nodejs.org/en/建议安装LTS版本。2、安装gulp1. 安装全局的gulp。打开cmd..原创 2022-03-01 10:56:02 · 3236 阅读 · 0 评论 -
window.location.replace(‘url‘)页面跳转
window.location.href页面跳转没有直接返回原页面解决方案,使用window.location.replace('url')原创 2022-02-28 15:02:53 · 8322 阅读 · 0 评论 -
几种遍历方法的使用场景
目录前言自我介绍forforEachmapfor...in枚举for...of迭代能力甄别关于跳出循环体map()链式调用for...in会遍历出原型对象上的属性性能总结前言几种遍历方法中for执行最快,它没有任何额外的函数调用栈和上下文。但在实际开发中我们要结合语义话、可读性和程序性能,去选择究竟使用哪种方案。下面来看for , foreach , map ,for...in , for...of五种方法现场battle。...原创 2022-02-23 15:27:38 · 815 阅读 · 0 评论 -
推荐一大波让你直呼哇塞的Canvas库
前言Canvas技术的诞生可谓是让绘图技术如虎添翼,本文将推荐一系列Canvas图形绘制、流程图、组织图、甘特图、全景图、3D库、VR/AR、图像编辑等方面的库,希望助你在Canvas绘图时寻得一把趁手的利器。同时,也将Canvas的相关资源进行的收录整理分类,更多的资源请关注awesome-canvas[1],项目地址 github.com/chinaBerg/a…[2] 。目前该库持续维护中,已收录大约200+的Canvas库,以及资源网址、插件、书籍、博客等资源。图形处理库图..原创 2022-02-23 09:40:49 · 6030 阅读 · 0 评论 -
keep-alive组件缓存
前言动态组件扩展关于is1.动态组件2.is的用法组件缓存扩展跟keep-alive有关的生命周期是哪些?activateddeactivated原创 2022-02-22 15:13:51 · 6873 阅读 · 0 评论 -
VUE自定义指令
对普通 DOM 元素进行底层操作,这时候就会用到自定义指令 问题:自定义指令(v-check、v-focus)的方法有哪些? 它有哪些钩子函数?还有哪些钩子函数参数?全局定义指令:在vue对象的directive方法里面有两个参数,一个是指令名称,另外一个是函数。组件内定义指令:directives 钩子函数:bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新) 钩子函数参数:el、binding自定义指令-传值原创 2022-02-22 14:55:49 · 899 阅读 · 0 评论 -
vue项目读取显示pdf文件
vue项目读取显示pdf文件 使用 iframe 标签 点击条款传参获取pdf文件路径显示原创 2022-02-16 09:44:07 · 4161 阅读 · 0 评论 -
三大程序猿必备的在线宝藏工具
开发工具 编码转换 加密解密 查询对照 站长工具 网站运维 日常工具 地图 恶搞生成计算器 视频音频文档转换 图片操作 个性测试 编译工具PHP 在线工具在线编译、运行 PHP 代码Python2 在线工具在线编译、运行 Python 代码Python3 在线工具在线编译、运行 Python 代码Java 在线工具在线编译、运行 Java 代码C 在线工具在线编译、运行 C 语言代码C++ 在线工具在线编译、运行 C++ 代码Ruby 在线工具在线编译、运行 R原创 2022-02-11 11:11:08 · 251 阅读 · 0 评论 -
基于vue加element-ui写后台管理
基于vue加element-ui写后台管理基于vue加element-ui写后台管理原创 2022-02-10 11:19:03 · 513 阅读 · 0 评论 -
vue 中使用weixin-js-sdk实现微信分享
vue 中使用weixin-js-sdk实现微信分享 安装 引入 配置 使用原创 2022-01-25 15:59:38 · 3819 阅读 · 1 评论 -
调用万维易源API接口请求数据
调用万维易源API接口请求数据原创 2022-01-25 15:39:09 · 1939 阅读 · 0 评论 -
vue中引入vant使用实列
vue使用vant,详细代码加注释。原创 2022-01-24 17:35:12 · 764 阅读 · 0 评论 -
超实用的Vue 小技巧(开发常用整理)
学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门,可以让我们的编程生活变得更容易--没有大量重复的工作。在用 Vue 开发的这几年里,我学到了很多有用的技巧。有些很取巧,有些几乎每天都在用,有些则更高级--但它们都很有用。原创 2022-01-21 15:12:04 · 3240 阅读 · 1 评论 -
JavaScript作用域和作用域链以及执行上下文与执行栈
JavaScript作用域和作用域链以及执行上下文与执行栈 作用域 1.什么是作用域 2.全局作用域和函数作用域 3.块级作用域作用域链 1.什么是自由变量2.什么是作用域链3.关于自由变量的取值作用域与执行上下文 JavaScript执行上下文 执行上下文的生命周期变量提升和this指向的细节 执行上下文栈(Execution Context Stack)原创 2022-01-21 13:37:18 · 685 阅读 · 0 评论 -
DOM事件相关总结
DOM事件相关总结 DOM事件模型和事件流 DOM事件捕获的具体流程事件代理(事件委托) Event对象常见的应用原创 2022-01-21 10:34:23 · 667 阅读 · 0 评论 -
vue-router是什么?对vue-router的实现原理,使用方式以及参数传递的了解
一、前言 二、vue-router是什么 三、vue-router实现原理1、Hash模式:2、History模式:3、使用路由模块来实现页面跳转的方式 四、vue-router使用方式 五、vue-router参数传递 1、用name传递参数 2、通过标签中的to传参3、利用url传递参数----在配置文件里以冒号的形式设置参数。4、使用path来匹配路由,然后通过query来传递参数原创 2022-01-20 17:27:56 · 1665 阅读 · 1 评论 -
前端加密的实现
二、对称加密和非对称加密1. 对称加密对称加密指的就是加密和解密使用同一个秘钥,所以叫做对称加密。对称加密只有一个秘钥,作为私钥。常见的对称加密算法:DES,AES,3DES等等。2. 非对称加密非对称加密指的是:加密和解密使用不同的秘钥,一把作为公开的公钥,另一把作为私钥。公钥加密的信息,只有私钥才能解密。私钥加密的信息,只有公钥才能解密。常见的非对称加密算法:RSA,ECC3. 区别对称加密算法相比非对称加密算法来说,加解密的效率要高得多。但是缺陷在于对于秘钥的管原创 2022-01-19 17:38:22 · 3173 阅读 · 1 评论 -
git命名规范和协作开发流程
git命名规范和协作开发流程原创 2022-01-17 15:04:17 · 838 阅读 · 0 评论 -
项目中常见的前端手写功能(含代码)
JavaScript相关工具代码(方便又实用)时间工具,获取当前URL截取参数对象,判断移动端,判断IOS端Android端,判断浏览器的简单有效方法,JS,Jquery获取各种屏幕的宽度和高度,js实现手机横屏显示,js拖拽效果,获取上传文件的大小,限制上传文件的类型,购物车,电梯导航,手风琴(待完成)原创 2022-01-17 14:37:33 · 958 阅读 · 1 评论 -
菲波那切数列
菲波那切数列原创 2022-01-17 14:17:34 · 265 阅读 · 0 评论 -
观察者模式与发布订阅模式
观察者模式与发布订阅模式,设计思路。原创 2022-01-17 14:14:18 · 98 阅读 · 0 评论 -
字符串转 txt 文件(blob)
字符串转 txt 文件(blob)原创 2022-01-17 14:08:10 · 1414 阅读 · 1 评论 -
树遍历(深度优先和广度优先)
树遍历(深度优先和广度优先)以及相关代码原创 2022-01-17 14:06:44 · 1794 阅读 · 0 评论 -
超实用的Javascript小技巧(开发常见问题整理)
jacascript的使用小技巧,项目中遇到的问题以及解决办法。获取一个月有多少天关于函数的 length 属性 数组中字符串键值的处理 void 运算符 关于 JSON.stringify不安全的 JSON 值toJSON 方法JSON.stringify 的第二个参数(1)为数组(2)为函数.toString 的问题一元运算符 字位反转操作符 ~ ~ 的用途 字位截除 给定一组 url 实现并发请求 Promise.all不用 Promise实现 使用数组实现 类型转换问题原创 2022-01-17 13:57:14 · 546 阅读 · 0 评论 -
filezilla软件的安装与使用 提交测试包更新
filezilla软件的安装与使用 提交测试包更新的操作原创 2022-01-14 13:43:50 · 277 阅读 · 0 评论 -
Vue Computed中get 和set的了解以及Computed与watch的区别
vue的computed方法get和 set详解, computed中get和set的栗子(引用官网),computed与watch的区别,computed与watch的不同点还有相同点,项目中的使用总结。原创 2022-01-07 16:52:28 · 3353 阅读 · 1 评论 -
移动端布局VW与rem的区别
移动端布局vw和rem,rem的优缺点,vw的使用。原创 2022-01-06 16:10:10 · 5654 阅读 · 0 评论 -
给网页添加2D卡通形象(形象超全超可爱)
网页动态2D动漫形象转载 2022-01-05 11:22:34 · 1425 阅读 · 0 评论