- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 js获取图片主色调
js获取图片主色调，动态生成渐变色蒙版效果演示实现思路git源码用js获取图片的主颜色动态改变 左右两边 的渐变色，达到一个动态生成图片蒙版的效果效果演示演示地址：http://yanghao304.gitee.io/#/music实现思路1、先在 canvas 上画出图片， <img id="img_test" src="http://p1.music.126.net/TzMwwPWS6lONrPqOiOrZFw==/109951165693801980.jpg ">
2021-02-04 23:28:47
4305
2
原创 async await，回调函数，箭头函数this指向问题
async await，回调函数，箭头函数this指向问题通过一个获取音乐api接口的例子，分别async函数来写获取歌曲列表方法，回调函数来写播放音乐方法，箭头函数来写播放mv方法。分别来看一下三个函数的this指向问题。接口地址为https://autumnfish.cnasync await例子async serchMusic（）用async修饰serchmusic这个方法。本质就是告诉编译器这是个async到异步处理函数。通过let response = await axios来取代.th
2020-08-08 21:45:42
2504
原创 vue spring boot MySQL搭建简单个人博客教程
vue+element搭建登录注册页面1：项目预览注册页面通过axios提交到数据库2：脚手架引入element UI3：登录页面四级标题五级标题六级标题1：项目预览注册页面通过axios提交到数据库2：脚手架引入element UI强烈推荐新生使用全局导入选择***fully import***，等熟悉element后再按需导入提高性能。选择一个form表单3：登录页面话不多说上对面四级标题五级标题六级标题vue项目...
2020-07-29 20:32:11
370
原创 for循环 + setTimeout 结合的烂大街的面试题
for循环 + setTimeoutfor (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000);}以上代码会输出55555， 原因是settimeout 是宏任务，它会在for循环的同步代码块执行后在执行。产生五个5的原因：1：for循环会定义五个setTimeout（function（）{console.log(i);} 的函数2：因为是异步任务所以定义完
2021-05-05 23:14:48
415
1
原创 清除浮动css
清除浮动css浮动产生原因使用clear : both伪元素清除浮动（推荐）触发bfc清除浮动给父元素float清除浮动浮动产生原因由于浮动元素会脱离文档流，所以给浮动元素设置高度，也无法撑开父元素。 <div style="position: relative; background-color: blue; width: 900px; height: 900ox; "> <div style="float: left; height: 200px;
2021-03-31 14:23:19
187
原创 vue 组件传值
vue 组件传值父组件向子组件传值父组件发送数据给子组件> 使用 :masg 这个绑定事件，向父组件传递图片的名字地址，父组件中定义ImgFile 这个值传递给子组件。 <MyImg :masg = "ImgFile" @fun = "show"></MyImg> 发送方法给子组件父组件中的方法 show(err, file, fileList){ this.ImgFile = 'C:/Users/hp/Desktop/img/'
2021-03-19 09:28:38
157
原创 vuex的使用
vuex的使用个人理解vuex就是前端的数据库，在里面可以加数据让各组件都可以共享数据。对数据进行增删改查State共享状态（即变量）Getter基于state的派生状态，可理解为组件中的计算属性Mutation更改vuex的store中状态的唯一方法，通过提交mutation修改状态，同步操作（规则上是不允许异步操作的，虽然异步也可以执行，但是对devtool调试的状态跟踪或多个状态更改操作相互依赖是很不好的，所以不要觉得只要不报错我就可以这么用，还是尽量按照规则来比
2020-11-14 20:55:40
116
原创 v-if和v-show区别
v-if和v-show区别v-if初始花销小，但频繁切换的话消耗资源，v-show初始花销大，频繁切换如轮播图的时候可以使用v-show。个人理解就是v-show一开始就花很多资源渲染到页面上，所以前期花费资源比较大，动态切换的时候就不会继续渲染一次，v-if在动态频繁切换的时候会一次又一次的渲染占用资源。在页面中的区别下面代码是实现一个点击按钮，用v-if和v-show切换一段文字 <div id="app"> {{ flag }} <hr>
2020-11-14 19:15:44
212
1
原创 display：inline和display：block， display：inline-block区别，清除浮动的方法
display：inline和display：block， display：inline-block区别，清除浮动的方法实现简单的div并排inline:使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开.可以使用padding，margin的left和right产生边距效果，但是top和bottom就不行.block:使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会默认填满父级元
2020-11-03 15:21:22
1104
原创 vue路由三种传参方式
vue路由总结一、vue路由二、使用步骤1.引入库2.读入数据总结# 前言vue的路由可以完成许多功能比如路由传参，路由跳转。提示：以下是本篇文章正文内容，下面案例可供参考一、vue路由示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as
2020-10-17 21:46:53
354
原创 for循环 + setTimeout 例子
for循环 + setTimeout 例子今天看面试题找到了一个经典面试题，可以帮助大家理解let关键字，setimeout关键字等。先看一个经典面试题for (var i = 0; i < 6; i++) { setTimeout(function (){ console.log(i); },1000); }运行代码，一下子输出了五个5。并不是意料中的每隔1秒输出i++，这是因为var是全局作用域，而setimeout是一个异步函数，for循环又是一个同步执行的。记住一
2020-09-09 22:21:45
212
原创 vue+axios实现登录注册
vue+axios实现登录注册安装配置axiosaxios发送登录请求安装配置axios安装axios npm install axios在mian.js中配置axios，用prototype挂载就可以在别的vue组件使用就可以使用this.$axios来发送axios请求var axios = require('axios')//引用axiosaxios.defaults.baseURL = 'https://adny.utools.club/api'//设置一个基础请求地址Vue.pr
2020-09-08 19:23:01
12911
2
原创 vue 脚手架使用百度地图
# vue 脚手架使用百度地图申请百度地图Key在vue脚手架引入百度地图在组件中使用百度地图申请百度地图Key百度地图官网，一定要点击JavaScript api在vue脚手架引入百度地图在vue脚手架中index.html导入百度地图在组件中使用百度地图我自己写了三个按钮对应三个方法，然后跳转到三个w’z<script> export default { name: 'my-map', data() { return { c
2020-08-24 18:48:56
517
原创 手机访问vue项目
两分钟学会手机访问vue项目在vue项目没有完成打包发布前，手机和电脑在同一个WiFi环境下，通过IP地址就可以轻松用手机访问到电脑端的vue项目。查找电脑端的ip地址：输入ipconfig在cmd中查询自己电脑的IP地址，选择ipv4的地址我的地址为：198.168.1.5更改vue.config文件 devServer: { disableHostCheck: true, host: '192.168.1.5', // ip por
2020-08-08 00:57:49
1755
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人