- 博客(27)
- 收藏
- 关注
RSS订阅
原创 记录 rendertron 实战 Vue SPA单页面应用解决SEO问题
具体参考官方文档 https://github.com/GoogleChrome/rendertron安装全局安装npm install -g rendertron项目安装// 使用 express 作为服务端框架，配合官方提供的 rendertron-middleware中间件，开箱即用// vue history 路由兼容中间件 connect-history-api-fallback npm i express rendertron-middleware connect.
2020-07-10 14:53:12
446
原创 兼容PC、移动端(微信公众号) vue全屏滚动组件 支持vue2和vue3
mv-full-page 兼容PC、移动端(微信公众号) 全屏滚动组件 喜欢的帮忙给个 star, 只要有时间就更新和优化 其他版本Vue2版本请移步2.0分支演示Demo安装npm i mv-full-page@next或yarn add mv-full-page@next全局注册import { createApp } from 'vue';import MvFullPage from 'mv-full-page'i
2022-02-09 14:18:01
1437
原创 处理vue3.x在高德地图1.x版本无法正常使用的问题
码云仓库（开源插件）缩放或者放大地图就会报错，报错信息如下:官方解决方法：升级2.x版本，但是2.x版本卡的跟PPT一样，暂时不能使用经测试得出解决方案：// 高德地图1.x版本在vue3的巨坑,不能声明成vue响应式对象let map= null;const initMap = async () => { const AMap = await AMapLoader.load({ key: aMapKey, // 申请好的Web端开发者Key，首次调用 load 时
2021-09-18 09:59:57
387
原创 基于vue2.x 聊天(IM)UI组件,开箱即用
m-chat介绍基于vue2.x 聊天(IM)UI组件(3.x以后支持)演示Demo安装npm install @maybecode/m-chat全局安装import Vue from 'vue'import MChat from '@maybecode/m-chat'Vue.use(MChat)局部安装import MChat from '@maybecode/m-chat'export default { components: { MChat }}
2021-07-31 16:03:27
3305
2
原创 js根据坐标判断构成单个多边形是否合法
安装npm install @turf/helpers @turf/line-intersect代码/** * 几何工具库 * @author maybe * @license https://gitee.com/null_639_5368 */import * as turf from "@turf/helpers"import lineIntersect from "@turf/line-intersect"/** * 坐标转线段 * @param {*} path
2021-06-04 14:52:26
366
原创 处理vue3 组合式API setup emit(‘update:modelValue‘) 无效的问题
// 子组件export default defineComponent({ props: { collapsed: { type: Boolean, }, }, components: { MenuFoldOutlined, MenuUnfoldOutlined }, setup(props, { emit }) { const store = useStore(); // 必须用computed包装一层而且需设置get和set .
2021-04-19 14:31:15
9876
1
原创 基于 element-ui 进行二次封装组件,组件使用的方法查看相应的 demo 代码
???? element-wrapper最近公司总是维护后台管理每次写一些重复代码感觉很累又慢，故二次封装element常用组件进行敏捷开发。（谁都不想写重复代码对不对 ????）等vue3.0出来同步更新，并且提供typescript版本码云有bug或者需求欢迎提isse。...
2020-09-17 10:38:08
523
原创 scss 样式穿透
Don’t say so much , look code.<style lang="scss" scoped>// scss 样式穿透::v-deep .formatter-text { color: red;}</style>
2020-09-17 10:08:18
22098
原创 vue3.0+typescript 扩展全局自定义属性接口
// vue3.0+ts this.$axios中报错, 按照vue2.*中扩展合并'vue/types/vue' 模块失效Property '$axios' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, Record<string, any>, Readonly<{}>, ComponentOptionsBase<{}, {}, {}, {}, {}, ComponentOpti
2020-08-03 14:31:42
4976
3
转载 nodejs 常用模块
推荐的入门教程： 《七天学会NodeJS》 https://github.com/nqdeng/7-days-nodejs 《Node.js 包教不包会》 https://github.com/alsotang/node-lessons 常用内置模块： fs 提供对文件的操作。http://nodejs.org/api/fs.html http://n...
2019-01-16 15:26:00
460
转载 Webpack4 搭建 Vue 项目
https://blog.csdn.net/weixin_38788347/article/details/81985314
2019-01-16 14:35:20
400
转载 不使用vue-cli，一步一步构建Vue项目（小白入门）
https://blog.csdn.net/Bs__Q/article/details/79769541
2019-01-16 14:26:37
1297
转载 clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案
链接地址：https://www.cnblogs.com/nanshanlaoyao/p/5964730.html
2019-01-16 14:21:43
220
转载 iframe获取父、子窗口的元素和方法
子页面获取父页面的id=care的子页面parent.care.location.reload();父页面获取id=imp的子页面imp.location.reload();1. jquery在iframe子页面获取父页面元素和方法代码如下:parent.$("selector");parent.method(); 2. jquery在父页面获取iframe子页面的...
2019-01-16 14:12:38
264
原创 vue cli3.0 vue.config.js配置
自己经常用的一套vue.config.js配置 /** * vue.config 配置 * @author maybe */const path = require('path')// const fs = require('fs')// __dirname 总是指向被执行 js 文件的绝对路径const resolve = dir => { return path...
2019-01-14 10:21:34
3699
3
原创 Vue cli 3.0 如何修改assets 路径为相对路径（解决Vue项目打包后打开index.html页面显示空白以及图片）
修改baseUrl配置为’./’ 即可正常显示页面
2019-01-14 10:11:09
7693
1
原创 (function(){})()和闭包之间的关系
(function(){})()这不叫闭包这叫立即执行函数，所谓闭包，要拆成闭和包，闭指代不想暴露给外部的数据，包指代将数据打包出去暴露给外部；之所以这么说原因在于JS的函数作用域，函数内部的变量函数外部无法访问，这形成了闭；函数外部想得到函数内部的变量，可以通过某些方法譬如通过return等语句将内部的变量暴露出去，这形成了包；因而——立即执行函数只是函数的一种调用方式，和闭包没有必然的联系；闭...
2018-12-27 11:45:59
671
原创 flex:1简述
.item1{flex:1;}.item2{flex-grow: 1;flex-shrink: 1;flex-basis: 0%;}让所有弹性盒模型对象的子元素都有相同的长度，忽略它们内部的内容：定义和用法flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。flex 属性是 flex-grow、flex-shrink 和 flex-basi...
2018-12-27 11:20:15
169
转载 javascript的解析执行顺序
1、代码块 JavaScript中的代码块是指由<script>标签分割的代码段。例如： 1 2 3 4 5 6 <script type="text/javascript"> alert("这是代码块一"); </script>...
2018-12-20 17:54:12
117
转载 全面理解Javascript闭包和闭包的几种写法及用途
好久没有写博客了，过了一个十一长假都变懒了，今天总算是恢复状态了。好了，进入正题，今天来说一说javascript里面的闭包吧！本篇博客主要讲一些实用的东西，主要将闭包的写法、用法和用途。 一、什么是闭包和闭包的几种写法和用法1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点： ...
2018-12-20 16:43:39
98
原创 iview drawer动画显示卡顿的问题
近期在项目中遇到这样一个问题 在 iview table 的render 中 点击按钮之后 drawer 显示 ，然后drawer默认发送多个请求， 导致频繁点击页面卡顿的问题(我这里情况是drawer动画显示卡顿) ,大家都是知道在http请求中如果同时发送多个请求是有可能导致页面卡顿的。 this.toggle = true ...
2018-12-20 15:41:43
2390
原创 vue工程化项目导入jquery实现组件内部动画
-- 添加jqueryyarn add jquery --添加jquery代码提示yarn add @types/jquery --导入jqueryimport $ from 'jquery' // 普通的dom元素<div class="message_content" ref="message_content_ref"> // c...
2018-12-13 14:40:16
594
1
原创 (ES6的“...“配合ES5‘’forEach‘’)前端面试之判断一个字符串中出现次数最多的字符，统计这个次数
// 判断一个字符串中出现次数最多的字符，统计这个次数 let str = 'aasdadddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsdasjjhsghkafsagjkgfasgj;ksagj;lagsjlgjlsagjl;sajlk;gsasdadaaa'; ...
2018-11-09 16:15:57
1385
转载 centos7+tomcat部署JavaWeb项目超详细步骤
我们平时访问的网站大多都是发布在云服务器上的，比如阿里云、腾讯云等。对于新手，尤其是没有接触过linux系统的人而言是比较有困难的，而且至今使用云服务器也是有成本的，很多时候我们可以通过虚拟机自己搭建一个测试服务器来运行我们的JavaWeb项目。这里我就从头到尾开始详细的介绍一下如何部署javaWeb项目到centos7上。总体分为三部分：1、java环境。2、tomcat环境。3、JavaW...
2018-07-16 15:24:15
2282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人