- 博客(16)
- 收藏
- 关注
RSS订阅
原创 插件的基本用法--Vue 的插件库
Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象：vue-myPlugin.js 自定义插件文件(function () {//需要向外暴露的插件对象const MyPlugin = {}//插件对象必须有一个 install()MyPlugin.install = function (Vue, option...
2019-07-22 19:28:12
154
原创 js 处理日期/时间问题 计算两个时间差
计算时间差原理：getTime()方法方法定义： getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。通常我们计算时间差都是通过获取两个时间数据，然后分别使用getTime（）方法返回与固定的1970 年 1 月 1 日的时间差，通过对返回毫秒数的差，换算成时间单位，得出两个时间的时间差。计算两个时间差（时间差的毫秒数）var date1=new Date(); //开始时间var date2=new Date(); //结束时间var date3=date2.
2020-05-09 17:55:18
476
原创 APP Vue项目如何实现多种背景主题或皮肤切换功能
需求：当App选择不同的皮肤，页面随之发生相应的换肤效果把需要更换的css样式提取出来，主要有：1、主色调：背景颜色，文本字体颜色2、logo、一些背景图3、一些操作按钮的颜色4、一些menu和小图片第一步：实现触发功能按钮...
2020-04-17 18:18:30
1791
1
原创 关于Node.js的学习笔记？
目录Node.js 网络通信概述构建TCP服务构建UPD服务构建HTTP服务构建WebSocket服务构建HTTPS服务1.Node.js 网络通讯概述2.构建TCP服务使用net模块构建TCP服务端（server）和客户端（client）新建server.js文件const net = require('net')const se...
2020-04-13 23:57:04
253
原创 Vue 事件修饰符 如何解决/处理点击事件无法触发
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题， Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。常见的事件修饰符如...
2020-04-05 20:56:32
947
原创 'BMap' is not defined 导致百度地图无法正常显示的解决方案，亲测有效！
友情提示：在正常安装导入后调用百度地图，页面仍无法正常显示出地图画面的前提下，请继续尝试下面两种解决方案！终端接入百度地图的方法方法一：异步加载（Vue项目）第一步：注释之前在index.html中引入的百度地图（如没有，请忽略，继续往下看！）第二步：新建一个 map.js 文件跟入口 js（main.js）一样，同一级目录新建一个 map.js （ak 就是你的密钥）map.js 中...
2020-04-03 18:03:02
9621
原创 js 如何循环拼接字符串
第一种方法 用jsfunction getTextByJs() { var str = ""; //根据name获取所有元素 var txts = document.getElementsByName("txt"); for (var i = 0; i < txts.length; i++) { str += txts[i].value +...
2020-03-29 18:40:12
3483
原创 Vue 监听路由变化
方法一：通过 watch1.1 监听,当路由发生变化的时候执行watch: { $route(to, from) { console.log(to.path); } },1.2 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal) { cons...
2020-01-02 10:04:40
2830
1
原创 CSS 媒体查询@media 适配 iPhone 6/7/8、iPhone 6/7/8 Plus、 iPhone X和ipad横竖屏
<style lang="less" rel="stylesheet/less" type="text/less" scoped> /*iPhone6/7/8*/ @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)...
2020-01-02 09:25:29
2446
原创 Vue 如何在PC端官网调用接入百度地图
1.项目根目录下下载百度地图插件npm install vue-baidu-map –save2.在首页index.html中引入百度地图:我申请的密钥为 ：3bVHdeo2ZZaZO4QczC63d0kMsbA55ZSD3.在显示地图的组件中 template 中： //地图的容器4.在显示地图的组件中 script 中：export default {name: ‘p...
2019-11-20 15:53:06
1165
1
原创 Vue 输入框新增搜索历史记录功能（本地存储）
vue实现搜索显示历史搜索记录,采用插件-good-storage安装插件 npm install good-storage -S在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条，并且新的插入在第一位，首先得到当前的存储数据情况，将关键字存到数组中，判断如果数组中有相同的数据，则把重复的数据删除，将新的关键字存入到前面)c...
2019-10-14 11:48:17
2715
原创 Vue点击时动态改变样式
1.vue点击时动态改变样式（静态页面写死）<template> <div> <!-- 流程角色 --> <div class="flow-role"> <div class="role-title title-style">流程角色</div> ...
2019-08-27 11:18:54
6091
原创 Vue中获取高度的方法
一.Vue 中获取滚动条高度的方法<script type="text/Babel"> mounted() {//可以在这里面直接进行滚动条的获取 window.addEventListener('scroll', this.getTopHeight , true) } methods: { getTopHeight () { //方法...
2019-08-09 15:58:32
5545
原创 如何在vue.js渲染完界面之后调用函数
在使用vue.js框架的时候，有时候会希望在页面渲染完成之后，再执行函数方法来处理初始化相关的操作，如果只处理页面位置、获取dom元素的宽或者高时，必须要在页面完全渲染之后才可以，页面没有加载完成之前，会导致获取到的宽高或获取的宽高不准确。使用过jquery的都知道，有个ready方法可以使用，但vue.js则需要结合watch和nextTick方法或者利用vue的钩子函数使用new Vue({...
2019-08-09 10:16:02
1223
原创 CSS盒模型--标准盒模型和怪异盒模型
一、概念CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。CSS盒模型：标准模型 + IE模型1.1 W3C盒子模型(标准盒模型)标准盒模型：box-sizing: content-box; ( 浏览器默认设置 )1.2 IE盒子模型(怪异盒模型)IE盒子模型：bo...
2019-07-23 16:43:38
245
转载 Markdown编辑器--使用说明
Markdown编辑器–使用说明转载：https://mp.csdn.net/mdeditor#_224你好！ 如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。功能快捷键撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标...
2019-07-22 19:10:09
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人