FarmanKKK的博客

小程序使用wx:for来循环展示列表(展示上一节地图的关键词)这两天在做小程序的时候还真不是很习惯小程序 使用wx:for循环，并给每一项绑定一个点击事件<scroll-view class="show-search {{isShow ? 'view_show' : 'view_hide'}}" scroll-y> <view wx:for="{{searchPlace}}" wx:key="

昨天在项目中发现发送验证码的按钮，在点击后添加disabled属性后，iphone手机中出现disabled属性的默认背景颜色没有显示，反而直接显示它下面的父级元素的白色点击前 点击后 倒计时的按钮消失了 然后就开始了各种方案测试，没啥效果。 之后就从处理兼容性问题上转移到直接设置样式覆盖掉disabled的默认样式 input[type=button], input[type=submi

Uncaught ReferenceError: Invalid left-hand side in assignment今天在对个人资料页面增加当浏览别的页面之后第二次访问当前页面，之前填写的内容依旧存在的效果时浏览器提示了Uncaught ReferenceError: Invalid left-hand side in assignment，发现原来是我写法有问题错误实例$('#agencyN

父子组件通信这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可 例如： 父组件中&lt;template&gt; &lt;div&gt; &lt;head-top&gt;&lt;/head-top&gt; &lt;section class="data_section"&gt; &lt..

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所以需要先声明一下高德

Eslint忽略html(例如vue中的template的标签闭合警告)例如使用Element-ui的标签// 下面的使用方法会出现警告 warning: Require self-closing on Vue.js custom components// 要你改写成<el-table-column type="selection" width="55" /><el-t...

tab切换列表效果：实现想法：头部tab使用div，fixed固定头部；下面内容使用的是swiper和swiper-item实现左右切换功能；接着在swiper-item中使用scroll-view实现列表的滚动(设置y轴滚动)，滚动加载借助scroll-view的scrolltolower方法；tab切换逻辑：设置一个参数接收当前tab的标识(tabIndex)；这个t...

这段时间一直在做小程序项目（基于mpvue）抽空做个笔记自定义的数字键盘鉴于使用系统自带输入键盘会造成挤压页面等问题，同时也不能满足设计需求，因此自己去写了个键盘组件。效果如下：页面代码<template> <div class="key-board" v-show="showKeyBoard"> <div class="title" @ta...

mpvue小程序项目中的图片上传效果图通过mpvue文档得知他使用的是小程序原生api中的图片选择（wx.chooseImage）和文件上传（wx.uploadFile），因此我们直接根据小程序的文档来使用就可以了。chooseImage文档图片选择我将备注写在代码块里，比较好说chooseImage(e) { let i = 0; // 多图上传时使用到的in...

vue-skeleton-webpack-plugin骨架屏使用插件github地址安装插件npm install vue-skeleton-webpack-plugin在项目中创建骨架屏展示组件平时项目中使用的是rem适配，然后发现骨架屏中无效，因为他出现的时候并未渲染页面，因此找不到window对象，获取不到屏宽&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;div&

自定义多选框样式平时一直用的框架中的样式，这次不行了 要自己写。做个笔记记录一下很久没写这中样式了设计要求的样式其实那个勾并不是checkbox，而是一个i标签，给他的两边设置border（白边），然后旋转一下实现的，因为这一整个label里的点击都会触发checked，所以并不用管checkbox的样式，你另外写一个显示出来就好了。template中 &amp;amp;lt;div cla...

vue图片上传组件最近在做项目的时候顺便补充了一下公司项目的公共组件库，刚刚手头事情告一段落，就来做个笔记。首先来看看最终效果1.不允许删除 2.允许用户删除（显示删除按钮）实现的效果就是上图显示内容接下来说说组件布局那部分直接上代码了&lt;template&gt; &lt;div class="uploadImg"&gt; &lt;di...

下拉选择的blur和click事件冲突了当写个下拉选择框时我们希望当input失去焦点时，下拉框消失，或者当选择下拉框中的内容的同时将内容填入input并且使下拉框消失。这时候我们会想到blur和click，单独使用的时候是没有问题的，但一旦放到一起就会发现你点击了下拉选项中的li时，直接触发了blur事件，而且对li的click事件之后的判断是否是点击li还是仅仅input失去焦点这个判

基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值，例如token)，然后在路由跳转前进行登录状态的判断，可以使用vue-router的全局前置守卫beforeEach，也可以使用路由独享的守卫beforeEnter。导航守卫正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 记

markdown转html今天临时要写接口文档，然后发现部门给的文档是markdown文件的，而接口文档是要html格式的，因此想直接把markdown转为html这里我使用的是marked 首先初始化一个node项目npm init 然后安装marked npm install marked --save 先引入fs和marked const fs = require('fs');

前端优化的一般是为了提高页面访问速度和使用者的体验感安利几个测试速度的好网站 一、最推荐的是最全面的测试网站 有各项评分，优化建议，时间列表 二、仅显示时间部分的测试地址测试地址2 这个就是比较常见的那种测试网站了 三、类似上面 测试3

这两天在看小程序的地图，写写笔记记录一下小程序官方文档提供的几种位置方法 小程序的官方文档也有提供几个方法(这几个方法很简单，看看就知道了)，但是一般都满足不了~~腾讯地图提供的jssdk 根据提示使用腾讯地图jssdk需要申请，在实例化的时候填入密匙，接下来就可以使用他提供的各种方法了 我先说说我做关键词搜索和点击搜索结果进行路线规划(规划目前可能只是按自驾的路线，不完善的地方麻烦大家赐教了

浏览器报Uncaught SyntaxError: Unexpected token o这原因是你ajax获取数据的时候对数据进行错误操作，比如使用了JSON.parse(data) 对数据进行转换后在返回，如果这时候的data并不符合规范就会报这个错误

今天在使用ajax提交的时候报错：Uncaught TypeError: Illegal invocation经过查找验证，发现是传了个html标签过去。 问题解释参考：https://stackoverflow.com/questions/11071100/jquery-uncaught-typeerror-illegal-invocation-at-ajax-request-when-data

问题一(install提示errno -4048 和管理员权限)npm installnpm ERR! code EPERMnpm ERR! errno -4048npm ERR! syscall unlinknpm ERR! Error: EPERM: operation not permitted, unlink 'D:\杂七杂八文件\ionic\superDemo
ode_modul