鸡毛蒜皮
文章平均质量分 51
真不吃香菜
会解决的
展开
-
前端JS常考输出题
个人纪录,持续更新。 一var myObject = { foo: "bar", func: function() { var self = this; console.log(this.foo); console.log(self.foo); (function() { console.log(this.foo); console.log(self...原创 2022-03-08 19:32:35 · 1034 阅读 · 0 评论 -
JS事件循环机制——宏任务&微任务常考输出题
答案在最后,持续更新。事件循环执行顺序为:先执行宏任务script,并执行里面的同步任务;执行栈为空后查询是否存在微任务,存在就立即执行,然后开始下一轮的事件循环。 一setTimeout(function () { console.log(1); }); new Promise(function(resolve,reject){ console.log(2) resolve(3)}).then(function(val){ consol..原创 2022-03-01 21:15:03 · 468 阅读 · 0 评论 -
基于vue组件思想的移动端导航栏 —— TabBar
用vue CLI3搭建的项目结构,组件目录结构如图,做个笔记。原创 2022-01-26 23:52:19 · 2679 阅读 · 0 评论 -
vue项目文件路径的引用 — alias 别名的使用
当文件层级较复杂时,引用路径也许会变成这样:"../../views/tabbar/components..."不美观又显得冗余。在用vue CLI2 搭建的项目里可以在文件中设置:需要注意的是:引用方式为import时,可以直接使用带@的方式,比如:import MainTabBar from "@/components/MainTabBar"但是当引用路径作为属性使用时,需要加上~,比如:<img slot="item-icon" src="~assets/img/tabbar原创 2021-12-02 23:25:50 · 493 阅读 · 1 评论 -
解决:安装vue CLI不成功时,执行npm clean cache -force清除缓存命令无效
安装vue CLI失败后,百度得知在终端执行命令:npm clean cache -force 后大部分人都解决了,但我试过后还是无效。一种解决方案是尝试重新安装node。执行指令npm clean cache -force 失效的一个可能的原因是,终端的一些指令是不能随便执行的,需要管理员权限。执行指令清空,清空的就是一个内部的文件夹,在user/administrator/AppData/Roaming/npm cache里,把npm cache这个文件夹删掉,然后再去执行npm clean c原创 2021-11-25 23:48:42 · 8503 阅读 · 0 评论 -
基于高德地图API — 绘制热力图初尝试
初次了解高德地图,并尝试在地图的基础上绘制热力图。官方传送链接高德开放平台。前提准备点击注册开发者账号登录成功后,点击左侧菜单栏「应用管理」,如图所示,点击「添加」获取API,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」回到页面引入文件:引入官方CSS文件,也可以下载在本地引入引入官方APIhttps://webapi.amap.com/maps?v=2.0&key=你的key值引入官方热力图数据,如果你自己有后台的热力图数据,可以不引入这个创建底图原创 2021-08-19 15:56:53 · 4327 阅读 · 0 评论 -
vue ui命令无反应,无法启动可视化页面
原因:最后得出的原因是:版本太低!vue的版本低于3x是没有ui功能的。先查看版本号,输入命令:vue -V再查看vue的帮助信息,有没有ui这个命令,输入命令:vue -h解决办法:1、卸载老版本npm,Mac需要在命令前加上sudo管理员权限:sudo npm uninstall vue-cli -g2、卸载完后安装新的npm:sudo npm install @vue/cli -g再输入命令查看帮助就能看到ui命令了。...原创 2021-08-10 16:11:10 · 1365 阅读 · 0 评论 -
使用Postman测试后台项目接口是否正常工作
1、先运行npm install命令(要在vue项目里输入这个命令,方法是在终端输入:cd 项目地址,再按回车,然后再输入npm install命令)出现上图所示说明npm依赖包安装完毕。2、接下来用node命令app.js输入命令:node app.js地址如果页面如上图所示且没有报错,说明已成功运行API接口项目。接下来用Postman来测试API接口能否正常进行工作。在Postman官网下载以下两个应用。在API文档里查找所需测试的请求方式和接口地址,在Body里设置参数,测试如原创 2021-06-07 20:49:51 · 1495 阅读 · 0 评论 -
前端小白:如何从零开始搭建Vue项目(完整步骤)
1、安装node.js和npm到node.js官网下载相应安装包,选择想要安装的目录即可,一路傻瓜式安装。安装完毕,在终端输入命令 node -v,输出版本号即代表安装成功。node安装完后,npm包管理器会自动安装,继续输入命令 npm -v,输出版本号即代表npm安装成功。由于npm是国外资源的原因可能会导致失败,则用npm的国内镜像安装,在终端输入npm install -g cnpm –registry=http://registry.npm.taobao.org ,安装完成之后输入cnp原创 2021-08-05 00:24:13 · 2012 阅读 · 0 评论