- 博客(16)
- 收藏
- 关注
RSS订阅转载 js 获取两个数组及数组对象中相同和不相同的值！
1、获取两个数组中相同的元素var arr1 = [0,1,2,3,4,5];var arr2 = [0,4,6,1,3,9];function getArrEqual(arr1, arr2) { let newArr = []; for (let i = 0; i < arr2.length; i++) { for (let j = 0; j < arr1.length; j++) { if(arr1
2021-07-09 14:37:14
2451
原创 vue不同环境，请求不同环境的接口。
vue开发-不同环境请求不同接口1、介绍2、.env文件3、创建.env文件3.1在项目根目录创建以下文件3.2 .env.development内容：3.3 .env.test内容：3.2 .env.production内容：4、修改启动命令，加载不同的.env文件。4.1 打开package.json文件4.2 在scripts下进行修改5、获取环境变量1、介绍开发过程中，根据项目要求，后台部署了三个环境的接口，分别是：开发环境（开发时请求）、测试环境（部署测试环境请求）、生产环境（部署到线上环境
2021-03-31 11:17:38
1164
原创 Uncaught (in promise) Error: Redirected when going from “/login“ to “/home“ via a navigation guard.
vue踩坑：vue路由守卫，控制台一直报错：Uncaught (in promise) Error: Redirected when going from “/login” to “/home” via a navigation guard.由于项目需要登录，所以需要每次判断token是否为登录状态，所以使用了路由守卫。在没有登录的情况下，跳转首页的时候，虽然被拦截了，但是控制台出现了一条报错（标题为报错内容），看看了文档发现了问题。一、原因：主要因为路由一直被重定向，错误没有被抛出。二、解决方
2021-03-17 22:11:02
5390
2
原创 vue 组件通信之“兄弟组件之间的传值”
一、事件车1、兄弟组件之间传值要借助事件车，通过事件车的方式传递数据。2、中央事件总线(通俗讲就是：eventBus事件车)的实质就是创建一个vue实例，通过一个空的vue实例作为桥梁实现vue组件间的通信。它是实现非父子组件通信的一种解决方案。3、作用：实现非父子组件之间的数据传递。4、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。5、接收数据方接收数据方，通过mounted(){ bus.$on(方法名，function(接收数据的参数){ //用该组件的数据接
2020-12-31 15:04:19
4970
原创 vue 组件通信之“子组件向父组件传值”
vue子组件向父组件传值子组件：<template> <!-- 子组件 --> <div class="childCont"> <button @click="passData">将数据传递给父组件</button> </div></template><script>export default { data() { return { childData:
2020-12-08 17:40:08
205
原创 vue 父子组件通信
vue 父子组件通信一、父组件向子组件传值父组件：<template><!-- 父组件 --> <div class="parentCont"> 我是父组件下面是我的子组件 <!-- 渲染子组件 childData 子组件props接收的参数名 parnentData 父组件data中的变量名 --> <Childs :childData="parnentData"/> </div&g
2020-12-08 17:19:39
80
转载 在代码片段中执行sqlite语句
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script
2020-08-19 10:31:09
178
原创 小程序排拍照后，出现裁剪框，拖动裁剪框裁剪指定区域的图片！
首先给大家展示一下效果，以免看完之后不是大家想要的效果！实现这个效果需要使用一个库，不用担心，只需要克隆下来，映入一下就ok了！git地址：https://github.com/wx-plugin/image-cropper可以按照里面的步骤一步一步来！...
2020-07-13 15:02:59
1262
1
原创 小程序相机组件「camera」
组件的使用途径使用camera组件后，只会触发摄像头，不会使用摄像头的默认样式，进入camera组件后，会全屏显示相机没有拍照按钮以及相机的各种样式。1.将需要使用相机组件的wxml组件中输入camera标签//属性方法看上图↑ <camera device - position="back" flash="{{flash}}" bindinitdone="cameraondonwn" style="width:{{width}}px; height:{{height}}
2020-07-13 14:28:50
2217
原创 小程序上拉底部刷新
小程序上拉触底刷新我们在写项目的时候会遇到类似于原生JavaScript中的懒加载，刚刚进入组件的时候只加载10条数据，下拉触底的时候再去请求服务器累加10条新的数据。代码如下方法一1.在app.json的window对象中设置触发距离，此处不需要加单位！ "window": { "onReachBottomDistance": 50 },2.在需要下拉触底的组件js文件中添加该方法onReachBottom进行请求数据,此方法为小程序自带的上拉触底函数！onReachBotto
2020-07-13 11:38:02
710
原创 小程序跳转html页面方法！
许多时候我们需要从小程序跳转到html页面，这个时候就会使用到今天的主角web-view1、web-view是小程序的一个内置标签，可以让你从当前小程序跳转到一个新的html页面，使用起来非常方便。2、使用方法：<web-view src="https://www.baidu.com/"></web-view>如果没有打开的话可以试试设置上这一步：3、从html页面跳转回小程序从html页面跳转回小程序需要使用一个js文件！地址在这里：https://res.wx
2020-06-02 15:13:14
2980
原创 小程序的本地存储使用说明&原生JS本地存储说明
小程序存储 wx.setStorageSync('name', "小明")取 wx.getStorageSync('name') //小明删除 wx.removeStorageSync('name')修改 wx.setStorageSync('name', "name is aaa") console.log(wx.getStorageSync('name'))//aaaJavaScript存储 localStorage.setItem("name","小明")取 loca
2020-06-02 14:47:53
376
原创 vue 自定义指令directive 使用方法详解
自定义指令局部定义方式<!doctype html><html><head><meta charset="utf-8"><title>自定义指令(局部)</title></head><body> <div id="box"> <div class="box" v-zhilin="data"></div> </div><
2020-05-14 15:52:46
414
原创 开发Weex
1、了解weex1.1首先给大家介绍一下weexweex之前叫做WebApp 去掉了bApp 加上了ex1.2开发自己的App通常，安装了 Node.js 环境，npm 包管理工具也随之安装了。因此，直接使用 npm 来安装 weex-toolkit, 你也可以通过 yarn 来进行安装。**OSX环境**$ sudo chmod -R 777 /usr/local/lib/node_...
2020-04-24 10:12:12
420
转载 electron-vue使用教程
一、在本地安装vue-cli// cmd 命令窗口输入 全局安装vue-clinpm install vue-cli -g二、创建自己工程(electron-vue)// cmd 命令窗口输入 vue init simulatedgreg/electron-vue (你所创建的文件名)在安装的时候会有一个代码严谨模式 个人喜欢关掉 。如果喜欢代码严谨的不用去管 一路回车就ok三...
2020-04-22 10:10:09
2148
原创 js中的.和[]中括号的区别
JavaScript中的 . 和中括号的区别欢迎来的焦的博客在js中我们有事会遇到. 和中括号谁更加好用进入 正题列：var query = { user==:'jxc', pass:'2' } var json = { 'jxc':'111' } console.log(json[query.user]) //结果为111 console.log(json.j...
2020-04-06 20:16:37
549
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人