- 博客(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 11056 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 2250
转载 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 22784
转载 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 47037 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 1633
转载 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标签&lt;img :src="require('assets/img/header/sea...
2018-08-08 17:19:53 48020 1
转载 查看网页原代码时遇到中文汉字乱码
有时候需要看一下别人的页面源代码,看看别人的思路。可是很多中文都乱码了,比如这样: 有时候需要看一下别人的页面源代码,看看别人的思路。可是很多中文都乱码了,比如这样: 目前乱码的时候是GBK改为UTF-8就可以了 ...
2018-08-08 15:08:19 1638
转载 vue项目打包之后js文件过大怎么办?
话不多说直接上图优化前: 优化后: 第一张图中的 1.09 M是我的项目经过打包编译之后的js文件大小,确实有点大了,第一次打开页面的时候会比较慢。所以就需要想办法来解决这个问题了。再查看官网之后,发现官网给我们提供了一个懒加载,相当于图片懒加载,你不打开的时候是不会全部加载出来的,只有你需要用到的时候才会加载出来,也算是一种打包优化了。官网:https://route...
2018-08-08 14:53:48 7220
转载 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代码 &lt;div class="calendar"&gt; &lt;div&gt; &lt;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的基本用法
&lt;div id="app"&gt; &lt;input type="text" ref="input1"/&gt; &lt;button @click="add"&gt;添加&lt;/button&gt;&a
2018-08-02 17:04:35 1870
转载 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 12588
js数字转汉字(含js).html
2020-05-08
百度UEDITOR 内网上传视频支持IE8的方法
2020-05-07
前端学习路线.doc
2020-03-26
nginx-v1.13.8
2018-01-11
sublime_text3安装包
2017-11-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人