- 博客(67)
- 收藏
- 关注
RSS订阅原创 js将一串数字1607222406转换为日期格式
业务需求：后台返回的时间是一串数字格式，我们需要把它转换为需要渲染的日期格式 ： 2020/12/6 12:00:071.原始的后台数据const oldtime = 16072224062.先用new Date()转换成标准格式const date = new Date(oldtime);得到日期标准格式3.处理成自己想要的日期格式const year = date.getFullYear();const month = date.getMonth() + 1;
2020-12-06 11:30:18
6409
原创 微信小程序-解决不能带参数跳转tabBar页面的问题
问题：在使用uniapp开发小程序应用中使用了 wx.navigateTo 结合 open-type="switchTab" 跳转到 tabBar页面之后 就无法把上个页面的参数传递过来。提供 解决跳转到tabBar页面传递参数 的两种方法1.使用wx.reLaunch() 可以进行传参<view open-type="switchTab" @click="addCart"> 加入购物车</view><script> export de...
2020-12-01 18:49:02
2028
1
原创 小程序-uni.previewImage实现图片的预览功能
uni.previewImage是uniapp提供的预览图片的方法1.准备结构<view v-for="(item,index) in photos" :key="index">//点击当前图片传入索引 <image :src="item.pics_small_url" @click="getImgIndex(index)"></image> </view>2.实现功能<script> expor
2020-12-01 14:35:03
24723
5
原创 js获取对象的属性名
获取一个对象的属性名let obj = {name:tom}let key = Object.keys(obj)conlose.log(key) //name
2020-11-29 00:18:53
9898
3
原创 微信小程序-封装请求基准路径、接口API 和使用
1.在文件夹utils下新建 request.js文件2.封装请求代码// 基准路径 //路径仅为举例const baseurl ='https://127.0.0.1' //get请求function get(url, data) { return new Promise((reslove, reject) => { wx.request({ method: 'GET', url:baseurl + url, data,
2020-11-27 17:09:47
3231
5
原创 微信小程序-设置全局的颜色变量
应用场景：每款应用都会有自己的一种主题颜色：比如京东的红色，和淘宝的橙色1.在全局app.wxss样式中 设置 变量颜色代码如下：/* 主题颜色 通过变量来实现 */page{ --themeColor:#e33e33;}2. 使用.searchinput{//使用 全局定义的变量 颜色 background-color:var(--themeColor); }全局变量 样式 优点： 如果需要修改主题颜色，只需要修改一次即可。...
2020-11-27 16:57:12
5298
原创 JavaScript 存储对象 -sessionStorage （会话存储） 和 localStorage（本地存储）以及 cookie（保存用户信息） 的区别
sessionStorage （会话存储） 和 localStorage（本地存储）以及cookie（保存用户信息） 的区别localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。Cookie 用于存储 web 页面的用户信息。当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息.
2020-11-22 17:30:31
497
2
原创 vue如何在地址栏拼接url参数
vue如何在地址栏拼接url参数：this.$router.push({path:this.$route.path,query:{参数名:参数值}})this.$router.push({path:this.$route.path,query:{cityName:location.city}})如何继续追加url参数：this.$router.push({path:this.$route.path,query:{...this.$route.query,要添加的参数名:参数值}}).
2020-11-20 22:03:38
7242
原创 在vue项目中引入高德地图并使用
1.高德地图使用准备 开发之前的准备 需要注册账号, 创建应用, 创建 api key 调用地图的时候, 请求上带的 key 像高德地图服务器校验权限, 另外可以用来标识同一个程序的不同入口, 如网页端, 小程序端等 2.参考步骤2.1 注册账号https://lbs.amap.com/dev/id/choose2.2 创建应用2.3 添加key3.高德地图基本使用3.1 添加 dom<template&...
2020-11-16 23:13:43
5648
原创 vue递归组件实现评论回复结构
目录1.递归函数2.递归组件 - 评论2.1 test.vue 创建数据架构2.2创建mainComment.vue评论组件2.3 在test.vue页面引入组件并进行遍历数据渲染2.4 创建parent.vue组件，渲染第一层回复的父评论数据2.5 递归开始：生成未知层数的评论，parent 组件内部递归1.递归函数递归函数：是指函数直接或间接调用函数本身，则称该函数为递归函数。其中最经典的例子之一就是斐波那契数列function feibo...
2020-11-16 17:10:57
2736
10
原创 介绍什么是同源和什么是跨域，以及三种解决跨域问题的路径
什么是同源？什么是跨域？客户端向服务器发送请求的时候，如果协议，域名(IP)和端口都一样，则称为同源，但凡有一个不一样则跨域，跨域请求默认受到浏览器的安全策略的限制，浏览器会给出相应的错误信息，对于客户端而言意味着请求失败 同源和跨域是浏览器的行为--浏览器安全机制 请求要么同源要么跨域：不同源则跨域 所谓同源就是指请求的源和对应的响应服务器:协议一致，IP(域名)一致，端口一致 影响范围 ajax 请求数据会受到影响，但是 html 代码中，二次请求文件，...
2020-11-16 15:29:51
4231
原创 富文本组件使用/vue2-editor在nuxt项目中的使用方式
Vue2Editor1.基本步骤安装npm install vue2-editor -S引入和注册import { VueEditor } from "vue2-editor";export default { components: { VueEditor }, .......其他代码使用 <el-form-item> <vue-editor v-
2020-11-16 12:12:03
1759
原创 Promise以及Promise.all()的描述和用法
Promise.all(iterable)方法返回一个Promise实例，此实例在iterable参数内所有的promise都“完成（resolved）”或参数中不包含promise时回调完成（resolve）；如果参数中promise有一个失败（rejected），此实例回调失败（reject），失败的原因是第一个失败promise的结果。它通常在启动多个异步任务并发运行并为其结果创建承诺之后使用，以便人们可以等待所有任务完成。https://developer....
2020-11-16 11:39:39
3634
原创 项目中快速简单使用第三方库qrcode生成二维码
生成二维码下载第三方的生成二维码包npm install --save qrcode导入到页面中并使用// 生成二维码的包import QRCode from "qrcode";
2020-11-15 22:33:02
1066
原创 闲云旅游项目开发-（第四篇：机票首页/机票搜索功能（`el-autocomplete`远程搜索组件）/moment.js的使用/日期选择组件el-date-picker）
一 机票首页布局二封装搜索组件组件布局相关组件介绍三 搜索功能思路实现步骤搜索分析 获取城市数据 下拉数据选中赋值 搜索跳转 城市切换 往返四 特价机票思路实现步骤特价机票布局 请求数据接口...
2020-11-13 21:56:41
1363
1
原创 闲云旅游项目开发-（第三篇：实现注册功能/发送验证码/使用vuex的store管理数据/nuxt错误拦截/剩余参数（属性语法））
目录一 退出功能二 注册功能 1. 思路2. 实现步骤2.1 新建注册表单组件2.2 表单数据绑定2.3 表单验证2.4 发送手机验证码2.5 注册接口2.6 注册成功后的 用户体验操作3.总结三 错误拦截1.nuxt 的插件机制2.新建axios拦截错误插件插件2.1 新建文件plugins/axios.js ，添加一下内容2.2 调用插件3.小结4.补充：使用原版 axios 封装时的拦截器写法5.拦...
2020-11-09 17:32:01
655
原创 闲云旅游项目开发-（第二篇：实现登录功能，使用vuex的store管理数据）
本章涉及知识点：使用vuex/store管理数据 登录注册逻辑 Nuxt的本地存储一 登录注册页布局pages/user/login.vue 的布局代码如下：<template> <div class="container"> <!-- 主要内容 --> <el-row type="flex" justify="center" align="mid...
2020-11-09 15:51:11
744
原创 Nuxt和普通的Vue
Nuxt是同构程序，这里的同构指的是一套代码，可以在浏览器运行，也可以在服务器（Nodejs）运行，也就是说可以同时使用浏览器的API和Nodejs的API。 普通的Vue页面只能使用浏览器的API，即使在Nodejs环境下开发也只是使用Webpack来编译打包。 Nuxt是前后端框架的集合，前端采用Vue，后端可选框架有Express、koa2, egg, api等，所以可以理解为Vue是一个页面模板的存在，类似于art-template , ejs Nuxt支持单页和多页应用。注意：虽然Nux
2020-11-09 13:08:12
9013
1
原创 css实现文字/图标旋转90度/水平翻转/垂直翻转
一css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}二 水平翻转.icon { color: #f64e78; font-size: 20px; display: inline-block; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o...
2020-11-09 12:30:00
23854
原创 nuxtjs中@/nuxtjs/axios如何设置全局拦截器
//如果在插件里面需要获取到nuxt本身//需要exportdefaultimport{Message}from'element-ui';exportdefaultfunction({$axios,redirect}){//$axios.onError是一个nuxt提供的辅助拦截器函数//里面可以拦截到错误$axios.onError(err=>{//这里是每当出错的时候都会被拦截...
2020-11-09 10:33:03
2726
原创 闲云旅游项目开发-（第一篇：使用Element-ui实现主页轮播图）
业务需求：初始化布局 页头页脚公共组件 首页轮播图一 初始化默认全局布局nuxtjs 提供了一个公共组件 layouts/default.vue，相当于以前的app.vue 。该布局组件默认作用于所有的页面，所以我们可以再这里加上一些公共的样式layouts/default.vue代码如下：<template> <div> <!-- 这里相当于我们以前的app.vue --> <pageHeader><...
2020-11-07 21:56:33
2306
原创 快速搭建一个nuxt.js项目
目录1.初始化项目安装按照以下的步骤，根据你自己对项目的需要进行选择启动2.项目演示3.项目文件结构文件结构文件名文件功能4. 基本配置4.1 修改/删除默认文件4.2 创建页面目录4.3 创建组件目录5.修改配置5.1 举例：页面过渡效果样式（可选）5.2 修改nuxt.config.js 配置文件5.3添加less1.初始化项目nuxtjs项目跟vue cli脚手架类似，封装的东西会更加多一些 Nuxt.js 预设了利..
2020-11-06 12:03:52
2743
2
原创 vue-word-editor富文本框的基础使用
介绍：vue富文本编辑器组件，是基于[@quil](https://quilljs.com/)新增图片上传和视频上传功能。1. 使用1.1 安装：NPMnpm install vue-word-editor --save依赖 quill，axios，vue1.2 引入：import VueEditor from 'vue-word-editor';import 'quill/dist/quill.snow.css';1.3 注册和配置上传文件必须要设置请求头.
2020-11-06 09:57:10
4304
1
原创 几种简单发送AJAX请求的方式
几种发送AJAX请求的方式概念Ajax = 异步 Javascript + XML ， 是一种用于创建快速动态网页的技术。优点可以实现不重新加载整个网页的情况下，对网页的某部分进行更新。浏览器是单线程的，如果要实现多任务，为了防止任务卡主或者等待情况，就需要异步概念。同步和异步的区别同步代码：代码是顺序执行的，根据代码定义顺序往下执行。异步代码：代码的执行顺序不是按定义执行，往往同步的代码先执行，再执行异步代码。XHR(XMLHttpRequest)对象XMLHttpRequest（X
2020-09-29 19:53:15
8875
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人