前端
前端专栏,揭示前端开发的奥妙,分享最新Web技术与前端框架实战经验
好奇的菜鸟
想,都是问题;做,才是答案。
技术交流wx:yjtzfywh。
展开
-
前端学习资源推荐
前端学习资源推荐原创 2024-06-15 06:07:36 · 226 阅读 · 0 评论 -
使用 el-autocomplete 实现远程搜索功能
使用 el-autocomplete 实现远程搜索功能原创 2024-05-28 10:37:18 · 260 阅读 · 0 评论 -
npm install node-sass 安装失败的解决方案:利用国内镜像加速安装
npm install node-sass 安装失败的解决方案:利用国内镜像加速安装原创 2024-05-28 08:21:00 · 1092 阅读 · 0 评论 -
jQuery对象与DOM对象简介及相互转换
jQuery对象与DOM对象简介及相互转换原创 2024-05-24 14:23:31 · 625 阅读 · 0 评论 -
ECMAScript、BOM与DOM:网页开发的三大基石
ECMAScript、BOM与DOM:网页开发的三大基石原创 2024-05-24 08:07:27 · 469 阅读 · 0 评论 -
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南原创 2024-05-10 10:10:01 · 1120 阅读 · 0 评论 -
DOMException: 属性设置错误处理指南
DOMException: 属性设置错误处理指南原创 2024-05-09 17:26:51 · 934 阅读 · 0 评论 -
Element UI 表单验证详解与实践
Element UI 表单验证详解与实践原创 2024-05-09 10:10:26 · 1037 阅读 · 0 评论 -
Vue.js中使用JavaScript实现路由跳转详解
Vue.js中使用JavaScript实现路由跳转详解原创 2024-05-08 16:08:00 · 691 阅读 · 0 评论 -
探索前端开发新利器:MFSU
探索前端开发新利器:MFSU原创 2024-04-24 17:17:27 · 363 阅读 · 0 评论 -
ECMAScript与JavaScript:一场语言的邂逅
ECMAScript与JavaScript:一场语言的邂逅原创 2024-03-27 09:51:55 · 585 阅读 · 0 评论 -
Yarn: 安装与使用教程
Yarn: 安装与使用教程原创 2024-03-27 09:49:35 · 763 阅读 · 0 评论 -
IDEA打开vue项目并运行
一、安装vue插件,重启IDEA二、配置npm打开你的vue项目根目录红色框内为你的安装目录,绿色框内保持一致即可!配置install命令配置run命令三、Terminal中输入npm run serve打开对应网址看看效果吧......原创 2020-11-25 08:51:23 · 19765 阅读 · 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 · 1410 阅读 · 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 · 874 阅读 · 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 · 2562 阅读 · 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 · 1870 阅读 · 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 · 1661 阅读 · 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 · 2721 阅读 · 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 · 1554 阅读 · 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 · 1144 阅读 · 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 · 3188 阅读 · 0 评论 -
VUE生命周期函数简单的区别
原创 2020-10-28 13:48:58 · 961 阅读 · 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 · 951 阅读 · 0 评论 -
极速安装Vue.js devtools
一、下载git clone https://gitee.com/yjtzfywh/vue-devtools-chrome.git二、打开浏览器扩展插件chrome://extensions/选择加载已解压扩展程序三、重启浏览器,打开vue项目和开发者工具原创 2020-11-23 14:56:53 · 1716 阅读 · 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 · 7771 阅读 · 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 · 3755 阅读 · 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 · 5842 阅读 · 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 · 11433 阅读 · 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 · 1609 阅读 · 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 · 5273 阅读 · 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 · 2334 阅读 · 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 · 1847 阅读 · 0 评论 -
vue中的空格(总有一个适合你)
原文:https://www.jianshu.com/p/b6b976680b4c  == 普通的英文半角空格  == ==   == no-break space (普通的英文半角空格但不换行)  == 中文全角空格 (一个中文宽度)  ==   == en空格 (半个中文宽度)  ==   == em空格 (一个中转载 2020-11-13 13:22:23 · 33972 阅读 · 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 · 4994 阅读 · 2 评论 -
VSCode 初次写vue项目并一键生成.vue模版
链接:https://www.jianshu.com/p/8610215a8a84来源:简书1.安装vscode官网地址:https://code.visualstudio.com/2.安装一个插件,识别vue文件插件库中搜索Vetur,下图中的第一个,点击安装,安装完成之后点击重新加载微信图片_20180723174649.png3.新建代码片段文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定4.删除转载 2020-11-17 10:34:17 · 1002 阅读 · 0 评论 -
如何新建一个vue+vant移动端项目
默认已经安装好了node和vue cli。vant官方文档:https://youzan.github.io/vant/#/zh-CN/homenpm install -g @vue/cli1.新建项目(安装速度慢,可使用taobao的仓库加速)#创建你的项目vue init webpack 你的项目名cd 你的项目名#安装依赖npm install#运行npm run dev依次指定项目名称、项目描述、作者等信息2.vant的安装和引入Ctrl+C后输入Y原创 2020-10-22 09:58:00 · 2161 阅读 · 0 评论 -
Vue升级及版本不匹配解决_Vue packages version mismatch:
很多时候随着项目的需求提升,需要引入新的组件,比如:Vue-ECharts,官方文档基于Apache ECharts (incubating)v4.1.0+ 开发,依赖Vue.jsv2.2.6+,你的项目vue版本可能正好低于它,那就升级。vue 2.x升级 npm update vue升级后再次运行项目,发现vue版本不匹配的问题 Vue packages version mismatch:看到vue版本是2.6.12,vue-template-compiler版本是2....原创 2020-10-15 11:31:37 · 3485 阅读 · 2 评论 -
如何将你的vue项目部署到服务器
服务器端使用nginx一、将测试完成的项目打包 npm run build 打包后项目底下生成一个dist文件夹二、配置你的服务器nginx运行ps -ef|grep nginx,查看你的nginx安装的位置ps -ef|grep nginx使用FileZilla等工具打开你的nginx配置文件的位置复制备份一份,修改一份,增加如下内容 server {#端口号 listen 80;#配置的域名 server_name xxx.xxx..原创 2020-10-30 13:40:37 · 12578 阅读 · 0 评论 -
Nginx 403 Forbidden错误处理
总体来说,403 错误通常是因为文件或目录权限不正确、Nginx 配置问题或文件位置设置错误。检查并修复这些可能的问题,可以解决 Nginx 返回 403 Forbidden 错误的情况。原创 2023-12-29 15:01:55 · 558 阅读 · 0 评论