- 博客(61)
- 收藏
- 关注
RSS订阅
原创 小程序云开发在数据库中添加数组对象的解决方案
这两天做一个小程序 需要将信息整合到对象中 并最终将对象存进数组里常规的collection方式加上add肯定不行 这边亲测使用update加上push方式有效首先 需要在云函数中初始化一些常规项 如：注意 要加const _=db.command因为push方法属于这个commond然后将需要的数据一一获取到 并填进push中注意 要在push中加上花括号将这些数据包裹成对象这样就可以实现向数据库中添加数组对象如果对你有帮助的话记得点个赞...
2020-07-22 21:09:24
5848
5
原创 小程序样式出现 semi-colon expected的解决方案
今天做微信小程序的时候复制了一段网上的代码 出现如下报错：检查来检查去都是英文写的 按理说不该出现这个问题后来发现是多了一些不必要的空格 因为复制的时候默认带有空格 吧不要的空格删掉即可 如：有效的话麻烦点个赞再走 谢谢！...
2020-07-20 22:10:16
18323
2
原创 两个小程序使用同一个云开发里的数据库的解决方案
看到这个标题你可能会开心到爆炸但是 冷静！这个没办法实现因为云开发是一个相对独立的环境 除了当前的小程序可以访问之外其他小程序无法访问！真是透心凉 我做了一个后台管理的小程序来管理另一个 结果发现行不通不过解决方案也是有的 只是得下一番功夫第一种方式 使用服务器 通过服务器做一个转接 这里面要用到小程序的HTTP api这块的知识 感兴趣可以去文档里看看 不过与其选着这么做 还不如直接使用服务器来的方便第二种方式 就是我现在要 使用的方式 将两个小程序并成一个 这样就可以共用云数据库（说白了这
2020-07-20 22:03:53
2143
原创 在进入微信小程序之前显示登录页面的解决方案
这几天想要在小程序进入之前做个登陆的页面 用户输入账号密码正确才能进入小程序 但是看了因为小程序一启动就是默认进入tabar里的第一个页面 上了百度查也是没有哦好的方式 自己琢磨了以下的几种方式：1、使用路由重定向小程序中有几个用于重新向的API 可以在加载某一个页面的时候强行定向到一个我们希望的页面 比如：wx.redirectTo(Object object) 这个是定向到首页的的子目录下 用法如下wx.redirectTo({url: ‘test?id=1’})还有其他几个重定向的方式
2020-07-20 14:20:57
6891
原创 js中常见的数组方法总结
js中常见的数组方法及使用介绍：1、join（separator）参数是一个分割符 作用是将一个数组内的元素以这个分隔符连成一个字符串 返回值就是这个字符串 数组本身不会被改变：如2、shift(), unshift(),pop(),push()这四个方法因为功能相近 放一起讲解会比较好理解shift()功能是删除数组的第一个内容 返回值是数组被删掉的内容；unshift()功能是在数组的其前头追加元素 返回值是新数组的长度；pop()功能是删除数组的末尾项 返回值是数组被删除的项push(
2020-07-08 20:10:11
222
原创 vue入口文件的说明
很多开发者在实际开发中有很多疑惑 其中入口文件就是一个很难理解的东西入口文件分为两个 程序入口文件main.js和页面入口文件app.vue程序入口文件：程序入口文件类似C语言中的主程序文件main 我们通常会在main的文件中include 或者是之类的库 在vue中的这个main.js也是类似的功能我们会在main.js入口文件中引入公共文件 如：并且做一些全局的配置 如设置axios的请求拦截器最后也是每个入口文件必做的一件事：实例化vue页面入口文件App.vue根组件页面
2020-06-27 13:04:34
1901
原创 闭包函数的定义、作用、优缺点
什么是闭包函数？1、当一个函数的返回值是另外一个函数2、而返回的那个函数如果调用了其父函数内部的变量3、返回的这个函数在外部被执行满足以上三个条件及为闭包闭包的用处：1.读取原函数内部的变量；2.这些变量的值始终保持在内存中，即便外部函数执行结束了也任然能访问到被内部函数所使用的外层函数变量(也叫做非局部变量，之所以叫做非局部变量，是因为此变量的作用域既不是局部变量的作用域，也不是全局变量的作用域。)优点：1:变量长期驻扎在内存中； 2:避免全局变量的污染；
2020-06-20 11:09:57
974
转载 初始化一个vue+node的项目
搭建vscode+vue环境猫猫猫猫猫大人 2018-01-23 13:50:30 88740 收藏 65分类专栏： Web vue版权一、安装vue.js1.简介Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.
2020-06-11 21:52:12
346
原创 Vue中filters过滤器无效的原因
Vue中filters过滤器无效的原因filters过滤器在模板创建就执行 所以如果数据还没有获取到 就会导致过滤器过滤的是空的数据 所以可以使用v-if 在数据获取到后在渲染模板
2021-08-03 10:12:29
6464
1
原创 Vue项目中img标签无法显示网络图片的解决方案
Vue中img标签无法显示图片的解决方案找到index.html文件在标签中添加这行代码<meta name="referrer" content="no-referrer">再刷新即可
2021-08-01 00:12:26
1416
1
原创 vue中添加sdn链接
在Vue中引入SDN用嘴原生的方式；总结：1、创建script标签2、设置script类型3、设置script 地址4、将script标签添加到文档头部
2021-03-19 17:05:31
835
原创 如何在Vue中设置moment为中文
如何使用moment.js格式化时间为中文正常情况下使用moment.js返回的数据结果为英文 如果要使用moment.js自带的方式格式化时间 就需要设置 设置使用但是很多人不知道在哪里使用这个其实 我们在项目初始化之后就调用这个就能设置时间为中文比如在Vue中之后就可以正常使用moment的时间工具...
2021-03-04 11:14:20
1560
1
原创 2021-02-23
小程序去除按钮的黑色边框在小程序的开发过程中 我们有时候免不了使用按钮标签 但是在使用过程中 会发现按钮设置样式后 始终有一个黑边 如下（请仔细观察）这时候我们以为是border的问题 于是我尝试使用border：none也不行 后来我发现 并不是border的问题当我给按钮一个边框的时候 他任然存在（注意 边框内部还有黑边存在）使用属性plain=“true”等于将按钮样式完全自定义 就能解决问题至此 问题解决...
2021-02-23 09:13:52
56
原创 \node_modules\@types\node\index.js: 未找到npm包入口文件的解决办（棒）法
问题：C:\Users\LIFETIME\WeChatProjects\ticket\node_modules@types\node\index.js: 未找到npm包入口文件C:\Users\LIFETIME\WeChatProjects\ticket\node_modules\weui-wxss\dist\app.wxss.js: 未找到npm包入口文件解决方法：1、先把 packagelock.json,package.json,node_modules,miniprogram_npm都删干
2020-12-23 23:49:16
1852
原创 Vue中的nextTick的理解和简单使用
VUE.nextTick想要理解nextTick() 先理解以下几点nextTick的作用就是在模板更新后立即获取模板内容 举一个例子：下面说几种会使用到的情况 ：想要理解nextTick() 先理解以下几点异步和任务队列Vue数据的更新是同步的 而模板的更新是异步的nextTick的作用就是在模板更新后立即获取模板内容 举一个例子：模板上有一个p元素 我们通过v-if来控制他的显示与隐藏 这时候我们改变控制隐藏的变量 然后想获取到这个元素的内容 我们会发现根本取不到这个内容 因为改变数据是
2020-11-20 17:15:13
624
原创 如何解决H5页面底部按钮使用fixed布局的时候被输入法顶上来的问题
如何解决H5页面底部按钮使用fixed布局的时候被输入法顶上来的问题目前H5 做手机端越来越流行 这段时间在开发手机端h5页面的时候就遇到一个问题 当在真机上测试的时候 底部使用固定定位的按钮被输入法弹框顶起来 这该如何解决呢？这个问题目前发现是部分安卓机上存在 解决思路有两个方案1：隐藏按钮目前H5 做手机端越来越流行 这段时间在开发手机端h5页面的时候就遇到一个问题 当在真机上测试的时候 底部使用固定定位的按钮被输入法弹框顶起来 这该如何解决呢？这个问题目前发现是部分安卓机上存在 解决思路有两个
2020-11-20 14:18:35
2317
2
原创 filters过滤器中使用this的解决方案
vue 中filters过滤器不能使用this的解决方案前言：filters作为Vue中的过滤器 我们在实际开发中会经常使用到 比如在模板上格式化我们想要的日期 但是使用这个属性也会遇到一些问题 比如我们最常用的时间格式化工具moment.js 当我们把它挂载到全局的时候 会使用：方案一： 不使用fiiters这是最直接的 不使用自然就不会又问题 可以直接在模板的差值表达式中写过滤的代码 如下：方案二：使用that代替this这种方式早就为人所用 但是问题出在 不知道在哪了定义that前言：filte
2020-11-18 17:17:21
4969
原创 reduce的妙用
reduce的妙用语法妙用语法reduce是数组的一个高阶函数 说白了就是一个循环 只不过这个循环有在特定的场景下用的会比较方便些 这个特定环境就是累x 累x指的是累加 累乘 累除举例： arr=[1,2,3,4] const sum=arr.reduce((pre,cru)=>{return pre+cur},0)具体语法我不再赘述 可以看看这个作为参考妙用场景：有一个对象数组 每个对象有一个标识身份的id 当我们每次想取出某个id项的时候 正常情况下我们会遍历这个数组 然后
2020-11-09 23:51:54
555
原创 js获取本周一的日期 格式为yy-mm-dd
直接复制以下代码 即可获取本周周一的日期等格式格式为yy-mm-dd除此之外还有本月、本年、今天、明天的日期获取// 时间获取var date = new Date()console.log(date)// 年var year = date.getFullYear()console.log(year)// 月var month = date.getMonth() + 1console.log(month)// 日var day = date.getDate()console.l
2020-10-26 19:35:49
301
原创 vue制作可拖动的div（超级简单）
一下方法也是我百度的 但是筛选了好几个 发现这个最简单只要两步：1.在单文件组件中将这个自定义指令复制进去2.在需要的div 写上这个指令即可// 自定义指令 实现可拖动 directives: { drag(el, bindings) { el.onmousedown = function(e) { var disx = e.pageX - el.offsetLeft var disy = e.pageY - el.offsetTop
2020-10-25 23:46:45
7803
3
原创 使用felxable.js适配pc端的Vue项目
今天做公司官网 需要针对不同pc屏幕做适配 想了半天觉得使用rem布局最美观 而且最好是使用flexable.js的最方便 不过这个 方案没有官方pc端的插件 需要使用原有移动端flexable.js进行改造：具体如下：1、首先安装flexable.js插件npm i lib-flexible -S2、安装自动将px转rem的插件：npm i px2rem-loader -D2.安装好了之后全局引入包，在main.js中添加如下代码import 'lib-flexible'3.在vue
2020-09-27 14:22:04
1857
1
原创 vscode报错Replace `␍⏎········的解决方案
这里写自定义目录标题看到这个报错，懵逼了吧百度了方法不管用对吧？这个问题其实是我们在克隆别人的代码之后发生的问题 其实就是格式化的一个问题 原来代码上传者的格式化配置和我们的不一样 所以最好的解决犯法就是找原来写代码的要他vscode的配置文件具体是打开设置 搜索eslint 然后选择在setting中打开 最后把他的配置复制过来如我的是这样的 如果找不到原开发者的也可以试一试我的{ "eslint.autoFixOnSave": true, // 每次保存的时候将代码按esli
2020-09-25 10:24:23
14386
原创 快速启动一个node服务器（初学者适用）
前端初学者一枚 想要试着部署一个node服务器 实践步骤如下1 、连接服务器2、新建一个文件夹3、在文件夹下打开命令行4、初始化npm 包和package.json配置文件 输入 npm init5、安装express npm install express --save6、安装express-generagenerator npm install express-generator -g生成如下结构目录7、打开bin目录 将里面的www文件重命名为www.js8、打开www文件
2020-09-15 22:48:31
1142
原创 vscode配置和eslint规则一样的格式化
这几天被eslint搞疯了 写代码一直报错 连代码格式化也起冲突 简直气的砸电脑接下来教大家如何配置vscode和eslint一样的格式化规则：首先要声明的是1、目前还没找到插件可以自动配置和eslint一样的格式化规范 有的话请留言告诉我 让我也学习一下2、每个人的eslint中都有自己加的规则 或者继承别的规则 所以每个人的配置都不大一样 我这边的配置代码时根据eslint的默认配置走的 不是按eslint默认配置走的可能要自己修改一些配置项3、写这个配置之前需要安装两个插件好像是es
2020-09-07 21:06:30
1481
原创 Attribute ‘:legendPosition’ must be hyphenated的解决方案
现在的博客真的是需要整治一下 今天写代码出了一个小问题 上网収全是要钱的答案 真的是服了还好后面找到一个靠谱的答案 顺带记录一下问题提示如下：Attribute ‘:legendPosition’ must be hyphenated解决方式 ：因为在绑定属性的时候不允许属性为驼峰命名法 所以需要把绑定的属性使用短横加小写代替 如：...
2020-09-06 23:22:05
5890
2
原创 vue中filters和computed 、methods几个常见属性方法的区别
目前对filters 、computed、methods的理解如下：**filters:**多用于在模板中处理加工数据 模板中插值表达式中的值就是他的参数 在处理加工数据上非常方便 注意： filters中写的函数据说不能访问this 感兴趣的可以去测试一下computeds:也是处理加工数据 他处理的数据一般是比较单一的 因为他没办法传参 只能在data中获取数据进行计算后返回该属性里面的方法名相当于data属性里面的key，他可以作为key值使用，该属性里面的方法必须要有return返回值，这个
2020-08-29 16:46:41
715
原创 vue管道管道符和filters过滤器的简单使用
在学习vue的时候 我们会经常见到这样的表达式：{{ message | capitalize }}这是在一个插值表达式中放了一个过滤器 capitalize是个将message值转化为大写的一个函数，在这个表达式中value会被作为capitalize的一个参数传进函数中进行处理 为了表示这个过程 我们在参数和过滤器（函数）之间放一个‘|’来表示这么一个过程 这就是管道符的作用另外过滤器这个函数我们会在vue的filters方法中去写 如：有些小伙伴可能会有和我一样的疑问 为什么要出现过
2020-08-29 16:07:07
2887
原创 css多行文字居中对齐
今天做项目遇到一个问题 在有一个块中 有单行和多行文字同时存在的时候 如何去使文字垂直居中对齐呢 之前的linehight只能用于多行 单行多行同时存在的时候就失效了如上：这个时候我们可以使用table布局来解决这个问题主要属性是display table 和vertical middle如果需要文字居中和自动换行可以结合以下两个属性...
2020-08-24 16:47:56
1643
1
原创 vscode如何设置代码格式化（浅显易懂）
这段时间因为使用eslint帮助规范化代码风格 于是引入了eslint这个插件 但是这个插件简直很烦人 因为他和vscode的格式化产生了冲突 eslint把vscode格式化的结果当成是错误 所以 我们需要解决这个冲突网上有人居然采用将eslint的相关规则注释掉 不让他检测 我也是服了 那还用eslint干嘛 找罪受？下面我们来说一下解决这个问题的一种方案：改变vscode的格式化规则在根目录下新建一个配置文件 名为 .prettierrc的配置文件 注意 他就是个纯文本文件 不要给他加.js
2020-08-23 15:22:36
1955
原创 vue中watch方法的使用（简单版）
我们一般在组件中会使用到watch方法 他与data同级，作用是监听当前组件中数据的变化 一旦数据变化watch中相应的函数就会开始执行也可以使用这种方式：将处理函数拎出去如果有时候我们希望在数据初始化的时候就执行监听函数 这时候我们就需要使用到immediate属性 将其设置为true再有就是我们的数据并不总是正常的变量 还可能是对象之类的数据 这些数据往往有好几层 这时候正常情况下的监听是监听不到深层数据变化的 要想监听到深层的数据变化就需要添加deep属性将deep属性设置为tru
2020-08-20 17:33:29
1127
原创 全局安装和本地安装的区别（浅显易懂）
我们学习vue的时候经常用到npm安装 一些插件 有些是全局安装 有些是本地安装 他们两个在命令行上的区别就是：全局安装：npm install xxx -g本地安装：npm install xxx1、全局安装 表示吧我们需要的依赖或者是一个工具安装到npm这个软件的目录下 这样我们电脑上的任何项目都可以使用这个依赖或者工具 比如说我们要安装vue 就会使用全局安装 这样就可以在左面上右击开启命令行的时候输入vue命令：如vue cli 开启可视化面板2、本地安装 就是安装到我们当前项目文件夹
2020-08-19 15:09:09
4306
2
原创 vue使用i18n插件进行中英文切换（初学者笔记）
公司最近要做一个项目 目的是将原有的项目通过一个按钮点击转换为国际版（简单的说就是将语言进行切换 ）整理了一下网上的答案自己跟着做了一个案例 现将步骤做如下介绍：1、安装i18n的依赖npm install vue-i18n2、安装完后需要手动建立两个语言包（中英文语言包）一个命名为cn.js 一个命名为en.js3、然后我们在建立一个中间载体的js文件 在这个文件中 我么将两个语言包引入 并且使用i18n实例化 具体做法如下：注意 ：需要引入vue 才能使用use方法new实例中
2020-08-19 14:00:33
386
原创 使用码云（GitHub）创建仓库和远程推送
今天分享一下如何在码云上创建仓库并且把自己的代码托管到码云账户仓库上：首先要在码云上创建一个仓库 码云上有新手指引 我这边粗略说一下有了仓库现在就可以提交代码到项目中 输入命令：git remote add (自定义的远仓库在本地的名称) https://gitee.com/xxxxxxx.git以上命令表示使用Git 添加远程仓库 地址为：https://gitee.com/xxxxxxx.git 仓库在本都别名为（自定义别名）这步完成之后 使用命令将代码推送到远程仓库 Git pus
2020-08-18 20:27:47
357
转载 eslint的安装和配置（初学者适用）
0.前言有的时候多人开发，代码的风格，用的代码编辑器都各不相同，所以为了大家能保持一种统一的风格，ESLint就可以帮我们检查代码的格式和风格。1.简介通过用 ESLint 来检查一些规则，我们可以：统一代码风格规则，如：代码缩进用几个空格；是否用驼峰命名法来命名变量和函数名等。减少错误， 如：相等比较必须用 === ，变量在使用前必须被声明，在条件语句中不能使用赋值语句等。提高代码质量，如：函数最多有多少条件分支；最多有几个参数，代码块最多能嵌套多少层等。2.安装1 安装 ESLint
2020-08-17 21:49:57
2767
1
原创 vue中使用axios的讲解（初学者适用）
axios用于我们发送HTTP请求 在vue中 如果我们想要安装axios有两种办法1、命令行直接敲 npm install axios2、在vue ui可视化面板的依赖中安装运行依赖（注意是运行依赖）安装完后就可以开始使用首先我们一般在main.js入口文件中引入axiosimport axios from 'axios'然后我们可以设置请求的基准地址：axios.defaults.baseURL="https://xxxxxxxxxxxxx/complex/"或者是请求和响应拦截
2020-08-16 20:31:17
1114
原创 vue : 无法加载文件 D:\node.js\vue.ps1（vue ui命令报错）
废话不都说 看报错是不是和你的一样vue : 无法加载文件 D:\node.js\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1+ vue ui+ ~~~ + CategoryInfo : SecurityError: (:) []，PSSecurityException
2020-08-16 20:00:31
452
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人