- 博客(17)
- 收藏
- 关注
RSS订阅原创 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
210
原创 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
319
原创 锚点链接平滑过渡
document.getElementById('info').scrollIntoView({ block: 'start', behavior: 'smooth' })
2021-01-12 11:33:37
655
原创 关于JSON.parse()和JSON.stringify()
聊之前先来说一下这两个方法的含义JSON.parse()将字符串转为对象JSON.stringify()将对象转为字符串举个例子a let boy ='{"age":"6","name":"明明"}'; let json1 = JSON.parse(boy); console.log(json1) ==> {age:'6',name:'明明'}b let girl = {name:'文雅',age:8}; let json2 = JSON.stringify(girl);
2021-01-12 10:34:05
84
原创 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
1605
原创 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
89
1
原创 Vuex的使用（普通理解，后续增加优化）
利用vue-cli创建项目是选择一个vuex 这里讲的是利用(vuex传值)，在store文件下的index文件中，有一个state属性， 这个就是用来传值的关键 在state中定义一个属性，用来接收值，例如：msg:'' 在传值组件中定义事件用来发送数据，在事件中通过this.$store.state.msg能够 获取到定义在state中的数据，可以在事件中进行更改，然后在另一个组件中可以直接 用this.$store.state.msg获取到更改后的数据，即接收到从另一个组件传过来的值
2020-11-14 11:36:33
89
原创 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
838
原创 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
924
原创 element-ui中的分页样式修改
修改分页样式 问度娘问了个把小时，总算是把element-ui中分页样式修改成功了 在.html和.vue中的样式修改不太一样，.html中可以直接找到对应的class 直接修改，但是在vue中由于直接使用class修改hi因为权重不够，导致被官方 的样式覆盖，所以要增加要修改的元素的权重 要写在css预处理器中(less,sass),我的是写在了less中，并定义scoped (不知道什么原因，我的被scoped去掉后就不能让样式生效) 下面是单独一个分页效果的展示<te
2020-11-12 20:29:13
2675
1
原创 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
98
原创 vue-cli中出现这个错误[WDS] Disconnected!解决！！！
当控制台出现这个错误时，虽然不影响程序的正常运行，但是看着还是让人不舒服，不过不要担心，解决办法很容易，打开Application，点开localstorage，然后将loglevel:webpack-dev-server复制在key上，将SILENT复制在Value上，然后刷新重新运行就行了，如第二张图所示...
2020-11-02 21:34:54
4202
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
5034
10
原创 JS中关于字符串的截取方法
1.substring(参数一,参数二)从参数一下标位置开始,截取到参数二下标位置,但是不包含参数二位置上的值2.substr(参数一,参数二)从参数一下标位置开始,截取参数二个字符3.slice(参数一,参数二)从参数一下标位置开始,截取到参数二下标位置,但是不包含参数二位置上的值注意:①.参数二可以忽略,如果忽略参数二,那么会从 参数一 开始截取到数组的结束②.如果不传参数,将会从数组开头截取到数组结束(克隆数组)你们的访问和点赞是我持之以恒的泉源 ! 加油...
2020-08-11 20:43:43
175
原创 利用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
583
原创 利用伪元素+动画效果制作一个跳动的心
<!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
1605
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人