
前端
yoyo--
这个作者很懒,什么都没留下…
展开
-
cmd窗口中运行不了python或者pip
win+R,输入cmd,打开命令行窗口,输入set PATH=%PATH%;#python.exe所在路径/pip所在路径#替换##中的内容,包括#。比如我这里是C:\Users\lenovo\AppData\Local\Programs\Python\Python39就是->set PATH=%PATH%;C:\Users\lenovo\AppData\Local\Programs\Python\Python39再试一下,ok!...原创 2021-05-07 20:36:35 · 721 阅读 · 0 评论 -
npm 报错: no postcss config
1、终端执行npm install2、在项目根目录新建postcss.config.js文件,并对postcss进行配置: 1 2 3 4 5 module.exports = { plugins: { 'autoprefixer': {browsers:'last 5 version'} ...原创 2019-12-09 17:09:51 · 378 阅读 · 0 评论 -
编写Vue.js的单元测试
Vue.js是一个JavaScript框架,可用于构建Web应用程序的前端框架。特别是在创建复杂功能时,对于每个项目,有必要在我们的应用程序中查看所有内容,并检查它是否符合预期。然而,对于大型项目,每次新的更新后,检查每个功能将变得很麻烦。因此,我们可以创建可以一直运行的自动化测试,并保证我们的代码可以正常运行。在本文中,我们将为VueJS创建一些简单的单元测试。要进行测试,我们将先制作一个基...转载 2019-10-30 09:33:22 · 151 阅读 · 0 评论 -
npm打包发布和使用教程
此案例容易上手,如果你按照步骤做,包学包会!最终展示效果:操作步骤1、webpack init-simple 文件名,新建一个 vue 实例创建vue 项目的配置选项新建好的目录结构:在src同级目录创建一个packages目录,再在packages目录下创建switch目录,我们的组件代码就放到switch目录下面在switch目录创建cus...原创 2019-10-28 13:52:13 · 9278 阅读 · 0 评论 -
git 下载 vue 文件不全的解决方案
由于团队成员把node_modules上的东西传上了git服务器,导致下载的时候因路径名称太长而报错。解决方法:设置git config --system core.longpaths true原创 2019-05-14 16:51:28 · 671 阅读 · 0 评论 -
解决页面缩放时html上浮的问题
问题:设置了html 、body和div的position, 并且height 均为100%,为div 设置了背景图片,在页面缩放时整个html会上浮。分析:此问题主要是html高度没有被撑开导致解决方法:1、设置div的高度为固定值。这样在页面中会有滚动条出现。2、不修改div的高度,保持100%不变,设置其overflow为hidden。这样会在遮挡页面中多余的部分。...原创 2019-06-14 11:52:23 · 966 阅读 · 0 评论 -
怎样在使用了element-ui的Vue 文件中修改样式
1、修改全局样式在app.vue(或者其他任何 .vue文件中)中使用<style>@import '/static/css/yourStyle.css';</style>2、修改局部样式在所要修改的文件中加入<style scoped>@import '/static/css/yourStyle.css';</style>...原创 2019-06-03 20:42:01 · 2941 阅读 · 0 评论 -
vue 中根据用户入口的不同显示不同图片
1、获得用户登录接口数据2、初始化图片,可以设置一个默认图片的存放地址3、根据用户的登录接口数据,切换这个存放图片地址变量的值4、由于vue中需要对地址进行编译,可以在图片地址的字符串上套用require()函数。...原创 2019-08-14 17:31:25 · 1510 阅读 · 0 评论 -
怎样在git 提交时不用输入用户名密码
1、git bash 中输入以下命令:注意,需要修改其中的邮件地址$ ssh-keygen -t rsa -C"youremail@example.com"2、打开github,在“设置”中new一个新的ssh key3、打开生成好的ssh key 存放的地址,把带有-pub的ssh key 复制,粘贴到github中存放ssh key的地方。ok, done!...原创 2019-08-26 09:28:47 · 585 阅读 · 0 评论 -
vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated
错误信息如下:Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"};错误截图:解决方法一:经过多次尝试发现原因可能是 在重新下载依赖包时,安装的vue-router还是之前出错的那个版本, ...原创 2019-09-19 09:32:07 · 6007 阅读 · 2 评论 -
怎样根据当前的路由地址动态激活菜单栏
此问题可分为两种解决方法:1、手动操作DOM 元素2、利用vue的特性动态渲染用第一种方法,需要以下 3 步(1)获得当前已经加了active类的对象,依次removeClass('active')(2)根据当前的路由地址,判断需要添加active类的对象(3)为需要添加active类的对象添加active 方法用第二种方法,需要以下3 步(1)在data里初始化一...原创 2019-09-23 15:30:32 · 524 阅读 · 0 评论 -
移动端自适应
一. 在HTML的头部加入meta标签 在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,代码如下:<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-s...转载 2019-09-25 11:50:08 · 592 阅读 · 0 评论 -
为什么在vue中使用嵌套路由没用
1、检查在router目录下的index文件中是否配置了path:'XXX',component:XXX, children:[{path:'BBB', component: BBB}]如果采用如上写法,那么如果你要同时访问XXX和BBB的话,需要访问到路由地址:/XXX/BBB如果你想通过访问/XXX就能查看到XXX下嵌套BBB的页面,那么就需要把BBB的path改为‘’...原创 2019-10-08 11:14:25 · 1228 阅读 · 0 评论 -
完全离线安装 eslint 的方法
1.在无法联网的电脑上先把VSCode安装好。 2.在家里有网的电脑上,在vsCode里面的扩展直接安装eslint插件,然后在该路径(C:\Users\Administrator\.vscode\extensions)下, 把eslint插件的文件夹(dbaeumer.vscode-eslint-1.2.11)直接拷贝出来,放到无法联网的电脑对应的目录。 3.有网...原创 2019-10-08 13:53:02 · 2450 阅读 · 0 评论 -
怎样让vscode自动生成项目所需格式
1、安装三个插件,分别是 ESLint, Prettier和Vetur2、在settings.json文件中更改代码生成配置:2.1、打开方式: file->preferences->settings2.2、打开settings.json文件,在设置页面中的右上角点击“open settings(JSON)”2.3、输入配置信息左边的配置信息是当前已有的配置项。所要...原创 2019-10-10 10:49:28 · 1516 阅读 · 0 评论 -
vuex的作用和用法
vuex,你可以理解为一个存放全局变量的仓库。在这里可以存放一些各个模块中通用的变量和属性。在小项目中使用localstorage和session,在大项目中使用vuex,解决了组件之间统一状态的共享问题,实现组件之间的数据持久化。在项目中可以用vuex存放数据,不用每次都要请求后端服务器,这就在保证了数据新鲜度的同时提高了使用性能。前期配置工作:1、src里新建vuex文件夹2、...原创 2019-05-08 14:11:10 · 5082 阅读 · 0 评论 -
vue中几种请求服务端数据的方法
一、axios二、vue-resource1、传统写法2、其他请求方式,如put,jsonp, get, post, delete等等。由于vue 2.0已停止对vue-resource的支持,所以还是推荐使用axios来和后台进行通信。有一篇文章很全,可以参考http://www.cnblogs.com/chenhuichao/p/9261645.html...原创 2019-05-08 11:44:29 · 4583 阅读 · 0 评论 -
点击后跳转的实现方法
在前端排版期间,会需要点击某个按钮让页面跳转到某处。可以用<a href="#标识符">要跳转到的地方,可以写为<a name="标识符">原创 2019-01-28 17:43:31 · 10589 阅读 · 0 评论 -
同步和异步的区别
同步:提交请求 -> 等待服务器处理 -> 处理完毕返回异步:提交请求 -> 服务器处理(当前浏览器也可以做其他事)-> 处理完毕返回原创 2019-01-30 16:21:26 · 189 阅读 · 1 评论 -
如何判断鼠标按下的是左键还是右键
$("#myselector").mousedown(function(e) {//右键为3,www.sz886.comif (3 == e.which) {alert("右键");} else if (1 == e.which) {//左键为1alert("左键");}})原创 2019-02-22 10:48:20 · 4916 阅读 · 0 评论 -
如何得到当月最后一天
//得到当月第一天function getCurrentMonthLast(){var date=new Date();var currentMonth=date.getMonth();var currentMonthFirstDay=new Date(date.getFullYear(),currentMonth,1);return(currentMonthFirstDay...原创 2019-02-28 09:54:24 · 1070 阅读 · 0 评论 -
如何查看vue版本号
在cmd控制台内,输入npm-v 可查看到npm 的版本号;vue -V 可看到vue的版本号。原创 2019-02-18 18:31:26 · 154423 阅读 · 26 评论 -
安装vue-cli的步骤
1、安装node:检查方式:node --version2、安装npm :检查方式:npm --version(要4.0)以上的版本才支持安装vue-cli,升级或安装npm的命令行代码是npm install cnpm -g3、安装vue$ cnpm install vue检测vue是否安装成功的方法是 在命令行(或者nodejs目录下)执行vue -V的命令(第二个...原创 2019-02-19 10:21:48 · 2120 阅读 · 0 评论 -
$.ajax()方法参数详解
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。...原创 2019-02-26 14:18:40 · 219 阅读 · 0 评论 -
数组去重办法
1、用两个数组,一个是原始数组,一个是结果数组。循环遍历原始数组,如果结果数组中没有这个值则将当前数值放入结果数组。2、还是两个数组。先使用sort方法给原始数组进行排序,依次和结果数组中最后一个值比较。如果和这个值不相等,则把目前遍历的数值放到结果数组中。3、新建一个二维数组。二维数组中每个元素的key值是原始数组的值。(最优)...原创 2019-02-27 09:52:30 · 145 阅读 · 0 评论 -
怎样根据一个元素的data值找到这个dom元素
可以使用$("#元素id[data-id='dataID']")的方式进行选择。原创 2019-03-12 16:24:34 · 2835 阅读 · 0 评论 -
强制修改css属性
$(".content-basic").css("cssText","background-image:url()!important");原创 2019-03-26 16:37:10 · 1147 阅读 · 0 评论 -
使用load方法加载页面的问题
在使用load机制加载页面时,能给我们带来一些好处:1、不用整个页面刷新,加载快;2、不用使用js字符串拼接方法更新前端数据; var url = base+"/product/findEditConfContractData.action #confContractTableId"; if (param != undefined) { $("#...原创 2019-04-08 15:53:05 · 1753 阅读 · 0 评论 -
判断对象是否是json格式
假如这个对象为myObjif(typeof(myObj)=="object" && Object.prototype.toString.call(myObj).toLowerCase() == "[object object]" && !obj.length)return isjson;原创 2019-04-18 15:32:08 · 2116 阅读 · 0 评论 -
前端面试中踩中的雷(持续更新)
1、metadata有没有了解元数据指用来描述一个文件的特征的系统数据,诸如访问权限、文件拥有者以及文件数据块的分布信息(inode...)等等。在集群文件系统中,分布信息包括文件在磁盘上的位置以及磁盘在集群中的位置。用户需要操作一个文件必须首先得到它的元数据,才能定位到文件的位置并且得到文件的内容或相关属性。2、map有没有了解map() 方法返回一个新数组,数组中的元素为原始...原创 2019-04-18 20:18:40 · 176 阅读 · 0 评论 -
vue-router使用步骤详解
能实现页面的无跳转刷新。1、安装vue-routercnpm i vue-router -S2、main.js中引用import Vuerouter from 'vue-router'3、main.js中使用use (Vuerouter)4、在main.js中定义路由并暴露export default new Vuerouter({routes: [ ...原创 2019-05-08 11:12:39 · 321 阅读 · 0 评论 -
html标签加入循环/判断
使用volist标签,可以对后端数组执行循环操作<volist name="后端变量" id="前端变量的数值"></volist> 可以在页面html加入<if condition="$后端变量 eq/neq '要判断的数值'"> 如果判断成功要显示的内容<else/> 如果判原创 2019-01-28 17:37:32 · 6187 阅读 · 0 评论