- 博客(14)
- 收藏
- 关注
原创 JS获取日期
获取每个月有几周,每个月从第一个周一开始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(); // 第一个周一
2021-10-13 15:56:58
271
原创 vue中eCharts简单使用例子
一个简单的线型形+ 柱形的例子 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"));
2021-03-24 13:11:25
392
原创 锚点链接平滑过渡
document.getElementById('info').scrollIntoView({ block: 'start', behavior: 'smooth' })
2021-01-12 11:33:37
726
原创 pc端和移动端px和rem的转换
关于pc端和移动端px和rem的转换直接复制下方代码 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth;
2021-01-11 11:58:13
1670
原创 vue中axios的使用
先在项目中下载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
2020-12-11 09:31:11
139
1
原创 Vue中兄弟组件之间的传值方法
兄弟组件传值 兄弟组件之间传值使用的是$bus的传值方式 同目录下创建bus.js,在里面写上以下代码:// bus.js中只需要写这么多就okexport default { install(Vue){ Vue.prototype.$bus = new Vue({}); }}; 创建后在main.js中引用bus.js,并调用import bus from './bus.js';Vue.use(bus); 兄弟传值:传值方...
2020-11-14 10:49:00
900
原创 Vue父子之间的传值(获取值)
父亲往儿子传值 父亲往儿子传值,那首先肯定是要有数据的, //父亲中的数据 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"}, ]
2020-11-13 13:59:26
1003
原创 Vscode中好用插件推荐使用
插件 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
2020-11-11 15:04:10
176
原创 vue-cli中出现这个错误[WDS] Disconnected!解决!!!
当控制台出现这个错误时,虽然不影响程序的正常运行,但是看着还是让人不舒服,不过不要担心,解决办法很容易,打开Application,点开localstorage,然后将loglevel:webpack-dev-server复制在key上,将SILENT复制在Value上,然后刷新重新运行就行了,如第二张图所示...
2020-11-02 21:34:54
4306
3
原创 在网页右下角添加一个卡通动漫人物
代码如下:<!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><body> <d
2020-10-23 19:42:01
5708
10
原创 JS中关于字符串的截取方法
1.substring(参数一,参数二)从参数一下标位置开始,截取到参数二下标位置,但是不包含参数二位置上的值2.substr(参数一,参数二)从参数一下标位置开始,截取参数二个字符3.slice(参数一,参数二)从参数一下标位置开始,截取到参数二下标位置,但是不包含参数二位置上的值注意:①.参数二可以忽略,如果忽略参数二,那么会从 参数一 开始截取到数组的结束②.如果不传参数,将会从数组开头截取到数组结束(克隆数组)你们的访问和点赞是我持之以恒的泉源 ! 加油...
2020-08-11 20:43:43
233
原创 利用js制造一个星座查询的效果
简单利用if语句制作一个星座查询的效果<!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><bod
2020-08-08 16:01:34
649
原创 利用伪元素+动画效果制作一个跳动的心
<!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> div {
2020-08-07 19:55:14
1655
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人