- 博客(24)
- 收藏
- 关注
RSS订阅原创 react+typescript+高德地图
react项目中使用高德地图基本项目使用create-react-app创建项目，并引入typescript1. 申请高德key2. 在index.html中引入高德地图<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=申请的key&plugin=AMap.Geocoder"></script> 3. 在页面中使用因为使用了ts所以需要先声明一下高德
2020-07-09 11:19:29
2842
原创 Eslint常用方法
Eslint忽略html(例如vue中的template的标签闭合警告)例如使用Element-ui的标签// 下面的使用方法会出现警告 warning: Require self-closing on Vue.js custom components// 要你改写成<el-table-column type="selection" width="55" /><el-t...
2020-04-10 14:06:56
1337
原创 小程序tab切换列表页(基于mpvue)
tab切换列表效果：实现想法：头部tab使用div，fixed固定头部；下面内容使用的是swiper和swiper-item实现左右切换功能；接着在swiper-item中使用scroll-view实现列表的滚动(设置y轴滚动)，滚动加载借助scroll-view的scrolltolower方法；tab切换逻辑：设置一个参数接收当前tab的标识(tabIndex)；这个t...
2019-06-17 15:36:59
2891
1
原创 mpvue项目的自定义数字键盘
这段时间一直在做小程序项目（基于mpvue）抽空做个笔记自定义的数字键盘鉴于使用系统自带输入键盘会造成挤压页面等问题，同时也不能满足设计需求，因此自己去写了个键盘组件。效果如下：页面代码<template> <div class="key-board" v-show="showKeyBoard"> <div class="title" @ta...
2019-06-17 14:31:02
629
原创 mpvue图片上传
mpvue小程序项目中的图片上传效果图通过mpvue文档得知他使用的是小程序原生api中的图片选择（wx.chooseImage）和文件上传（wx.uploadFile），因此我们直接根据小程序的文档来使用就可以了。chooseImage文档图片选择我将备注写在代码块里，比较好说chooseImage(e) { let i = 0; // 多图上传时使用到的in...
2018-10-17 14:25:34
6125
原创 vue-skeleton-webpack-plugin骨架屏与page-skeleton-webpack-plugin骨架屏生成插件
vue-skeleton-webpack-plugin骨架屏使用插件github地址安装插件npm install vue-skeleton-webpack-plugin在项目中创建骨架屏展示组件平时项目中使用的是rem适配，然后发现骨架屏中无效，因为他出现的时候并未渲染页面，因此找不到window对象，获取不到屏宽&amp;amp;amp;lt;template&amp;amp;amp;gt; &amp;amp;amp;lt;div&
2018-09-27 14:25:09
13334
4
原创 vue自定义多选样式
自定义多选框样式平时一直用的框架中的样式，这次不行了 要自己写。做个笔记记录一下很久没写这中样式了设计要求的样式其实那个勾并不是checkbox，而是一个i标签，给他的两边设置border（白边），然后旋转一下实现的，因为这一整个label里的点击都会触发checked，所以并不用管checkbox的样式，你另外写一个显示出来就好了。template中 &amp;lt;div cla...
2018-09-22 15:26:02
4871
原创 vue图片上传组件
vue图片上传组件最近在做项目的时候顺便补充了一下公司项目的公共组件库，刚刚手头事情告一段落，就来做个笔记。首先来看看最终效果1.不允许删除 2.允许用户删除（显示删除按钮）实现的效果就是上图显示内容接下来说说组件布局那部分直接上代码了<template> <div class="uploadImg"> <di...
2018-09-05 10:19:19
23080
4
原创 vue中子组件的methods中获取到props中的值
父子组件通信这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可 例如： 父组件中<template> <div> <head-top></head-top> <section class="data_section"> <..
2018-05-15 11:46:21
33749
5
原创 下拉选择的blur和click事件冲突了
下拉选择的blur和click事件冲突了当写个下拉选择框时我们希望当input失去焦点时，下拉框消失，或者当选择下拉框中的内容的同时将内容填入input并且使下拉框消失。这时候我们会想到blur和click，单独使用的时候是没有问题的，但一旦放到一起就会发现你点击了下拉选项中的li时，直接触发了blur事件，而且对li的click事件之后的判断是否是点击li还是仅仅input失去焦点这个判
2018-01-25 14:13:05
2911
原创 vuex实现登录状态的存储，未登录状态不允许浏览
基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值，例如token)，然后在路由跳转前进行登录状态的判断，可以使用vue-router的全局前置守卫beforeEach，也可以使用路由独享的守卫beforeEnter。导航守卫正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 记
2017-12-28 16:10:07
5750
原创 markdown转html
markdown转html今天临时要写接口文档，然后发现部门给的文档是markdown文件的，而接口文档是要html格式的，因此想直接把markdown转为html这里我使用的是marked 首先初始化一个node项目npm init 然后安装marked npm install marked --save 先引入fs和marked const fs = require('fs');
2017-12-08 13:56:05
357
原创 网站访问速度测试
前端优化的一般是为了提高页面访问速度和使用者的体验感安利几个测试速度的好网站 一、最推荐的是最全面的测试网站 有各项评分，优化建议，时间列表 二、仅显示时间部分的测试地址测试地址2 这个就是比较常见的那种测试网站了 三、类似上面 测试3
2017-11-13 11:57:34
1691
原创 小程序点击获取循环列表中的内容
小程序使用wx:for来循环展示列表(展示上一节地图的关键词)这两天在做小程序的时候还真不是很习惯小程序 使用wx:for循环，并给每一项绑定一个点击事件<scroll-view class="show-search {{isShow ? 'view_show' : 'view_hide'}}" scroll-y> <view wx:for="{{searchPlace}}" wx:key="
2017-11-08 13:57:04
6790
原创 小程序地图的使用笔记
这两天在看小程序的地图，写写笔记记录一下小程序官方文档提供的几种位置方法 小程序的官方文档也有提供几个方法(这几个方法很简单，看看就知道了)，但是一般都满足不了~~腾讯地图提供的jssdk 根据提示使用腾讯地图jssdk需要申请，在实例化的时候填入密匙，接下来就可以使用他提供的各种方法了 我先说说我做关键词搜索和点击搜索结果进行路线规划(规划目前可能只是按自驾的路线，不完善的地方麻烦大家赐教了
2017-11-08 12:06:40
645
原创 Uncaught SyntaxError: Unexpected token o
浏览器报Uncaught SyntaxError: Unexpected token o这原因是你ajax获取数据的时候对数据进行错误操作，比如使用了JSON.parse(data) 对数据进行转换后在返回，如果这时候的data并不符合规范就会报这个错误
2017-11-03 15:00:04
1718
原创 Uncaught TypeError: Illegal invocation
今天在使用ajax提交的时候报错：Uncaught TypeError: Illegal invocation经过查找验证，发现是传了个html标签过去。 问题解释参考：https://stackoverflow.com/questions/11071100/jquery-uncaught-typeerror-illegal-invocation-at-ajax-request-when-data
2017-10-19 10:02:52
654
原创 iphone中input按钮设置disabled属性出现灰色背景没有显示问题
昨天在项目中发现发送验证码的按钮，在点击后添加disabled属性后，iphone手机中出现disabled属性的默认背景颜色没有显示，反而直接显示它下面的父级元素的白色点击前 点击后 倒计时的按钮消失了 然后就开始了各种方案测试，没啥效果。 之后就从处理兼容性问题上转移到直接设置样式覆盖掉disabled的默认样式 input[type=button], input[type=submi
2017-10-17 10:14:10
5682
原创 Uncaught ReferenceError: Invalid left-hand side in assignment
Uncaught ReferenceError: Invalid left-hand side in assignment今天在对个人资料页面增加当浏览别的页面之后第二次访问当前页面，之前填写的内容依旧存在的效果时浏览器提示了Uncaught ReferenceError: Invalid left-hand side in assignment，发现原来是我写法有问题错误实例$('#agencyN
2017-10-10 14:15:16
3346
原创 最近在弄ionic3的时候遇到的一些问题(遇到就更新)
问题一(install提示errno -4048 和管理员权限)npm installnpm ERR! code EPERMnpm ERR! errno -4048npm ERR! syscall unlinknpm ERR! Error: EPERM: operation not permitted, unlink 'D:\杂七杂八文件\ionic\superDemo\node_modul
2017-09-30 11:02:28
1314
原创 使用localstorage.setItem()存储对象
使用localstorage.setItem()存储对象使用localstorage.setItem(name,value)存储JSON对象时会发现浏览器存储的内容为[object,object]，并不是我们想要的内容，这是因为我们在存储的时候没有进行类型转换，因此我们在使用localstorage.setItem()进行对象存储之前需要使用JSON.stringify(object)进行类型转换，
2017-09-22 18:03:34
41028
原创 使用javascript获取父级元素
使用javascript获取父级元素之前基本都用jquery去写代码，用多了习惯了它那简洁的写法，后来使用ES6进行编写的时候，需要使用类似$(this).parent();来获取点击元素所属的父级元素时发现，es6中的class下的this指向是class本身，所以$(this)，指向的并非点击的元素，此时就需要使用e.target来获取所选择的元素，之后会发现即使你引入了jquery，它依旧提
2017-09-22 18:01:59
5562
原创 Uncaught SyntaxError: Unexpected token <
Uncaught SyntaxError: Unexpected token <有时候开发中会看到浏览器提示Uncaught SyntaxError: Unexpected token <，错误在第一行的中，但是怎么看都没有缺少。在逐行检查之后发现是ajax请求时服务器发生了错误，然而服务器端的错误它报Uncaught SyntaxError: Unexpected token <
2017-09-14 13:19:02
13953
原创 Uncaught SyntaxError: Unexpected end of input
Uncaught SyntaxError: Unexpected end of input之前有时候遇到这个错误回去找input，但是你会发现这个跟input没半毛钱关系，在代码众多的情况下，很难注意到真正的错误地方。This particular error is one annoying fact about V8. In most cases your JavaScript is broken
2017-09-13 10:32:52
690
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人