自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

有问题可关注公众号:前端研究院 后台输入问题回复

简单粗暴是我的原则,复制粘贴是我的梦想

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

原创 小程序

一直听说很简单,从来没学过。 嗯,我比较喜欢干货,直接用到的pages文件夹是直接放页面的 恩,目录结构就是这样的,只要你新建一个模块,就会有对应的一个文件夹出来,里面有对应的4个文件切换:<navigator url="../news.news&amp

2018-08-30 12:07:48 947

转载 百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系互转

为什么写这个模块 随着移动互联网的兴起,几乎每一个app都会去收集用户位置,如果恰好你在处理与地理定位相关的代码,并且不了解地理坐标系的话,肯定要被我大天朝各种坐标系搞晕。写这个模块的目的也是因为项目中app获取的坐标是百度sdk获取的,在做webgis可视化的时候各种偏,各种坐标不对,当时的心情就是下面这个图片。 当前互联网地图的坐标系现状地球坐标 (WGS84)国际标准,从专业G...

2018-08-29 14:28:41 11052 4

转载 用css修改scroll样式

1.给需要设置滚动条的容器加上class:topnav_box 2.接下来是css.,.topnav_box::-webkit-scrollbar //滚动条整体部分{ width: 5px; height:10px; background-color:#b5b1b1;} .topnav_box::-webkit-sc...

2018-08-28 21:11:36 7731

原创 多个组件重复用

在src-> assets->js下面写个component.js 格式如下:import newInfoItem from '../../components/Info';export default { install(Vue,options){ Vue.component('new-info-item',newInfoItem ); }}然...

2018-08-24 16:05:31 793

转载 己修改select的样式(修改select右边的小三角)

CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:no...

2018-08-22 20:31:57 2249

转载 vue + axios发送post请求,403错误的解决

端是vue2.0,网络请求用的是axios,后端是springboot2.0用axios向后端发送post请求,结果得到一个403无权限的错误,莫名其妙啊,我明明发送的是post请,但在chrome的调试里看到的却是options。 解释的链接地址:https://segmentfault.com/q/1010000008292792到这里,只要在后端设置options响应支...

2018-08-20 10:54:14 22781

转载 Vue项目中设置背景图片

在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式:background:url("../../assets/head.jpg");这个时候我们就要考虑使用其他的方式了,node中提供了一种比较有效的方式来解决这个问题: 1》在data中定义如下:...

2018-08-16 16:21:26 3692

转载 vue点击刷新。然后刷新当前页面

之前一直都是简单粗暴的方法: window.location.reload();今天发现了个比较委婉的this.$router.go(0)感谢大佬分享https://segmentfault.com/q/1010000008035064嗯。我只有写项目就会遇到问题,然后就去百度,然后就能学到东西啦~~开森...

2018-08-16 14:17:21 10471

转载 利用css3修改input[type=radio]样式

利用css3修改input[type=radio]样式 做项目的时候需要使用单选按钮input[type=radio],但是默认的样式与UI设计不一致,所以需要修改默认的样式,如下图。搜索的时候发现有一些实现是利用背景图实现。不想使用图片,所以利用css3的重新实现了一遍。在ie8下无效。 原理 利用标签与对应的关联,给设置透明,使用position(定位)让用户看到的是标签的样式,点击...

2018-08-16 10:53:03 8555

转载 js获取一组日期中最近连续的天数

function lianxuDay(){ var arr = [ '2016/02/28', '2016/02/29', '2016/02/26', '2017/02/27', '2017/02/28' ]; var date = new Date(); var y = date.getFullYear();...

2018-08-14 16:09:37 631

原创 vue map用法

后端给我返回格式是这样 [‘2018-8-14’, ‘2018-8-14’]但是我是想要 {date: “2018/08/13”, title: “”} {date: “2018/08/14”, title: “”} 这样的格式一段代码搞定 let arr = res.data; let newArr = arr.map(val => {...

2018-08-14 15:45:16 47036 11

转载 一些经常用到的网站

推荐给创业公司的前端们—–生成Logohttp://www.namex.cn/MiniNameX/Businesscard/logo-info.aspx

2018-08-09 13:50:52 365

转载 你需要的前端UI框架。

最近被一堆前端的UI框架看花了眼,简单整理下,看看哪些最适合你?Bootstrap官网:http://v3.bootcss.com/Layui官网:http://www.layui.com/AUI官网:http://www.auicss.com/Amaze UI官网:http://amazeui.org/Frozen UI官网:http://frozenui...

2018-08-09 13:30:32 1373

转载 模拟数据----------mock.js----------faker.js

一般前后台分离时需要前台自己去模拟数据,不过需要提前和后台商量好数据格式。一条一条自己去写就太原始了,虽然我一直是这么做的,哈哈哈这是Mock.js官网:http://highsea90.com/t/mock/这是Faker.js官网:https://github.com/Marak/faker.js<!DOCTYPE html><html> <...

2018-08-09 09:42:17 1057 1

转载 Img onerror属性使用后,图片还是丢失,img一直闪烁不停

刚刚写练习的时候,使用了img的onerror属性,一般习惯性用这个属性来显示图片丢失时统一的默认图片。尴尬的是,刚刚我的默认图片也丢失了。这就导致进入了一个死循环,img一直在刷新。百度了以下,发现很多人遇到了这个问题。果然最后还是需要强大的js来解决这一切。<!DOCTYPE html><html> <head> &...

2018-08-09 09:35:48 1632

转载 iconfont 不居中的问题

引用 阿里的 iconfont 发现跟我的文字不居中 页面中实际展示的时候,发现 iconfont 字体飘起来了原因是:iconfont 的基线跟 文字 的基线不同导致的。解决办法:给 iconfont 设置 vertical-align:middle;如果是用的用的阿里iconfont 的下载包,修改 iconfont.css 文件即可: 感谢分享https://www....

2018-08-09 09:25:41 4876

转载 vue踩坑系列——backgroundImage路径问题

项目中图片都放在src/img文件夹,img和background-image引用都用相对路径,即../../这种形式 在打包build的设置路径assetsPublicPath: ‘./‘,然后那些没有转成base64的背景图都失效了,,路径。处理方法: 使用require引入图片img标签<img :src="require('assets/img/header/sea...

2018-08-08 17:19:53 48015 1

转载 查看网页原代码时遇到中文汉字乱码

有时候需要看一下别人的页面源代码,看看别人的思路。可是很多中文都乱码了,比如这样: 有时候需要看一下别人的页面源代码,看看别人的思路。可是很多中文都乱码了,比如这样: 目前乱码的时候是GBK改为UTF-8就可以了 ...

2018-08-08 15:08:19 1637

转载 vue项目打包之后js文件过大怎么办?

话不多说直接上图优化前: 优化后: 第一张图中的 1.09 M是我的项目经过打包编译之后的js文件大小,确实有点大了,第一次打开页面的时候会比较慢。所以就需要想办法来解决这个问题了。再查看官网之后,发现官网给我们提供了一个懒加载,相当于图片懒加载,你不打开的时候是不会全部加载出来的,只有你需要用到的时候才会加载出来,也算是一种打包优化了。官网:https://route...

2018-08-08 14:53:48 7216

转载 Css3引入外部字体

设计师选择了一个字体“汉仪细行楷简”,计算机本身并没有这个字体,需要下载下来才可以展示给用户。这个时候需要把你自己下载好的字体放在项目文件中,同时重新引入才可以使用外部字体。 结果如下:字体文件“汉仪细行楷简.ttf”:https://pan.baidu.com/s/1y8RkHnwdrhPYFwoeOZ3evQ感谢分享https://blog.csdn.net/Bright...

2018-08-08 14:44:46 4221

转载 vue非父子组件通信 (两个不同的组件通信)

对于刚刚接触vue,还不是很熟悉的朋友,比如我,真的就懵逼了。怎么用?下面是我自己的实例代码:这里需要说明一下,我是安装vue脚手架进行开发的,不是直接引入vue.js。1.首先要建立一个中转站:eventBus.js 建议放在assets文件夹下面,内容很简单,引入vue并且导出即可。 好了,内容就这么多,个人感觉已经很清晰了。如果对上面的change有疑问,不用太在意,就...

2018-08-08 14:18:52 227

转载 移动端禁止手机自带键盘弹出

解决方案: HTML代码 <div class="calendar"> <div> <input type="text" id="datePicker" class="date_picker"

2018-08-08 14:12:46 1712

转载 移动端(微信等)使用 vConsole调试console

移动端(微信等)使用 vConsole调试console 前言 因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最近使用了vConsole 进行调试使用 废话不多说,说说怎么使用的吧。 首先去下载相关的代码,由于只需要在页面引入一...

2018-08-03 12:37:42 1956

转载 vue $refs的基本用法

<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button>&a

2018-08-02 17:04:35 1869

转载 vue-awesome-swiper的使用以及API整理

感谢分享https://segmentfault.com/a/1190000014609379 一、先说一个看关于vue-awesome-swiper的一个坑 vue项目的package.json中显示的”vue-awesome-swiper”: “^2.5.4”,用npm install自动安装依赖时装的版本为”version”: “2.6.7”,而单独安装(npm insta...

2018-08-02 15:00:33 4636

原创 vue中alias别名的使用

简单来说 这样就可以通过 http://localhost:8080/#/shops去访问 也可以通过http://localhost:8080/#/shops/index 去访问

2018-08-02 10:24:14 3820

转载 vue2中的prop设置default有什么用?

不明白为啥prop里面还写个default 百度了下,恍然大悟 代码如上《感觉default没什么用啊,也没什么提示和效果。 已经解决:原以为default是传入的值不符合类型要求,之后默认的值。原来是没有任何值的时候默认的值保证你需要用到该属性的时候不会为undefined默认值啊,因为你传了num和num2到两个prop中,所以默认值被覆盖了已经解决:原以为d...

2018-08-01 13:13:28 12587

js数字转汉字(含js).html

js数字转汉字(含js),特别特别大的数字除外,支持小数点,demo下载下来直接运行即可看到效果,使用时用js就行,还有不会者请评论联系你的方式

2020-05-08

百度UEDITOR 内网上传视频支持IE8的方法

<!--[if lt IE 9]> <script src="/Public/2017-5-11/html5shiv.min.js"></script> <script src="/Public/2017-5-11/respond.min.js"></script> <![endif]--> <!--IE8支持--> <link type="text/css" rel="stylesheet" href="/Data/ueditor/third-party/video-js/video-js.css"/> <script language="javascript" type="text/javascript" src="/Data/ueditor/third-party/video-js/video.js"></script> <script src="/Public/2017-5-11/html5media.min.js"></script> 上边是bootcss自带的,下边是ueditor需要的,如果是内网的话还会需要一些swf文件,我放在我的资源里了。IE8和以下会自动转换成swf进行播放。

2020-05-07

前端学习路线.doc

大前端完整学习路线(详解) 第一阶段:HTML5和移动Web开发 第二阶段:HTTP服务和AJAX编程 第三阶段:面向对象进阶 第四阶段:封装一个属于自己的框架 第五阶段:模块化组件开发 第六阶段:主流的流行框架 第七阶段:HTML5原生移动应用开发 第八阶段:   Node.js全栈开发:

2020-03-26

nginx-v1.13.8

nginx for windows是由俄罗斯的程序设计师Igor Sysoev开发的一款软件,在linux系统下一个高性能的HTTP和反向代理服务器,它占有内存少、系统相当稳定、并发能力强,因为是开源模式,通过添加代码可以达到各种效果。

2018-01-11

调试vue.js应用的浏览器扩展 Chrome插件

Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件

2017-12-07

计算机丢失MSVC_110.dll

安装ps会提示安装失败, 计算机丢失MSVC_110.dll,那就需要将此压缩包下载下来,解压,根据内有文档操作即可

2017-12-05

sublime_text3安装包

Sublime Text 3是一款流行的代码编辑器软件,也是HTML和散文先进的文本编辑器,可运行在Linux,Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。

2017-11-19

空空如也

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

TA关注的人

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