前端
关注
分享
扫一扫
前端专栏，揭示前端开发的奥妙，分享最新Web技术与前端框架实战经验
好奇的菜鸟
路虽远，行则将至；事虽难，做则必成。wx:yjtzfywh
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Lodash的debounce方法：优化你的函数调用
Lodash的debounce方法：优化你的函数调用原创 2024-12-01 00:00:00 · 2234 阅读 · 0 评论 -
前端如何获取unpkg的资源链接
前端如何获取unpkg的资源链接原创 2024-12-01 00:00:00 · 822 阅读 · 0 评论 -
解决 Node.js 项目中的 Yarn 安装错误
解决 Node.js 项目中的 Yarn 安装错误原创 2024-09-13 11:37:47 · 1190 阅读 · 0 评论 -
如何解决npm安装时的网络请求失败问题https://registry.nlark.com/yargs-parser/download/yargs-parser-20.2.9.tgz failed,
如何解决npm安装时的网络请求失败问题https://registry.nlark.com/yargs-parser/download/yargs-parser-20.2.9.tgz failed,原创 2024-09-06 16:55:01 · 2268 阅读 · 1 评论 -
如何解决npm安装时遇到的证书过期问题https://registry.npm.taobao.org/yorkie/download/yorkie-2.0.0.tgz failed, reason:
如何解决npm安装时遇到的证书过期问题https://registry.npm.taobao.org/yorkie/download/yorkie-2.0.0.tgz failed, reason:原创 2024-09-06 16:50:38 · 938 阅读 · 0 评论 -
前端学习资源推荐
前端学习资源推荐原创 2024-06-15 06:07:36 · 305 阅读 · 0 评论 -
使用 el-autocomplete 实现远程搜索功能
使用 el-autocomplete 实现远程搜索功能原创 2024-05-28 10:37:18 · 1030 阅读 · 0 评论 -
npm install node-sass 安装失败的解决方案：利用国内镜像加速安装
npm install node-sass 安装失败的解决方案：利用国内镜像加速安装原创 2024-05-28 08:21:00 · 12513 阅读 · 0 评论 -
jQuery对象与DOM对象简介及相互转换
jQuery对象与DOM对象简介及相互转换原创 2024-05-24 14:23:31 · 777 阅读 · 0 评论 -
ECMAScript、BOM与DOM：网页开发的三大基石
ECMAScript、BOM与DOM：网页开发的三大基石原创 2024-05-24 08:07:27 · 587 阅读 · 0 评论 -
Vue-treeselect：为Vue应用程序提供强大选择器的指南
Vue-treeselect：为Vue应用程序提供强大选择器的指南原创 2024-05-10 10:10:01 · 1535 阅读 · 0 评论 -
DOMException: 属性设置错误处理指南
DOMException: 属性设置错误处理指南原创 2024-05-09 17:26:51 · 2440 阅读 · 0 评论 -
Element UI 表单验证详解与实践
Element UI 表单验证详解与实践原创 2024-05-09 10:10:26 · 1557 阅读 · 0 评论 -
Vue.js中使用JavaScript实现路由跳转详解
Vue.js中使用JavaScript实现路由跳转详解原创 2024-05-08 16:08:00 · 932 阅读 · 0 评论 -
探索前端开发新利器：MFSU
探索前端开发新利器：MFSU原创 2024-04-24 17:17:27 · 848 阅读 · 0 评论 -
ECMAScript与JavaScript：一场语言的邂逅
ECMAScript与JavaScript：一场语言的邂逅原创 2024-03-27 09:51:55 · 645 阅读 · 0 评论 -
Yarn: 安装与使用教程
Yarn: 安装与使用教程原创 2024-03-27 09:49:35 · 1208 阅读 · 0 评论 -
IDEA打开vue项目并运行
一、安装vue插件，重启IDEA二、配置npm打开你的vue项目根目录红色框内为你的安装目录，绿色框内保持一致即可！配置install命令配置run命令三、Terminal中输入npm run serve打开对应网址看看效果吧......原创 2020-11-25 08:51:23 · 20555 阅读 · 1 评论 -
vue点击按钮复制文字到粘贴板
一、安装依赖cnpm install clipboard --save 二、main.js引入import Clipboard from 'clipboard';Vue.prototype.Clipboard=Clipboard三、button按钮添加如下属性:data-clipboard-text指定你的v-mode数据，@click方法是中需要使用id的值:data-clipboard-text="code" id="copyText"原创 2020-11-27 15:44:19 · 1473 阅读 · 0 评论 -
Vue的小知识点
1.vue生命周期2.视图加载完毕后需要至执行的方法mounted:()=> { this.$nextTick(()=>{ //你要执行的代码 }); }, 3.函数methods和计算属性computed的异同https://cn.vuejs.org/v2/guide/computed.html共同点：都可以进行计算区别：计算属性只有当，计算属性中的方法所依赖的数值发生变化的时候执行，函数则是调用一次执行一次。.原创 2020-09-28 09:20:47 · 920 阅读 · 0 评论 -
vue按钮下载服务器文件基于a标签download
let link = document.createElement("a"); link.style.display = "none"; link.href ="http://www.baidu.com/asdfa.zip"; console.log(link.href) link.setAttribute("download", "文件名称"); document..原创 2021-03-11 09:16:06 · 2621 阅读 · 0 评论 -
Vue全局注册与局部注册异同点
一、注册位置不一样全局注册写在src/main.js里边局部注册写在src/App.vue二、语法不一样全局注册Vue.component('myheader',header),Vue.component('mycontent',content),Vue.component('mybottom',bottom),局部注册export default { name: 'app', components:{ 'myheader':Header, 'my原创 2020-06-18 16:53:26 · 2000 阅读 · 0 评论 -
如何在手机上预览vue项目
前提：手机和电脑处于同一网络(同一个路由器),电脑WiFi和手机WiF、电脑有线和手机wifi一、打开cmd查询电脑IPipconfig二、将电脑IP配置到vue的package.json中dev: { host: '192.168.50.45', // 原为: hotst: 'localhost' }--host192.168.50.45 "scripts": { "dev": "webpack-dev-server --inline ...原创 2020-11-19 10:20:18 · 1779 阅读 · 0 评论 -
element ui 表格实现点击复制单元格内容
1.npm安装vue-clipboard2插件npm install --savevue-clipboard2注意：接下来就是我的入坑爬坑之旅。。。npm install --save vue-clipboard2之后，直接就报了ERROR -4048，找到了两种解决方法。把node_modules文件夹删除，package-lock.json文件也删除，以管理员身份运行cmd，再npminstall；npm cache clean --force再npminstall；（...转载 2021-03-15 00:09:32 · 2830 阅读 · 0 评论 -
Vue使用axios详细步骤
一、安装axios模块npm install --save axios vue-axios二、安装依赖npm install三、导入模块并使用main.jsimport axios from 'axios'import VueAxios from 'vue-axios'Vue.use('axios','VueAxios')原创 2020-06-19 00:17:25 · 1601 阅读 · 0 评论 -
iView分页表格封装
分页：https://www.iviewui.com/components/page表格：https://www.iviewui.com/components/table<template> <div> <Table ref="table" v-if="!refresh" :loading="loading" :data="showData" :columns="columns" stripe :border="border"> </.原创 2020-11-23 09:18:28 · 1196 阅读 · 0 评论 -
uniapp微信小程序地图全屏显示配送范围
一、官方文档微信小程序map官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/map.html二、显示效果图三、源码scale:缩放级别缩放级别，取值范围为3-20，数字越小，地图比例越大(单位面积内显示区域越大)longitude：经度latitude：维度markers:标记点circles:圆color:描边颜色radius：圆的半径，单位mfillColor:填充颜色s.原创 2020-11-30 13:32:06 · 3346 阅读 · 0 评论 -
VUE生命周期函数简单的区别
原创 2020-10-28 13:48:58 · 1007 阅读 · 1 评论 -
VUE之彩虹点击
效果如图所示<template> <view class="content"> <view class="view71 view" hover-class="view7" :hover-start-time="3000" :hover-stay-time="800"> <view class="view61 view" hover-class="view6" :hover-start-time="2500" :hover-stay-tim.原创 2020-09-17 16:35:22 · 1016 阅读 · 0 评论 -
极速安装Vue.js devtools
一、下载git clone https://gitee.com/yjtzfywh/vue-devtools-chrome.git二、打开浏览器扩展插件chrome://extensions/选择加载已解压扩展程序三、重启浏览器，打开vue项目和开发者工具原创 2020-11-23 14:56:53 · 1826 阅读 · 0 评论 -
vue项目使用腾讯地图获取定位
一、注册成为腾讯地图开发者https://lbs.qq.com/创建新秘钥https://lbs.qq.com/dev/console/key/manage根据页面提示填写相关信息复制你的秘钥二、vue中index.html中里引入需要的js文件注意填写你的密钥<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta nam.原创 2020-11-19 13:46:22 · 8038 阅读 · 6 评论 -
npm install 报错 check python checking for Python executable python2 in the PATH
一、安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org二、使用cnpm installcnpm install三、启动项目或者打包项目cnpm run serve#或cnpm run dev#或cnpm run build其他方案：https://blog.csdn.net/qq_42886417/article/details/103123659...原创 2021-01-15 16:33:02 · 4135 阅读 · 1 评论 -
vue使用axios与springboot通讯
vue使用axios发送get请求springboot后台返回数据一、vue部分在vue项目下使用Terminal安装axios axiosnpm install --save axios vue-axiosnpm installmain.js 引入axios与vue-axiosimport Vue from 'vue'import App from './App.vue'import axios from 'axios'import VueAxios from '.原创 2020-06-19 11:15:00 · 6200 阅读 · 5 评论 -
Vue 移动端框架
原创地址：https://www.jianshu.com/p/1e05c8d684071. Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件，这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览Vant2. Mint UIMint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。中文文档 | github地址 | 在线预览Mint UI3. Wot..转载 2020-10-22 09:05:26 · 12123 阅读 · 0 评论 -
vue+elementUI表格下载为excel
原文：https://blog.51cto.com/butcher36/2506830一、安装插件cnpm install --save xlsx file-saver二、页面引入import FileSaver from 'file-saver'import XLSX from 'xlsx'三、添加方法exportWageDetail(){var xlsxParam = { raw: true };var wb = XLSX.utils.table_to_boo.转载 2021-01-24 12:44:21 · 1686 阅读 · 5 评论 -
你的第一个Vue项目HelloWorld看这一篇就够了
一、初始化模板模板：vue官方初始化了几种常用模板，如图使用vue list查看官方模板vue list选择模板创建vue项目骨架，此处选择模板为webpack-simple，项目名称为myvuedemo0620，回车后需要填写项目名称 项目描述 作者 许可协议 是否使用sass 一路回车就可以vue init webpack-simple mybuedemo0620二、安装依赖、运行项目#进入项目目录 cd mybuedemo0620#安装依赖 npm inst原创 2020-06-20 13:13:53 · 6495 阅读 · 2 评论 -
JS时间戳转时间
timeConvert(timestamp) { //num:0 YYYY-MM-DD num:1 YYYY-MM-DD hh:mm:ss // timestamp:时间戳 //将时间戳转换成正常时间格式 var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + "-"; var M = (date.原创 2020-11-12 18:02:45 · 2397 阅读 · 0 评论 -
Chrome如何安装vue-devtools
1.到GitHub上下载git clone https://github.com/vuejs/vue-devtools由于github很多时候网速较慢，可以先导入到gitee，软后下载。 git clone https://openharmony.gitee.com/yjtzfywh/vue-devtools.git2.安装依赖和打包 #进入文件cd vue-devtools#使用淘宝镜像加速npm config set registry https://re.原创 2020-09-15 14:38:59 · 1899 阅读 · 0 评论 -
vue中的空格(总有一个适合你)
原文：https://www.jianshu.com/p/b6b976680b4c  == 普通的英文半角空格  == ==   == no-break space （普通的英文半角空格但不换行）　 == 中文全角空格 （一个中文宽度）  ==   == en空格 （半个中文宽度）  ==   == em空格 （一个中转载 2020-11-13 13:22:23 · 38006 阅读 · 2 评论 -
使用VUE- Cli创建UniApp
一 安装Vue clinpm config set registry https://registry.npm.taobao.orgnpm install -g @vue/cli二 创建UniAppvue create -p dcloudio/uni-preset-vue 你的项目名原创 2020-09-15 09:07:51 · 5099 阅读 · 2 评论