- 博客(20)
- 收藏
- 关注
RSS订阅原创 【Vue如何让v-show也有动画效果】
这里写自定义目录标题把需要有动画效果的含有v-show的标签用<transition name="fade"></transition>包裹起来比如:<transition name="fade"> <span v-show="isShow">动画效果</span></transition>然后在css里写上.fade-enter-active, .fade-leave-active { transition: opa
2022-02-14 18:41:59
11770
原创 React监听页面滑动到底部自动加载
在componentDidMount里开启页面滚动监听window.addEventListener('scroll', this.handleScroll, false)在componentWillUnmount组件卸载时清除监听window.removeEventListener('scroll', this.handleScroll)获取滚动条在Y轴的距离getScrollTop = () => { var scrollTop = 0, bodyScrollTop .
2021-04-29 17:29:03
2908
原创 React监听页面尺寸，实时计算设置宽高
React监听页面尺寸，实时计算设置宽高思路通过componentDidMount/componentWillUnmount进行监听/解除监听当前视窗的宽高将当前的宽高进行所需的计算后赋值给state中对应的变量页面的style中直接绑定this.state对应的宽高举例我需要实时设置页面中某个<div></div>的高度为视窗高度减去104px写一个方法：setPageHeight = () => { this.setState({
2021-01-20 18:23:03
5090
1
原创 H5页面已知地址的情况下进行地图导航
H5手机端调用地图进行导航的解决方案最近做一个H5手机端客户管理系统，涉及到客户的公司地址，需要在页面内调用各种第三方地图进行导航之前找了很久没找到相关API，今天又找了下，搞定了当然，前提是需要已知地址的经纬度坐标百度地图：http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名称&content=所在位置的简介&output=html所有项必填，经度、纬度不能有误，位置名称和简介自定义参考官方API：h
2020-09-24 16:58:46
1192
原创 解决网页内嵌＜video＞视频在手机端播放时自动全屏的问题
<video playsinline="true" webkit-playsinline="true"></video>
2020-07-30 10:39:08
1111
原创 ReactEcharts遇到的坑(ReactEcharts相关属性)
ReactEcharts组件会默认将原渲染图表的数据和二次渲染图表的数据默认合并，即在图表某些变量改变时二次渲染echarts图表，如果本次渲染少了之前的参数，会一并把之前参数的数值合并到图表（举个栗子：此图表中，当切换筛选条件后，筛选后的选项不存在“Other”的数值，但还是会把第一次遗留的“Other”数值合并上去，只有当新图表和旧图表都用相同参数，才会替换，否则就是合并）解决方案：发...
2020-04-27 15:18:38
1936
4
原创 创建Vue项目时遇到的报错
1.搭建脚手架时npm ERR! code EEXISTnpm ERR! syscall symlinknpm ERR! path ../lib/node_modules/vue-cli/bin/vuenpm ERR! dest /usr/local/bin/vuenpm ERR! errno -17npm ERR! EEXIST: file already exists, symli...
2020-04-23 17:25:57
1807
原创 git回退版本后遇到的问题
连续的熬夜加班甚至通宵导致脑子有点伐清桑前天早上想优化一下路由结构，不小心把一整个文件夹全删了然后竟然还SB一样把push上去了接下来通过git log结合git reset --hard HEAD^命令回退了版本写了两天代码后今天想备份一下，但在提交代码但时候报错了! [rejected] dev-2.0 -> dev-2.0 (non-fast-forward)...
2020-04-03 00:44:47
322
原创 JS代码判断用户设备为手机或电脑进行区分跳转操作
JS判断用户设备为手机或电脑端，进行跳转为了达到更好的用户体验，当下大多数的站点都会将网站区分为手机页面（Mobile 端）和电脑页面（PC端）通常会采用两种方法：1.对于页面容量不是很大的展示类网站，如搜索引擎，都会做成响应式，用一套代码解决；2.而对于页面内容较多的，以交互为主的网站，通常会使用两套代码，这就产生了一个问题：如何判断用户的设备是PC还是Mobile，以进行正确的跳转来防止用户访...
2020-01-21 16:18:00
707
原创 今日开发问题：React无法插入<img>图片的解决
今日开发工作中在给页面插入图片时遇到一个问题，<img>标签插入图片失败，因相对路径较复杂，一开始以为是路径出错，纠结于../的数量问题，尝试了很多次也无果。之后干脆直接将素材图片放入jsx同一目录下，但仍无法加载。后发现问题：React加载图片但时候不能直接使用html的<img src='url'>方法插入，可以用以下两种方法插入图片：使用导入的方法：在头部先...
2019-11-15 23:04:26
918
原创 整理Vue项目的目录结构
Vue项目的整体结构包含以下文件夹或文件-node-modules 依赖文件-public 基本文件，包含页面 图片 小图标-src 项目主场-tests 测试editorconfig 编辑器配置文件gitignore git忽略文件bable.config.js bable配置文件cypress.json 插件package.json 描述文件Src目...
2019-11-01 20:28:58
293
原创 今天遇到了很XX的问题——Error: Cannot find module 'XX'
普通的我敲着普通的代码哒哒哒，哒哒哒，哒哒哒运行一下～cnpm run dev然后…Error: Cannot find module 'cookie-parser'What???迅速打开百度哒哒哒“Error: Cannot find module ‘cookie-parser’”度娘说：完美解决 npm start 报错 Error: Cannot find modul...
2019-10-29 20:07:14
4737
3
原创 html中的table表格设置固定列款与js中变量+=的运算避免字符串拼接的方法
今天在写代码的时候遇到了2个小问题1.table表格列款不一致问题在构建一个table表格时，由于单元格内容不一样，导致单元格列宽不一致，巨丑无比！！试过各种方法，什么给tr设置宽度100%啦，给td设置固定宽度px，给td设置固定宽度百分比，都以失败告终。经过多方搜索，找到解决方案：table的css属性中有一个叫table-layout的属性，它是一种设置表格布局的算法，默认值是：au...
2019-10-21 20:50:18
463
原创 浅谈Ajax
同步和异步在JavaScript语言中，同步和异步的概念刚好与生活中相反。这JavaScript中同步就是：你不执行完上面的代码，那么下面的代码你就别执行；一步一步执行，这就是同步。异步就是可以一起执行的代码；进程的概念进程 != 程序线程程序从开始到结束的一次执行过程叫做进程一个进程当中，程序同时运行的多个分支，叫做线程多线程异步执行，可以提高程序的效率Ajax的概念jax是前...
2019-10-13 20:22:43
120
原创 目前遇到的各种报错信息汇总
SyntaxError: JSON.parse: expected double-quoted property name at line 1 column 25 of the JSON dataJSON转对象时，字符某位置的key未加双引号TypeError: obj is not iterable在for-of的使用中，obj是不可迭代的，禁止使用Uncaught RangeError...
2019-09-22 22:17:34
8677
原创 JS中键盘事件的那些事
键盘事件键盘事件一般加给document：document.οnkeydοwn=function(eve){var e= eve || window.event;console.log(e.altkey) }识别ASCII码按键事件：obj.οnkeydοwn=function(eve){var e = eve || window.eventif(e.keyCode == ASCII码...
2019-09-15 22:19:53
601
原创 利用JS函数制作身份证号末位检测器
前些日子无聊，脑里突然想到一个问题——在完成实名制的时候，当我输入一个编造的身份证号时，为什么会被识别出来是编造的嘞？然后…我去搜索了一番，发现原来身份证号的最后一位并不是随机生成的，而是一个根据前17位的数字计算出来的校验码——也就是说，只要前17位号码已知，那么最后一个号码就可以通过复杂公式的计算得出。于是我“处心积虑”，用JS写出了计算身份证最后一位计算的代码：HTML部分：<...
2019-09-09 08:06:24
660
原创 常用的DOM事件和属性
常用的DOM事件和属性序号 属性 描述 类型1 onclick 鼠标点击对象时触发 鼠标事件2 oncontextmenu 鼠标点击右键时触发 3 ondblclick 鼠标双击某个对象时触发 4 onmousedown 鼠标按钮被按下 5 onmouseenter 鼠标指针移动到元素上时触发 6 onmouseleave 鼠标指针移出元素时触发 7 onmousemove 鼠标移...
2019-08-31 17:50:34
210
原创 ES6新增相关
ES6新增的相关内容新增的变量声明方式let： 使用方式：同var与var区别：①let无变量提升②同一变量不能重复声明③let具有块级作用域：花括号{ } //暂时性死区：let之前不能对此对象做任何操作const：使用方式：同var与let区别：const声明的变量地址不允许被修改新增的字符串方式原方式：中文【4位16进制】/生僻字【2个4位16进制】ES6：中文/...
2019-08-31 17:46:57
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人