- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue 更多 收起 功能
<template> <div class="home"> <div class='test' ref="test">我是测试行高</div> <div class='box' ref="box"> {{html}} <span class='shouqi' v-show="showShouqi" @click="putAway">收起</span> <span class="more" re
2022-02-16 10:58:58
757
原创 PC、移动端小球拖拽吸附边界基础版
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><style>* { margin: 0; pa
2021-03-26 15:31:19
177
转载 执行 webpack-dev-server 报错“Cannot find module ‘webpack-cli/bin/config-yargs‘”-之解决办法
1.执行 npm run dev提示：Cannot find module 'webpack-cli/bin/config-yargs'2.经过查阅相关API及文档，发现本地默认安装的新版webpack5与相关协作的功能包并不兼容，报错前安装的相关版本为："webpack": "^5.1.3","webpack-cli": "^4.1.0","webpack-dev-server": "^3.11.0"3.得出了结论，新版本并不与现存相关包兼容，因此我就试着以webpac...
2020-12-30 14:55:38
504
原创 vue中实现图片点击进行编号简易版
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> body,html,div,ul,li{ margin: 0; padding: 0; } .container{ width: 100%; height: 960px; pa
2020-09-11 17:26:06
342
原创 vue中实现预渲染SSR
因接到项目需求，需要对vue做预渲染，实现后 自己在此处再记录下备用a.首先 在package.json中引入 prerender-spa-pluginnpm install prerender-spa-plugin --save-dev之后在vue.config.js文件中做配置，配置如下（注：vue3.0的配置里可能没有此文件，需要自己创建：const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer =
2020-07-08 17:26:39
1087
原创 vue中使用ue编辑器的一些简易说明
1.引入2.初始化mounted(){ const _this = this; this.accessToken = localStorage.getItem('accessToken'); window.UEDITOR_CONFIG.serverUrl =process.env.NODE_ENV === 'development'?"devadress":"otheradress"},methods:{ getContent() { // 获取内容方
2020-07-08 17:17:33
1935
原创 生成数组 获得随机数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> </style></head>
2020-06-09 16:57:34
440
原创 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me
在vue中启动项目报错FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory解决方法:找了好多方法都解决不了，最后我是在cmd窗口，cd定位到项目目录下执行以下命令：npm install -g increase-memory-lim...
2020-03-27 11:25:36
416
原创 阶乘的两种处理方法
如下function fn (n) { if(typeof(n)!='number') return let res=null; if(n==1) return 1 for(let i=n;i>1;i--){ return res=i*fn(i-1) }}function res(n){ if(typeof(n)!='number') r...
2020-03-23 22:26:17
572
原创 git解决冲突
git解决冲突：首先根据冲突解决后，执行下序操作主要是根据提示解决冲突完后 ，执行git add .git rebase --continuegit pull --rebasegit push
2020-03-22 17:49:21
200
原创 复制功能
实现文字复制功能vue 在elementui的表格中 <a @click='goLogDetail(scope.row)复制</a> <i class="el-icon-document" style="cursor: pointer;" @click="getContext($event)"></i>在methods中getC...
2020-03-17 14:12:37
94
原创 正则学习心得
手机正则的一些实现方式：/^(13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199)\d{8}$/.test(phone)
2020-03-05 17:07:23
109
原创 垂直外边距合并问题以及处理对象的问题
首先 先来写个样式我们来看看效果 <html> <head> <meta charset="UTF-8"> <title></title></head><style type="text/css"> *{ margin: 0px; padding: 0px; } #app{ he...
2019-12-31 11:41:16
106
原创 用vue实现的一组分页
实现效果如下 <html><head> <meta charset="UTF-8"> <title></title></head><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <styl...
2019-12-26 15:23:39
136
原创 对页面当前所有的html标签元素进行统计并排序的一个方法
对页面当前所有的html标签元素进行统计并排序的一个方法var tag = document.getElementsByTagName("*") tag = [...tag]//转成数组 var arr = [],brr = []; tag.forEach(function(v) { arr.push(v.tagName.toLowerCase())//拿到所有数据 }) v...
2019-12-25 17:08:11
543
原创 vue中简易使用hightcharts环形图心得
highcharts环形图饼状图的一些常见操作credits: {//版权信息 enabled: false //不显示highCharts版权信息 }, title: {//标题 floating: true, //让环形里的文字漂浮 text: "", // text: '圆心显示的标题' st...
2019-12-25 13:55:41
1239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人