自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

云簪阁

含娇含笑,宿翠残红窈窕,鬓如蝉。寒玉簪秋水,轻纱卷碧烟。——唐·温庭筠《女冠子·含娇含笑》

  • 博客(27)
  • 收藏
  • 关注

转载 推荐几个非常不错的富文本编辑器

https://blog.csdn.net/qq_38200194/article/details/100129740

2020-07-18 20:03:10 663

原创 TP框架之上传

TP5.1手册https://www.kancloud.cn/manual/thinkphp5_1/354121功能:图片上传,单图多图均可,校验图片格式大小 // 上传多图 (图片上传name设置为imglist) // <input type="file" name="imglist[]" /> public function uploadMore(){ //调用上传方法 $image = $this->upload(

2020-06-08 18:58:10 270

原创 阿里大鱼短信服务开启及使用

开通阿里大鱼短信服务以PHP版为例1.本地项目中安装安装PHP SDK(1)composer安装:https://help.aliyun.com/document_detail/112186.html?spm=a2c4g.11174283.6.635.37eb2c42jFVxfScomposer require alibabacloud/client(2)使用OpenAPI Explorer来生成相关API的DemoOpenAPI Explorer地址:https://a

2020-06-02 18:06:17 2320

原创 vue中v-html妙用及空白行消除

类似淘宝的商品详情中,商品介绍完全是由纯图片组成。在构建代码时,可以使用循环将所有的img标签获取出来,也可以利用v-html标签的特性来实现,如上图,DETAIL字段是商品详情内容,但完全是由一大堆ima构成,此时使用v-html可以省去循环的麻烦,但同时也产生了另一个问题——图片之间出现了空白行,如下要消除这些空白行的存在,可以利用font-size来实现鸣谢:技术胖的node商城全栈...

2020-05-20 19:48:29 2378

原创 node中fs库(文件读写)操作

http://nodejs.cn/api/fs.html#fs_fs_readfile_path_options_callback示例:读取本地JSON文件,按需重组数据后写入新的JSON文件//node中封装了fs库,可以用于本地静态文件的读写操作const fs = require('fs')//读取本地json文件fs.readFile('./data_json/goods.json','utf8',function(err,data){ //解析json l

2020-05-12 16:22:14 1578

原创 mongoose中的exec()方法

使用mongoose中方法时,例如查询第一条数据fondOne(),以then()获取返回值,获得的是promise对象,但如果在then()前加上exec()方法,发现返回值并没有什么变化,那么exec()方法还有存在的必要吗,查询了半天,获得了答案加不加 .exec() 都会调用 then 方法? 查看资料都说 exec() 返回 Promise ?但是不加 exec() 也调用 then() 里面的方法。答:有区别的,一个是返回data一个是返回query,比如你想写一个统一的分.

2020-05-10 20:47:38 4177

原创 vue-awesome-swiper使用出现的

vue-cli版本为 4.3 安装vue-awesome-swiper时没有指定版本,引发以下两个错误1.图片不能再一行显示2.图片无法滑动原因:版本冲突、且css文件路径错误解决办法:之前安装的swiper依赖删掉,通过npm install [email protected] -S安装固定版本补充说明: github上指定的swiper3版本对应...

2020-05-01 16:11:28 274

原创 vue-axios interceptors(拦截器)实际应用

import axios from 'axios'//引入elementUI的 消息提醒组件、加载组件import { Message, Loading } from 'element-ui';import router from './router'let loading //定义loading变量// 开启加载动画function startLoading() {...

2020-04-19 19:01:52 944

转载 Object.assign()用法讲解

https://blog.csdn.net/Calla_Lj/article/details/89478765

2020-04-11 18:57:55 147

原创 鼠标滚轮事件兼容性处理【mousewheel 与 DOMMouseScroll】

火狐浏览器使用DOMMouseScroll,其他浏览器都是用mousewheel火狐有个特殊属性event.detail,表示滚动的值 正数:向下滚动,负数:向上滚动其他浏览器,通过event.wheelDelta获取滚动值正数:向上滚动,负数:向下滚动滚动一次值120兼容性处理示例window.onload=function(){ //获取dom元素 var ...

2019-11-01 22:53:13 313

原创 Vue移动端兼容性处理【使用less】

创建less文件,样式如下,引入main.jsbody, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption{ p...

2019-10-18 14:39:17 572

原创 【小程序】封装网络请求-加载更多功能

(1)首先封装定义一个http请求的类(2)定义一个全局的配置文件(3)在页面中创建一个model.js文件(4)在page.js文件中初始化网络请求(5)wxml页面中实现加载更多(6)req.js文件中添加【用户列表加载更多业务】对应的方法(7)过滤器方法的编写 wxs...

2019-09-20 22:53:12 185

原创 VUE-node做接口时,session拿不到参数

node做接口时,session拿不到参数的一个原因是同时使用了127.0.0.1和localhost,这两者对于浏览器的session而言,并不是同一目标。另外,在VUE项目中配置跟路由时,还有一个坑,如果conf的index中配置了跟路由,则axios中不应该在定义,而是直接使用,否则会影响session拿不到数据这两个错误都容易触犯...

2019-09-05 22:15:17 457

转载 express开发后端,运行报错 DeprecationWarning: timers.unenroll() is deprecated. Please use clearTimeout

DeprecationWarning: timers.unenroll() is deprecated. Please use clearTimeout instead.nodejs 在运行时,报如上的警告,程序不影响执行,但是不清楚为什么有如些警告原因: nodejs 版本在10以上的,在连接mysql 数据库时,就会提示如上警告. 以上提示的只是警告,不影响程序运行.解决方案: ...

2019-09-02 22:49:01 7709 1

转载 js 数组和类数组的区别

 类数组定义  1)拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字符串来处理);2)不具有数组所具有的方法;  javascript中常见的类数组有arguments对象和 DOM方法的返回结果。比如document.getElementsByTagName()。类数组转换为数组args = Array.prototype.slice.ca...

2019-09-01 22:28:01 892

转载 搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

https://www.imooc.com/article/17571

2019-09-01 17:21:53 83

转载 better-scroll的参数和方法

https://www.cnblogs.com/zhengyan/p/7602882.html

2019-09-01 17:20:46 251

转载 better-scroll滚动无效 几种原因

https://blog.csdn.net/qiqi_77_/article/details/79361413

2019-09-01 15:04:16 801

转载 vue.nextTick()方法——当数据改变,自动执行该函数,在DOM中进行渲染

什么是Vue.nextTick()??定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,...

2019-09-01 14:16:00 1040

原创 vue-常见错误解决

1.运行vue时浏览器报错Unknown custom element: <custom-select> - did you register the component correctly? For recursive components, make sure to provide the "name" option原因:被引用的组件页面没有进行export,导致寻找不到浏览器...

2019-09-01 13:22:26 18156 1

原创 flex伸缩布局常用属性及属性详解

display: flex;让元素编程伸缩容器 flex-direction:row|row-reverse|column|column-reverse主轴方向,加reverse就是表示相反的方向 justify-content:flex-start|flex-end|center|space-around|space-between设置伸缩项目在主轴方向上的对其方式 ...

2019-08-31 22:05:54 252

原创 VUE-vuex配合axios

推荐【撩课网】叶建华老师的vue实战教程,值得学习(腾讯课堂也有)在大项目中,合理对vuex代码进行划分,有助于开发速度和后期维护1.main.js中配置vuex2.目录划分3.axios封装import axios from 'axios';const Domain = "http://127.0.0.1:3000"; // 定义根域名axios.defaul...

2019-08-30 22:47:17 465

原创 VUE-axios封装及使用

使用node.js作为服务器端提供的数据接口如下本地封装axios【main.js同级目录】import axios from 'axios';const Domain = "http://127.0.0.1:3000"; // 定义根域名axios.defaults.headers.post['Content-Type'] = 'application/x-www-for...

2019-08-29 23:38:05 340

原创 VUE-商品列表滑动展示及底部滚动条同步效果

<template> <div class="hotnav"> <!-- 商品图片层--> <div class="nav-conter"> <div class="conter-inner"> <a class="inner-item">...

2019-08-28 22:43:35 1065

原创 自定义底部选项卡-使用click事件替代路由切换页面

<template> <div class="bottom-tab"> <span class="tab-item" @click="switchTo('/home')"> <img :src="$route.path.includes('/home') ? tabBarImgArr[0].selected : t...

2019-08-26 21:56:41 296

转载 vue mint-ui tabbar变组件使用【使用watch监视替代路由切换页面】

<template><mt-tabbar v-model="message" fixed><mt-tab-item id="MainPage"><img slot="icon" :src="this.atabs[0]">主页</mt-tab-item><mt-...

2019-08-26 21:51:06 313

转载 css弹性盒子-------桃园三兄弟之:flex-grow、flex-shrink、flex-basis详解

原文:https://blog.csdn.net/m0_37058714/article/details/80765562flex-grow、flex-shrink、flex-basis三个属性的作用:在flex布局中,父元素在不同宽度下,子元素是如何分配父元素空间的。(注意:这三个属性都是在子元素上设置的,下面小编要讲的是父元素,指以flex布局的元素(display:flex...

2019-08-24 21:15:16 77

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除