blinH的博客

TinyMCE在vue中的使用

blinH — Thu, 08 Dec 2022 11:05:45 +0800

在vue中使用TinyMCE编辑器

JS获取日期

blinH — Wed, 13 Oct 2021 15:56:58 +0800

获取每个月有几周，每个月从第一个周一开始 getWeeks(year, month) { var d = new Date(); // 该月第一天 d.setFullYear(year, month-1, 1); var w1 = d.getDay(); if (w1 == 0) w1 = 7; // 该月天数 d.setFullYear(year, month, 0); var dd = d.getDate(); // 第一个周一

vue中eCharts简单使用例子

blinH — Wed, 24 Mar 2021 13:11:25 +0800

一个简单的线型形+ 柱形的例子 npm install echarts --save 先在vue中导入 import * as echarts from 'echarts'; 需要挂载到Vue的原型上 Vue.prototype.$echarts = echarts //先定义个方法 myEcharts() { //把echarts绑定到显示元素上 const myChart = this.$echarts.init(document.getElementById("echarts2"));

锚点链接平滑过渡

blinH — Tue, 12 Jan 2021 11:33:37 +0800

document.getElementById('info').scrollIntoView({ block: 'start', behavior: 'smooth' })

pc端和移动端px和rem的转换

blinH — Mon, 11 Jan 2021 11:58:13 +0800

关于pc端和移动端px和rem的转换直接复制下方代码 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth;

vue中axios的使用

blinH — Fri, 11 Dec 2020 09:31:11 +0800

先在项目中下载axios 先npm在项目中导入：： npm install --save axios vue-axios 在main.js中配置引入axios import axios from 'axios'; //引入axios import VueAxios from 'vue-axios'; // 引入vue-axios Vue.use(VueAxios,axios); //使用也可以只引入axios // 引入axios import axios from

Vue中兄弟组件之间的传值方法

blinH — Sat, 14 Nov 2020 10:49:00 +0800

兄弟组件传值兄弟组件之间传值使用的是$bus的传值方式同目录下创建bus.js，在里面写上以下代码： // bus.js中只需要写这么多就ok export default { install(Vue){ Vue.prototype.$bus = new Vue({}); } }; 创建后在main.js中引用bus.js，并调用 import bus from './bus.js'; Vue.use(bus); 兄弟传值：传值方 ...

Vue父子之间的传值（获取值）

blinH — Fri, 13 Nov 2020 13:59:26 +0800

父亲往儿子传值父亲往儿子传值，那首先肯定是要有数据的， //父亲中的数据 lists:[ {id:1,name:"张三1"}, {id:2,name:"张三2"}, {id:3,name:"张三3"}, {id:4,name:"张三4"}, {id:5,name:"张三5"}, {id:6,name:"张三6"}, ]

Vscode中好用插件推荐使用

blinH — Wed, 11 Nov 2020 15:04:10 +0800

插件 Beautify Brachet Pair Colorizer(在js中显示每个括号的范围) Chinese(Simplified) Language Pack for....(汉化) Auto Rename Tag(自动更改标签名) Html Snippets jQuery Code Snippets Material Icon Theme(设置文件图标主题) Open in browser(快捷键打开HTML文件) Path Intellinese(自动补全文件路径) Angu

vue-cli中出现这个错误[WDS] Disconnected!解决！！！

blinH — Mon, 02 Nov 2020 21:34:54 +0800

当控制台出现这个错误时，虽然不影响程序的正常运行，但是看着还是让人不舒服，不过不要担心，解决办法很容易，打开Application，点开localstorage，然后将loglevel:webpack-dev-server复制在key上，将SILENT复制在Value上，然后刷新重新运行就行了，如第二张图所示 ...

在网页右下角添加一个卡通动漫人物

blinH — Fri, 23 Oct 2020 19:42:01 +0800

代码如下： Document

JS中关于字符串的截取方法

blinH — Tue, 11 Aug 2020 20:43:43 +0800

1.substring(参数一,参数二) 从参数一下标位置开始,截取到参数二下标位置,但是不包含参数二位置上的值 2.substr(参数一,参数二) 从参数一下标位置开始,截取参数二个字符 3.slice(参数一,参数二) 从参数一下标位置开始,截取到参数二下标位置,但是不包含参数二位置上的值注意: ①.参数二可以忽略,如果忽略参数二,那么会从参数一开始截取到数组的结束 ②.如果不传参数,将会从数组开头截取到数组结束(克隆数组) 你们的访问和点赞是我持之以恒的泉源 ! 加油 ...

利用js制造一个星座查询的效果

blinH — Sat, 08 Aug 2020 16:01:34 +0800

简单利用if语句制作一个星座查询的效果 Document

利用伪元素+动画效果制作一个跳动的心

blinH — Fri, 07 Aug 2020 19:55:14 +0800

Document