自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 Javascript 高阶函数

2020-07-29 11:43:00 12

转载 免抠图PNG素材网站

今天再给大家补充两个非常棒的免抠图PNG素材网站(一个国内、一个国外)一、觅元素http://www.51yuansu.com国内网站,提供各类PSD、PNG、AI等多种格式的素材和背景下载,比如我们搜索逐灯笼,可以看到素材的质量非常高。唯一遗憾的是,免费用户,一天只能下载5次(不过你可以用多个qq注册多个号)二、pngimghttp://www.pngimg.com国外的网站,下载免抠图的png,素材质量好到令人发指,而且全免费(...

2020-07-28 15:41:25 40

转载 20个 CSS 快速提升技巧

本文涵盖了20个css技巧,可以解决许多工作中常见的问题。1、使用CSS重置(reset)css重置库如normalize.css已经被使用很多年了,它们可以为你的网站样式提供一个比较清晰的标准,来确保跨浏览器之间的一致性。大多数项目并不需要这些库包含的所有规则,可以通过一条简单的规则来应用于布局中的所有元素,删除所有的margin、padding改变浏览器默认的盒模型。*{ box-sizing:border-box; margin:0; padding:0.

2020-07-24 15:04:35 21

转载 css中“~”(波浪号)、“,”(逗号)、“+”(加号)和“>”(大于号)详解

p~ul选择器 p之后出现的所有ul。  两种元素必须拥有相同的父元素,但是 ul不必直接紧随 p。css中“>”是:  css3特有的选择器,A>B 表示选择A元素的所有子B元素。  与A B的区别在于,A B选择所有后代元素,而A>B只选择一代。.a,.b{逗号指相同的css样式};.a .b{空格指后代元素};.a>.b{大于号指子代元素};...

2020-07-24 10:37:44 112

转载 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-

父组件<popup :show="showpopup" @closepop="closepop"></popup> 子组件<template> <div :class="show?'container show':'hide'" @click="close"> </div></template> //这是一个弹窗 <script> export default { .

2020-07-23 10:31:41 42

转载 Vue3.0报错error: Unexpected console statement (no-console) 解决办法

写项目过程中用ESLint遵守代码规范很有必要,但是对于一些规范也很是无语,比如:‘Unexpected console statement (no-console)’,连console都不能用,这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{} 中的 “rules”:{},增加一行代码: "no-console":"off"示例: "eslintConfig": { "root": true, "env": { "n

2020-07-23 10:15:07 36

转载 H5页面手机端禁止缩放的正确方式

H5页面禁止手机端缩放是个常见问题了首先说meta方式<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />这个写法一抓一大把,因为使用以后发现页面变形严重,很多人直接丢弃了该方式,实际上是由于width=device-width这一段代码引起的屏幕自适应有些浏览器是强制开启允许缩放的,于是,使用js的方式在一定的延

2020-07-08 11:24:21 170

转载 Javascript 判断是移动端浏览器还是 PC 端浏览器

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { alert("移动")} else { alert("PC")}

2020-07-08 11:19:35 75

转载 jQuery中调用方法,动态拼接传字符串参数格式

自己拼接的字符串中调用了方法时,传字符串参数时,就要带 ''\ 和 '\' 不然参数接收不到'<a href="javascript:void(0)" onclick="deleteModule(\''+row.moduleID+'\',\''+row.moduleFilePathList+'\')">删除</a>  'function deleteModule(moduleID,paths){}...

2020-07-06 14:15:03 111

转载 GitHub--创建新的分支

GitHub--创建新的分支(转)如何在 GitHub 的项目中创建一个分支呢? 其实很简单啦,直接点击 Branch,然后在弹出的文本框中添加自己的 Branch Name 然后点击蓝色的Create branch就可以了,这样一来,你这个项目就有2个分支了(master 和 reademe-edits)。注:由上面的分支合并的流程图可以发现,1 个库可以有多个分支并行的进行开发,但是最后只有 1 个会被 merge 进来,因此当某一个分支被合并到进 master 分支后,其他的并行分支.

2020-06-12 14:31:13 77

转载 vue-router 基本使用(三)——嵌套路由

嵌套路由,主要是由我们的页面结构所决定的。当我们进入到home页面的时候,它下面还有分类,如手机系列,平板系列,电脑系列。当我们点击各个分类的时候,它还是需要路由到各个部分,如点击手机,它肯定到对应到手机的部分。  在路由的设计上,首先进入到 home ,然后才能进入到phone, tablet, computer. Phone, tablet, compute 就相当于进入到了home的子元素。所以vue 提供了childrens 属性,它也是一组路由,相当于我们所写的routes。  首先,..

2020-06-12 13:53:40 59

转载 vue-router 基本使用(二)---动态路由

一、动态路由上面我们定义的路由,都是严格匹配的,只有router-link 中的to属性和 js 中一条路由route中 path 一模一样,才能显示相应的组件component. 但有时现实却不是这样的,当我们去访问网站并登录成功后,它会显示 欢迎你,+ 你的名字。不同的用户登录, 只是显示“你的名字” 部分不同,其它部分是一样的。这就表示,它是一个组件,假设是user组件。不同的用户(就是用户的id不同),它都会导航到同一个user 组件中。这样我们在配置路由的时候,就不能写死, 就是路由中的pa.

2020-06-12 12:10:31 64

转载 vue-router 基本使用(一)

一、路由定义理解 1、路由,其实就是指向,当我点击页面home按钮时,就显示home内容,点击about按钮时就显示about内容,可以理解为home按钮=>home内容,about按钮=>about内容的一一对应的映射关系。 2、路由中有三个基本的概念 route, routes, routerroute:表示一条路由,home按钮=>home内容是一条路由;routes:表示一组路由,[{home按钮=>home内容},{about按钮=...

2020-06-10 10:57:37 75

转载 Vue路由跳转时报错 Cannot read property ‘$createElement’ of undefined

//最近在配置路由时,路由跳转时报错:“ Cannot read property '$createElement' of undefined”。//问题在于component写成了components了,修正了就好了。

2020-06-10 09:11:16 62

转载 JavaScript 中 15 种常见的数组操作

本文GitHubhttps://github.com/qq44924588...上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法,如array. forEach()、array.map()等来操作数组。在实战中,我经常对数组可能的操作和相应采用哪个更好的方法不知所措,所以本文就列出15种常用数据方法,让咱们重温加强记忆一下。1. ...

2020-06-09 11:09:24 35

原创 google浏览器控制台输入时如何换行

按键盘Enter+Shift键

2020-06-09 11:04:13 57

原创 CSS3实现360度循环旋转

1.整个div360度旋转<style type="text/css">.div3{ position:absolute; z-index:3; left:40px; top:40px; font-weight:bold; background:red; animation: myfirst2 15s infinite linear;}@keyframes myfirst2{from {transform: rotate(0deg);}t

2020-06-08 11:11:54 76

原创 Css中z-index层的叠加使用

1.z-index只有在div是 position: absolute;绝对定位的条件下才能使用。<html><head><style type="text/css">.div1{ position:absolute; left:0px; top:0px; z-index:1; background:green; height:70px; width:300px;}.div2{ position:absolute;

2020-06-08 10:40:41 54

原创 magicalcoder集成布局器

http://lowcode.magicalcoder.com/magicaldrag/start.html

2020-06-05 14:48:59 111

原创 bootstrap3-typeahead文字自动补全插件

一、需求项目中实现在类似百度搜索功能,在搜索框内输入文字,搜索框下方会出现自动匹配的内容列表,点击某一个,进行查询操作。二、使用bootstrap3-typeahead自动补全插件实现bootstrap3的js中没有集成此插件,需要单独引入bootstrap3-typeahead.js/* ============================================================= * bootstrap3-typeahead.js v4.0.2 *

2020-06-05 14:29:55 75

转载 如何运行vue项目(从github上download的开源项目)

前提:入坑vue.js,从GitHub上download一个vue.js的开源项目,发现不知如何在浏览器运行,通过查阅网上教程,发现网上的很多是教你怎么新建项目,并没有一个是教如何打开已有的项目。自已折腾了一下,成功搭建好项目环境,最终调试成功。现在将过程分享给大家。首先,这个教程主要针对vue小白,并且不知道安装node.js环境的。言归正传,下面开始教程:首先下载安装node.js从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。根据自己电脑选择32位/64位

2020-06-01 11:17:44 87

原创 Echarts图表可视化大屏显示

效果图:源码gitHub上的地址:https://wanghongzheng.github.io/visualizationChart/visualizedCharts.html参考别人的截图做的。

2020-05-29 16:16:35 162

原创 提示框、消息框等待2秒中自动消失

一、html代码部分可以自定义消息框样式,例如:test('alert_info2');其他消息框需引入boostrap.min.css的样式,显示提示框,等待2秒后,提示框消失。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap Example</title> <meta name="viewport" content=

2020-05-22 13:09:04 200 1

转载 jquery在IntelliJ IDEA(Webstorm)下提示警告Duplicated jQuery selector less

经常碰到intelliJ IDEA在jquery里面提示如下代码Duplicated jQuery selector less...点开Ctrl+F1后的详细描述我就不给了,没啥用。单说这一句,其实就是提示你减少重复的Jquery选择器。意思是,如果要多次使用$("")查找同一个或同一类元素的话,通过将这个赋值给变量,在后续直接引用这一变量会更高校,避免重复查找,降低效率。源码$('#display-well').append(append_text);let scrollTop

2020-05-12 08:31:42 96

原创 百度地图RichMarker富标记点

富标记点代码<html><head><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4IU3oIAMpZhfWZsMu7xzqBBAf6vMHcoa"></script><script src="./RichMarker_mi...

2020-04-28 16:06:53 93

转载 百度地图移动端map点击事件无效、不触发 解决方案

一、问题描述:在手机浏览器访问百度地图,地图的click事件点击无效。有时点击能够获取经纬度,有时候没有反应。//TODO:click 事件 移动端会被屏蔽map.addEventListener("click",function(e){ console.log("该点的经纬度:"+e.point.lng+","+e.point.lat);})二、解决方案手机端 禁用地图...

2020-04-28 14:40:40 476

原创 大华摄像头webplugin.exe插件开发(需要设置固定IP地址,端口号)

1.设置固定IP,端口号,用户名,密码,点击登录按钮,登录成功后,点击预览按钮进行播放(测试电脑的IP要和摄像头的IP在同一个局域网内)2.目前找到的插件只实现直播,截图,截取监控录像功能,能按时间回放录像,可以关闭,暂停,但暂停后不能恢复播放,云台操作报错无法使用。3.摄像头使用demo链接等待中。。。。...

2020-04-20 12:33:49 740 1

转载 资源 | 11个免费矢量免抠素材网站 

PNGAll(推荐指数:❤❤❤❤)PNGAll.com是一个信息网络博客,免费为用户提供最优质的PNG透明图像国外网站,比较简洁,仅支持英文搜索,建议使用浏览器翻译插件网站:www.pngall.comPNGIMG(推荐指数:❤❤❤❤)一个小型的设计师团队创建,主要用于网页设计的PNG图像和剪贴画,为需要免费PNG图像的所有网页和图形设计师而设计。可以下载本网站上的所有...

2020-04-17 10:48:02 125

转载 出现弹窗后,父级页面还能进行滑动或滚动的问题

1.给定一个隐藏样式,如:.noscroll { height: 100%; overflow: hidden;}2.点击弹窗时修改html,body的样式$("html,body").toggleClass('noscroll');3.页面如果出现滑动警告。如下:[Intervention] Unable to preventDefault inside p...

2020-04-16 13:29:01 119

原创 前端免费字体、样式、色彩搭配

1.免费的字体网站试过好用米艺字:http://www.miyizi.com/2.色彩搭配,流行颜色,传统颜色520设计网:https://www.sj520.cn/tool3.好看的颜色鉴赏中国色彩:http://zhongguose.com/#dianqing4.艺术字QT86:https://www.qt86.com/25.颜色在线转换器htt...

2020-04-02 16:16:21 87

转载 CSS伪类、伪元素

一、CSS伪类二、CSS伪元素三、区别单冒号(:)用于CSS伪类;双冒号(::)用于CSS伪元素;本质上一个是类一个是元素;。1.伪元素:被用来创建 DOM 树既有的元素之外的抽象元素;其实在 DOM 树中并不存在,只是逻辑上存在所以我们抽象出来的一个元素,就是假设DOM树上有这个元素;伪元素和他前面的元素是元素和元素之间的位置关系,是一个平级的,是直接作用在DOM...

2019-12-25 10:54:04 47

转载 jQuery仿腾讯云滑动下拉导航菜单效果

menu.html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta content="IE=edge" http-equiv="X-UA-Compatible">...

2019-12-20 11:21:08 100

原创 CSS导航菜单

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>导航菜单</title><style> *{margin:0; padding:0;} a{f...

2019-12-20 10:35:32 44

转载 CSS3 transition 过渡效果

一、定义CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点,必须规定两项内容:指定要添加效果的CSS属性指定效果的持续时间二、语法transition: CSS属性,花费时间,效果曲线(默认ease),延迟时间(默认0)三、例子上面两个按钮,第一个没有使用过渡,第二个使用过渡,大家可以看到当中的区别,用了过渡之后是不是没有那么生硬,有一个变化的过程,显得比较生...

2019-12-19 15:18:26 36

原创 纯CSS实现聊天框气泡效果(二)

使用:before和:after伪类实现小三角实现过程1.定义一个div,设置宽高,边框,创建一个矩形框。<div class="div1"></div><style type="text/css">.div1 { width: 300px; height: 35px; margin: 0 auto; margin-top:...

2019-12-19 11:52:59 284

转载 纯CSS实现聊天框气泡效果(一)

CSS气泡实现过程<div class="arrow"></div><style type="text/css">.arrow { width:0; height:0; font-size:0; border:solid 10px #000;}</style>我们可以得到一个黑色的正方形,其实这是边框...

2019-12-19 10:04:56 420

转载 CSS使用技巧

1.文字的水平居中将一段文字置入容器的水平中点,只要设置text-align属性即可:text-align:center;2.容器的水平居中先为该容器设置一个明确的宽度,然后将margin的水平值设为auto即可div#container{ width:400px; margin:auto;}3.文字垂直居中当行文字垂直居中,只要将行高和容器的高度...

2019-12-18 13:21:30 18

转载 百度离线地图JS API V3.0

首先,百度地图JavaScript API 3.0版本与2.0版本相比增加了几个小功能,整体没有大的改动,具体可以在官网上查阅。于是就照着先前大佬们分享的2.0离线版本进行3.0版本的制作,附上大佬链接:最新百度地图API V2.0 离线版本感谢大佬的分享。下面开始百度地图离线版V3.0的制作:百度云链接:https://pan.baidu.com/s/1IM-pcrhbXi--O964...

2019-12-06 11:38:51 202 3

转载 百度地图API V2.0 离线版本

百度地图API V2.0 离线版本,支持IE。发布于 2016-8-22 ,基于此日期前的最新百度地图API V2.0。感谢 于忠达博客 提供的方法。更新日志:2016-09-21 删除IE下不支持的console.log,修改部分DEMO。下载地址:baidumap_apiV2_offline这个是我自己创建的http://pan.baidu.com/s/1dF2bZ...

2019-12-06 11:04:29 231

原创 flex 弹性布局 源码

<html><head><style>div{ text-align:center; color:#fff; font-weight:bold; font-size:16px; line-height:30px;}/*纵向排列*/.direcitonDemo{ display:flex; flex-direction: col...

2019-11-26 13:27:41 52

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