![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
一些坑
小蓝Lany
这个作者很懒,什么都没留下…
展开
-
Vue2用计算属性(computed)替代过滤器(filter)的问题
在Vue2里面一般处理文本比如时间格式化,文本替换等操作时,很容易想到使用filter,但是这有个问题,filter里面是没有this的,如果想使用到Vue实例只能换成computed或者method,比如下面这个例子:<template> <view> <view v-for="(item,index) in list" :key="index"> <!-- 对应下面错误方法一 --> <Item :content="item.t原创 2021-01-23 16:56:32 · 1568 阅读 · 0 评论 -
uni-app制作聊天页面时,点击底部输入框弹出键盘上推页面问题解决方案
一,页面结构设计先来看看聊天页面结构设计,外层布局如下:<template> <view> <!-- 消息列表 --> <scroll-view class="msg-list" scroll-y="true"> </scroll-view> <!-- 底部输入栏 --> <view class="input-box"> <input :adjust-position="false原创 2021-01-17 17:36:35 · 6433 阅读 · 7 评论 -
uni-app使用5+文件操作写入失败“不允许读”的Bug(安卓)
出现这个问题可能有如下几种情况:1,请求文件系统的类型错误也就是5+提供了这个几个变量来获取文件位置PRIVATE_WWW: 应用私有资源目录常量PRIVATE_DOC: 应用私有文档目录常量PUBLIC_DOCUMENTS: 应用公共文档目录常量PUBLIC_DOWNLOADS: 应用公共下载目录常量一般都是存储在PRIVATE开头的位置,这里是安卓的应用内部存储,只有对应的应用才能访问。当我们需要写文件,就不能填PRIVATE_WWW这个位置,这里会存到www目录下面,也就是/stor原创 2021-01-13 00:00:13 · 1865 阅读 · 0 评论 -
Yarn的镜像地址管理---Yrm
1,问题因为yarn的服务器是在国外,所以要提高下载包速度,得使用镜像改变源地址2,解决我们使用yrm来做yarn的镜像管理器;首先需要下载,使用如下命令下载安装npm i yrm -g之后可以通过以下命令来查看所提供的镜像地址yrm ls可以看到* npm ---- https://registry.npmjs.org/ cnpm --- http://r.cnpmjs.org/ taobao - https://registry.npm.taobao.org/ nj --原创 2020-06-29 20:18:05 · 1676 阅读 · 0 评论 -
uni-app的image组件,本地图片未显示
这是个巨大的坑!!如果你的子组件的图片组件<image />的图片未显示,那么就对了,可以接着往下看。假设我的项目结构是这样的┌─components │ └─child.vue├─pages│ ├─index│ └─index.vue│ ├─static │ └─logo.png ├─main.js ...原创 2020-03-13 00:00:54 · 12428 阅读 · 4 评论 -
react-native-vector-icons安装过程的坑
概述由于我最近才学react-native,也刚刚接触了react-native-vector-icons来做图标,所以我就去官网找安装教程https://github.com/oblador/react-native-vector-icons#android我做的是Android系统,所以就按照里面的步骤,一步一步配置,但是,结果一堆报错,初步看来,好像是react-native的最新...原创 2020-03-11 16:13:11 · 585 阅读 · 2 评论 -
HTML元素上事件处理
绑定在HTML元素上的事件,最终会被解析到DOM属性里,如<button id='btn' onclick='alert(this.textContent)'>Click Me</button>会被解析到DOM为btn.onclick = function() { alert(this.textContent)}所以如果在HTML使用函数调用,如<...原创 2020-03-08 16:30:55 · 162 阅读 · 0 评论 -
Nuxt项目使用全局变量,函数,混合
当在Nuxt项目使用CSS预处理语言时,很有需要在全局添加变量,函数或者混合,这样子在项目的任何一个地方都可以使用,那怎么做呢?首先下载@nuxtjs/style-resourcesnpm install @nuxtjs/style-resources之后在nuxt.config.js里添加//....... modules: [ '@nuxtjs/style-resources...原创 2020-03-06 16:03:00 · 1200 阅读 · 0 评论 -
HTML和CSS的一些易错点和技巧
1,清楚浮动的方法.clearfix::after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; line-height: 0;}.clearfix { *zoom: 1;} .clearfix::before, .clearfix::after{ ...原创 2020-03-06 14:44:37 · 208 阅读 · 0 评论 -
注意push对象时,对象依旧有关连
请看下列代码let obj = { A:1, B:2 };let list = [];list.push(obj);// list --> [{ A:1,B:2 }]obj.A = '';obj.B = '';// obj --> {}console.log(list)// [{}]从上面的结果可以看出,你push对象到数组里,数组里的那个对象仍然和原来对象一致,...原创 2020-02-18 10:36:23 · 204 阅读 · 0 评论 -
Nuxt的路由守卫
在plugins下面新建路由守卫文件routeguard.js,在里面写如下代码export default ({ app }) => { app.router.beforeEach(async (to, from, next) => { console.log('to:',to.path); console.log('from', from.path...原创 2020-02-16 23:22:07 · 2826 阅读 · 1 评论 -
CastEerror
问题描述CastEerror是在mongoose中会遇到的,原因是你设置了一个动态路由,如: router.get('/blogs/:id'),之后在后面又设置了一个差不多的路由,如:router.get('/blogs/info'),这样当调用后一个路由时就会报错,说什么类似于info 不是 id之类的话解决只需要把两个路由的顺序颠倒就行...原创 2020-02-15 20:57:38 · 66 阅读 · 0 评论