自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

且听风吟的博客

不断在前端路上探索~

  • 博客(28)
  • 资源 (7)
  • 收藏
  • 关注

原创 javascript 数组方法

javascript 数组方法

2019-07-31 17:52:05 231

原创 javascript this的用法

工作中时常会用到this,但是总感觉缺乏系统性的理解,所以就总结了一下~~

2019-07-30 17:56:49 137

原创 javascript call()、apply()和bind()

关于这三个方法,很多大神都已经总结的非常到位了。但是呢,俗话说“好记性不如烂笔头”。而且,我发现我学习了一个东西,然后自己敲一篇博客出来之后,就会进一步加深自己对它的理解,所以我会一直写博客,一直将自己学习的东西记录下去~var name = '小明',age = 18;var obj = { name: '小红', objAge: this.age, myFun: function(...

2019-07-29 18:00:27 96

原创 css 浮动及清除浮动

浮动:使元素脱离文档流,按照指定的方向(向左或向右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止。属性:float:left; 左浮动float:right;右浮动浮动的产生:一个盒子里的元素使用了css 的 float:left 或者 float:right 属性。<!doctype html><html lang="en"> <hea...

2019-07-26 17:30:47 217

原创 ES6 for...in 和 for...of 的区别

for…in循环的是key,for…of循环的是valuefor…of是ES6新引入的特性。修复了ES5引入的for…in的不足在循环对象属性的时候,使用for…in,在遍历数组的时候的时候使用for…of。for…of不能循环普通的对象,需要通过和Object.keys()搭配使用。遍历数组时:let arr = [10,16,17,12,19,51];for(let i in ar...

2019-07-25 17:27:43 749

原创 vue 父子组件通信——子组件向父组件派发事件

vue中,子组件通过emit触发事件给父组件发送消息。vm.emit触发事件给父组件发送消息。vm.emit触发事件给父组件发送消息。vm.emit( eventName, […args] ) 可以有两个参数:第一个参数必填,触发当前实例上的函数;第二个参数选填,是向函数传递的数据。(1)子组件中添加按钮,触发函数 transmitMsg 向父组件派发事件; <div> ...

2019-07-24 18:32:40 1454

原创 Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 10.x

npm run dev启动项目时报错:Error: Missing binding D:\Projects\uiot-web\node_modules\node-sass\vendor\win32-x64-64\binding.nodeNode Sass could not find a binding for your current environment: Windows 64-bit ...

2019-07-23 18:54:57 263

原创 csdn Markdown博客设置代码片高亮

由于最近一直在写博客,觉得代码一行行都是一个颜色看起来好难受,所以就想设置一下,发现,可以在“管理博客”->“博客设置”中设置博客代码片的样式,于是,我就设置了:然而,写博客时发现,没有效果啊,代码还是没有样式,如下图:这是为什么呢?后来发现,原来是在插入代码时需要标注代码语言,如下图:这样,右边预览效果已经出来了,是不是好看多了,哈哈哈...

2019-07-23 13:50:12 308

原创 vue 父子组件通信——父组件向子组件下发数据

// 方式一props: [‘myMessage’]// 方式二props: {myMessage: Array //指定传入的类型,如果类型不对,会警告}// 方式三props: {myMessage: {type: Array,default: [5,6,7] //指定默认的值}}...

2019-07-22 18:54:08 411

原创 vue 以组件化的形式引入Echarts

参考链接:https://www.jianshu.com/p/cf0a54374419https://www.jb51.net/article/149095.htm

2019-07-20 13:13:27 1459

原创 vue Echarts自适应浏览器resize报错:Cannot read property 'resize' of undefined

Echarts自适应浏览器resize报错:Cannot read property 'resize' of undefined1.问题2.解决办法3.成果1.问题今天在做Echarts自适应浏览器时,发现一个问题:Cannot read property ‘resize’ of undefined。Echarts插件绘制的柱状图正常情况下页面截图:但是当我拖动浏览器窗口的边框进行缩放时...

2019-07-19 15:58:19 10451 9

原创 vue 引入Echarts

vue 引入Echarts(1)下载Echarts(2)全局引入Echarts(3)创建一个图表(1)下载EchartsWebStorm打开创建好的vue项目,接下来,打开cmd,下载Echarts:npm install echarts -S(2)全局引入Echarts在/src/main.js中加入:import echarts from 'echarts'Vue.protot...

2019-07-18 19:05:28 1675

原创 vue 侧边栏跳转路由配置

路由配置:/src/router/index.jsimport Vue from 'vue'import Router from 'vue-router'import Login from '@/components/Login'import Main from '@/components/Main'import GaodeMap from '@/map/GaodeMap'impor...

2019-07-17 19:34:11 12578 2

原创 css 并排放置两个div

今天写代码时遇到了并排放置两个div的需求,所以总结了一下,共有以下几种方法:(1)设置浮动:a)两个div都设置为左浮动:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>放置两个div在同一行</title> <st...

2019-07-16 17:12:13 20469 1

原创 vue 创建一个登录界面

vue创建一个登录界面

2019-07-15 19:53:03 51170 17

原创 css 盒模型

css 盒模型:html元素可以看成一个盒子,包括:边框,编剧,填充和实际内容。盒子模型(Box Model):Margin(外边距):清除边框区域,Margin没有背景颜色,它是完全透明的;Border(边框):边框周围的填充和内容;Padding(内边距):清除内容周围的区域,会受到框中填充的背景颜色影响;Content(内容):盒子的内容,显示文本和图像。盒模型允许在其它元素和...

2019-07-15 18:04:36 137

原创 css 画三角形

css画三角形原理:参考链接:今天学到一点新知识,原来用css可以画三角形,很惊讶,于是自己找资料学习了下,原来实现起来很简单~原理:用css画三角形,实际上是用border绘制三角形。border有一个特性:当一个元素的宽高都为0时,给border设置宽度(至少给2个相邻的边框设置宽度),border就会撑开这个元素;当四个边框同时设置宽度时,四个边最后在元素的中心汇成一个点。(1)先...

2019-07-11 20:14:20 246

原创 找出1~1000以内的所有质数

质数又称素数,一个大于1的自然数,除了1和它自身外,不能被其他自然数整除的数叫做质数。

2019-07-10 17:30:34 9656 1

原创 vue 高德地图获取当前位置

vue 高德地图获取当前位置1.引入高德地图2.添加定位插件1.引入高德地图上一篇博客中已经详细讲解了如何在vue项目中引入高德地图,因此不再赘述。2.添加定位插件在引入高德地图的基础上,添加定位插件。如下图所示:简单的几句代码,即可实现获取当前位置的功能。(不得不说,插件是个好东西呢,哈哈~)效果如下图所示:...

2019-07-09 19:57:47 5419

原创 vue 引入高德地图

vue 引入高德地图1.修改webpac.base.conf.js文件2.申请key3.修改index.html文件4.修改引入高德地图的那个界面成果1.修改webpac.base.conf.js文件打开vue项目,在build文件夹下找到webpac.base.conf.js文件,在module.exports中添加:externals: { 'AMap': 'AMap' },...

2019-07-08 16:10:30 7032

原创 vue 出现:Do not use built-in or reserved HTML elements as component id: footer问题

vue引入自定义组件错误初学vue阶段,学习container布局时,想自定义Footer组件,引入App.vue之后发生了错误,浏览器报错:浏览器的[vue warn]错误,一般都是组件渲染出现了问题。bug修改前源码:查找资料,发现了原因:vue里面不允许使用 Html已有的标签作为自定义标签因为模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有...

2019-07-05 23:42:52 3657 1

原创 ES6 const,var,let的区别

const,var,let的区别作用域变量提升1.const定义的变量不可以修改,而且必须初始化。2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。3.const和let不允许在相同作用域内重复声明;而var允许在相同作用域内重复声明。4.var声明的变量会挂载在window上,而let和const声明的变量不会。作用域var的作用域是整个封闭函...

2019-07-04 20:42:06 157

原创 css overflow属性

CSS overflow属性visiblehiddenscrollautoinheritoverflow属性定义了当内容溢出元素框时会如何处理的方式。关于overflow属性的定义有很多,以下是我根据官网教程学习的几个例子:overflow属性可能的值:visibleoverflow属性的默认值。元素框内的内容不会被修剪,多余的部分会呈现在元素框之外。hidden元素框的内容会被修...

2019-07-03 18:52:34 173

原创 vue Element UI侧边栏

Element UI侧边栏NavMenu 导航菜单NavMenu 导航菜单NavMenu 导航菜单为网站提供导航功能,实现起来很简单,Element UI官网有各种实例,下面这个包含了下拉、分组:下面为整个下拉菜单结构:...

2019-07-03 16:55:13 9113

原创 vue 项目中引入Element UI

vue 项目中引入Element UI

2019-07-03 08:14:52 536 1

原创 ES6 Set

ES6 Set 数据结构定义特殊情况set与字符串Set的用法数组去重并集交集差集定义Set对象提供了数据结构,类似于数组,但是没有重复值。特殊情况Set对象存储的值具有唯一性,所以添加元素时需要判断两个元素的恒等。有几种特殊的情况:(1)+0和-0在判断存储的值的时候是恒等的;(2)undefined 与 undefined 是恒等的,所以不重复;(3)NaN 与 Na...

2019-07-02 20:26:36 122

原创 vue 搭建一个项目

1、在node.js官方网站下载页进行下载;2、打开上一步下载的文件进行安装;3、安装过程很简单,直接“next”就完成了,如下所示:

2019-07-02 19:00:20 177

原创 好用的图标下载网站推荐

图标下载的一个网站图标下载图标下载做为一个前端,时常需要用到一些图标,最近发现了一个很好用的图标下载网站:easyicon,如下图所示,可以找到大部分需要的图标:而且,还可以选择不同的尺寸以及不同的格式进行下载,很棒,哈哈。...

2019-07-02 16:00:58 2096

react学习练手小demo

react学习练手小demo 组件 数据状态管理

2022-03-16

webpack管理资源demo

webpack管理资源demo 1.加载css 2.加载images 3.加载fonts 4.加载数据

2022-03-16

图片压缩插件min.js文件image-compressor.min.js

图片压缩插件min.js文件image-compressor.min.js

2022-02-08

html引入高德地图demo

此demo的功能是在html文件中,引入高德地图API,简单的入门小例子。

2019-07-24

android中实现自动输入文本效果

此控件的功能是帮助用户实现自动输入,例如当用户输入一个字符后,能够根据这个字符提示显示出与之相关的数据。里面用到了一个适配器来实现此功能。

2015-05-24

android中定时定位的实现

(1)定时功能的实现,调用系统当前时间,使用timer实现定时功能; (2)当前位置的获取,使用GPS功能获取当前位置,并且显示出经度和纬度,并且使用位置监听事件LocationListener监听位置变化,当位置改变时,获取新的经纬度,并显。

2015-05-17

android中注册页面

android中简单的注册页面的实现,初学者学习各种控件的应用,能够实现用户注册功能,并且显示注册信息。

2015-05-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除