前端
睫毛长长的舒克
人生若只如初见,何事悲秋空画扇!
展开
-
如何解决: [Vue warn]: Do not use built-in or reserved HTML elements as component id: uni-icon
关于这个问题网上已有很多,为何还写?主要针对萌新,给解释清楚一些:首先,来一波英文直译:不要将内置或保留的HTML元素用作组件id:uni-icon哈哈!转成能听懂的话,是不是瞬间清晰很多,以上,我们可以得到什么信息?1.出现问题的原因,是因为我们把组件的名字起得跟内置或保留的HTML元素同名了2.怎么解决呢?第二个信息,那个同名的组件名字叫uni-icon ,所以,把组件名...原创 2020-03-14 13:27:16 · 3472 阅读 · 0 评论 -
从零搭建React Native项目
报错:解决:完成:原创 2020-02-28 17:56:38 · 427 阅读 · 1 评论 -
HbuilderX运行项目到微信开发者工具,打开项目失败
因为是别的小伙伴的项目,所以,要换一个appID,可以换成自己的,HbuilderX运行在微信开发者工具,打不开,只会跳转到导入项目界面,不会打开这个项目,报错:解决方法:然后,关闭微信开发者工具,在HbuilderX重新运行项目,到微信开发者工具,即可,注意,有时不会直接打开,如果跳转到微信开发者工具导入项目界面,留意一下项目列表中是否有你要打开的项目,有就手动点击打开就可...原创 2020-02-05 00:24:55 · 13393 阅读 · 2 评论 -
vue-eliment-admin 网络请求相关
1.在src目录的api文件下,新建一个.js文件(模型--方法)编写请求方法,例如:CargoOrder.js。注意,命名要首字母大写,2.修改config下的dev.env.js文件,BASE_API:"你要请求的网址"3.在页面引入,注意类名要首字母大写另外,已封装好的网络请求在src目录下的untils中的auth.js和base-model.js,...原创 2019-11-06 09:18:21 · 369 阅读 · 0 评论 -
如何解决Bootstrap中分页不能居中的问题
尝试过1.text-align:center居中;2.margin:0 auto; 3.display: flex;justify-content: center;都不行解决: 在外层多加一个nav标签包着,然后text-align:center;就会生效了,成功实现了分页居中<nav style="text-align: center;"> <ul class="p...原创 2018-12-27 23:03:21 · 4707 阅读 · 1 评论 -
vscode打开.vue文件出现红色波浪线
具体报错如图:解决方法: 首先检查html片段没有语法错误的话,就是一个检查语法格式的插件"vetur"引起的。 解决方法是:vscode -> 首选项 -> 设置 -> 搜索 (vetur),将vetur.validation.template 设置为 false 就可以解决问题了。 ...原创 2019-04-26 12:17:15 · 6758 阅读 · 0 评论 -
Less的两种使用方式
一,浏览器用法,在页面中 引入 Less.js ,可在官网下载,或使用CDN第一步,首先我们在项目下面新建一个less文件,命名为style.less,里面写入一些简单的less:@width:100px;@height:200px;@bg_color:yellow;.box{ width: @width; height: @height; background-color:...原创 2019-05-30 12:09:18 · 2349 阅读 · 1 评论 -
将vue-admin-template组件默认英文语言改成中文
1.打开main.js文件,修改 注释掉英文 //import enLocale from 'element-ui/lib/locale/lang/en' 重新引入中文 import zhLocale from 'element-ui/lib/locale/lang/zh-CN'原创 2019-06-22 18:06:15 · 9567 阅读 · 6 评论 -
uniapp父子组件之间传值
虽说是uniapp,但是实际上就是vue的父子组件之间传值,先来看下要实现什么效果图:父组件index.vue:子组件 swiper-tab-head:总结:1.在父组件引入子组件2.父传子用props;子传父用$emit(),如上,子组件中的tabtap方法中this.$emit('tabtap',index); //向父组件提交一个事件和值其中,...原创 2019-07-27 01:03:32 · 2540 阅读 · 0 评论 -
vue中用axios写一个简单的网络请求进行数据展示
开始前,假设小伙伴们已用vue-cli撸出了一个空白vue项目,然后,npm安装axiosnpm install axios接着,在main.js中引入axios,注意要用原型链挂载,不能用Vue.use(Axios);先来看一下,要请求的json数据。注意,请求拿回的数据是res.data,json中又有一个data数组,所以是res.data.data,例如,titl...原创 2019-08-02 23:01:45 · 773 阅读 · 1 评论 -
代码优化(1)——CSS代码
在CSS中很多具有复用性的代码,都可以提取出来,作为公共代码引入使用。这样能够有效地减少代码冗余(rǒngyú)。冗余代码主要分两部分:多余执行的冗余和代码数量的冗余。举例:flex布局最常见的那几行代码,可以提取出来HTML:<view class="dad"> <view class="son1">子容器1</view> &l...原创 2019-07-20 22:01:30 · 151 阅读 · 0 评论 -
CSS3 :nth-child() 选择器和 :nth-of-type() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n可以是数字、关键词或公式。:nth-of-type()选择器,该选择器选取父元素的第 N 个指定类型的子元素。Odd 和 even 是可用于匹配下标是奇数或偶数的子元素。注意,这两种选择器的第一个子元素下标都是 1,而不是从0开始。eg:分别用两个选择器,实现div里的第一和第三个子元素......原创 2019-09-11 20:22:49 · 281 阅读 · 0 评论 -
uniapp开发——引入官方uni.css库,iconfont图标库和animate动画库
uniapp有一个官方的css库——uni.css,配合代码块,编码如同德芙一样丝滑,(官方示例中有,不用下载,复制来用即可)自定义图标库——iconfont(登录iconfont,创建项目,把文件下载下来,解压只要iconfont.css,注意,里面有些东西要删除)黄色方框圈出的,要删;因为.eot那些加载不了删完后是这样css动画库——animate.css(...原创 2019-07-14 02:12:52 · 4205 阅读 · 0 评论 -
css3实现字体从左到右渐变(原理与思路)
CSS3实现字体颜色渐变,这种需求经常有,写个例子跟还不会的小伙伴们分享下。效果图:先上代码,HTML:<view> <h2 class="text-gradient">蜡笔小新</h2> </view>CSS:.text-gradient { display: inline-block; color:b...原创 2019-07-13 14:38:45 · 7122 阅读 · 0 评论 -
Ajax获取服务器上的HTML文件出现中文乱码的解决方法
关于Ajax获取服务器上的HTML文件出现中文乱码的解决方法 问题: 在学习Ajax时,用“GET”方式去获取Wanpserver本地服务器上的HTML文件,结果显示出来的页面出现了中文乱码现象。 分析: 编码有两种,一种是表面标签里指定的编码Content-type;另一种是实际原创 2017-09-28 12:56:56 · 1988 阅读 · 0 评论