- 博客(90)
- 资源 (1)
- 收藏
- 关注
原创 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted 如何解决 使用css3 touch-action: non...
2018-09-02 10:41:25 46143 24
原创 关于移动端布局不兼容ipad和ipad pro 解决方法
关于移动端布局不兼容ipad和ipad pro 解决方法 我用移动端布局使用的是淘宝的flex.js来兼容不同的手机屏幕,但是我发现他是不兼容ipad的。于是我通过百度找到了解决办法/(iPhone|iPad|iPhone OS|Phone|iPod|iOS)/i.test(navigator.userAgent)&&(head=document.getElementsByT......
2018-08-03 15:33:02 15249 5
原创 vue登录注册组件源码(注释)
vue登录注册组件源码(注释)此组件,简单实现了防短信轰炸,样式我使用了一些Bootstarp的表单样式 注册<template> <div class="warp"> <div class="main"> <div class="h
2018-07-12 09:36:59 11257 2
原创 vue星级评分组件源码
vue星级评分组件源码<template><p> <span v-for="Class in starArr" :class="Class" ></span>
2018-07-06 19:48:03 2694 3
原创 react二级路由自己摸索
react二级路由 react二级路由,我使用的是react项目模版组件化的二级路由,所用的路由模式是哈希模式,因为写二级路由的话使用 BrowserRouter路由配置二级路由,会出现bug,需要进行重定向特别麻烦所以用哈希简单,效率高 一下是一级路由 这是一级路由的出口文件源码import React, { Component } from 'react';import { ...
2018-06-28 14:55:10 7107 2
原创 react实现星级评分组件代码
react电影星级评分组件封装import React, {Component} from 'react';export class Star extends Component { constructor(props) { super(props) console.log(this.props.name) this.state={...
2018-06-23 14:19:25 5334 5
原创 react入门之-------组件传值代码解析
react入门之——-组件传值react的组件传值方式有父传子,子传父,非父子首先是组件传值有两种方法1、函数式组件传值 2、类组件传值一、父传子–简化版 1、函数式组件传值 <!DOCTYPE html> <html> <head> <meta charset="
2018-06-11 12:14:13 273
原创 react 二级tab切换+feth渲染数据 源码
react 二级tab切换,有点象二级路由,声明我的数据都是fetch渲染的json数据 实现思路<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &
2018-06-10 19:49:51 942
原创 react出现内存泄漏的原因及解决方法
react出现内存泄漏的原因及解决方法今天我在写项目的时候出现了报错,经过翻译说是存在内存泄漏。 警告:不能在卸载组件上调用setState(或强迫)。这是一个无操作,但它表示应用程序中的内存泄漏。要修复,取消组件中的所有订阅和异步任务。 在Tab(由Main创建) 解决方法 在组件中不同时存在挂载和更新负责回报内存泄漏,解决方法删除其中一个生命周期钩子函数...
2018-06-10 18:22:48 9196
原创 常用正则表达式
常用正则表达式 一、校验数字的表达式1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d...
2018-06-10 18:17:34 370
原创 Git上传操作
git上传总结1、打开谷歌浏览器登录git https://github.com/yangweishuo2、在git上创建版本库 demo3、在我的电脑E盘下创建打开xiangmu文件夹4、右键选择 git Bash Here 执行上传命令操作5、$ git init 初始化文件6、$ git status 查看文件是否被选中 注意:未选中文件为红色,选中文件为绿色。...
2018-05-23 10:19:26 1437
原创 react入门--------第三章react和vue的区别
react入门--------第三章react和vue的区别react和vue的区别要从列表渲染、条件渲染、事件绑定、属性绑定 vue 1、列表渲染 v-for 2、条件渲染 v-if 3、事件绑定 v-on 4、属性绑定 v-bind react ...
2018-05-19 08:31:55 434
原创 react入门---------- 第二章如何使用react
如何使用react react的使用离不开三个核心库 react.js 核心的js文件 react-dom.js dom操作 babel.js 将jsx(允许js和html混写) 转化为浏览器能够支持的es5使用方法 使用nodejs NPM安装 react ...
2018-05-19 08:20:35 165
原创 react入门------第一章react介绍
react介绍 react是什么 React是一个用于构建用户界面的 JAVASCRIPT 库,React主要用于构建UI,很多人认为 React 是 MVC中的 V(视图)。 react起源 React起源于 Facebook 的内部项目,因为该公司对市场上所有JavaScript MVC 框架,都不满意,就决定自己写一...
2018-05-17 17:40:52 323
原创 react生命周期构造函数
react生命周期构造函数1.componentWillMount在完成首次渲染之前调用,此时仍可以修改组件的state。2.render必选的方法,创建虚拟DOM,该方法具有特殊的规则:只能通过this.props和this.state访问数据可以返回null、false或任何React组件只能出现一个顶级组件(不能返回数组)不能改变组件的状态不能修改DOM的输出3.componentDidMo...
2018-05-17 14:34:21 425
原创 React模板创建及路由配置
React模板创建及路由配置react模板创建1、全局安装:npm install -g create-react-app2、创建react 模板create-react-app 你的项目名3、进入你的项目模板cd 你的项目名4、运行你的项目npm start...
2018-05-17 12:14:09 13016
原创 react+fetch+api接口渲染数据移动端
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content
2018-05-16 14:24:40 1307
原创 react+axios+api接口 渲染数据 代码
react+axios+api接口 渲染数据 源码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewpo
2018-05-15 09:45:42 2455
原创 react 父子组件传值tab切换二if条件判断
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;
2018-05-13 18:57:13 601
原创 react +axios渲染数据 非父子组件传值tab切换 源码
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta cha
2018-05-13 18:50:42 619
原创 react 父子组件传值tab切换 源码
react 最简单的选项卡 源码&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta charset=&amp;amp;q
2018-05-09 08:09:06 749
原创 nodejs外部模块
外部模块 外部模块:任何人都可以写一个js文件,然后使用exprots曝光,这就是一个外部模块 npm–>工具 npm 全称 :Node Package Manager 定义:它是管理外部模块的工具,npm是也是一个网站,可以搜索全部的外部模块 作用 安装模块 卸载模...
2018-05-06 19:12:29 448
原创 nodejs学习笔记
nodejs学习日记第一章 nodejs的简史及优势和特点 今天我们来学习nodejs,首先呢要了解一门语言就知道它的简史:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。诞生于:2009年。 我还要了解其他语言的诞生时间:PHP诞生于1996年 JAVA诞生于1996年 C++诞生于1983年 。。。。。 等等其次,我们要了...
2018-05-01 16:49:04 157
原创 webstrom2018.2和phpstrom2018永久破解方法不断更新中
Webstrom2018.1激活码最新教程webstorm 作为最近最火的前端开发工具,也确实对得起那个价格,但是秉着勤俭节约的传统美德,我们肯定是能省则省啊。方法一:(更新时间:2018/4/8)v3.3注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址:http://im.js.cn:8888 亲测可以使用 ...
2018-04-09 20:03:06 3317
转载 悟透JavaScript(理解JS面向对象的好文章)
悟透JavaScript(理解JS面向对象的好文章)引子编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。你看,数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态。而代码就象能量,他存在
2017-12-05 14:15:06 719
转载 Android手机 全面屏(18:9屏幕)适配指南
Android手机 全面屏(18:9屏幕)适配指南从小米MIX 1发布以来,越来越多所谓“全面屏”手机发布,如三星S8,小米MIX2,VIVO X20,Google Pixel2等等…2017年下半年开始,“全面屏”将大范围覆盖,低至千元机水平,就像当年手机屏幕从720P到1080P过渡一样,历史车轮,滚滚向前,不可阻挡!暂且不论所谓全面屏如何定义,作为Android开发者更多关心的是屏幕...
2017-12-04 08:27:52 1129
转载 JQ 选择器大全
JQ 选择器大全 一、基本选择器 选择器 描 述 返回 示例 #id 根据给定id匹配一个元素 单个元素 $("#test") 选取id为test的元素 .class 根据给定类名匹配一个元素 集合元素 $(".test") 选取class为test的元素 element 根据给定元素
2017-11-12 20:02:02 1137
原创 vue 封装echarts
<template> <div ref="bar_echarts" style="width: 100%; height: 100%"></div></template><script>export default { name: 'BarCharts', props: { seriesData: { type: Array } }, data () { return {} },
2022-02-18 10:08:33 485
原创 关于 vue-element-admin /deep/无法使用问题
关于 vue-element-admin /deep/无法使用问题经过各种查找之后,终于在vue-loader官网看到这样一句话:vue-loader于是我尝试用 ::v-deep 替换 /deep/ ,成功解决了问题。::v-deep使用::v-deep 解决
2022-02-18 09:57:10 299
原创 webstrom拉取线上代码报错
今日早上使用webstrom拉取代码失败提示更新失败unable to access ‘https://82.157.135.210/tujian/frontend.git/’: Failed to connect to 127.0.0.1 port 1181: Connection refused这种问题是由于,重置了因特网的本地代理导致。解决方法:查看git本地代理地址git config --global http.proxy如果提示:127.0.0.1 port 1181则运行
2021-11-15 08:46:19 504
原创 element el-dialog 对话框 含有form表单时,输入内容点击右上角的叉号无法清空表单bug
element el-dialog 对话框 含有form表单时,输入内容点击右上角的叉号无法清空表单bug解决方法:使用 el-dialog 自带before-close属性进行配置清空before-close: 关闭前的回调,会暂停 Dialog 的关闭 function(done),done 用于关闭 Dialog 方法名 (done) { 这里进行配置 。 }...
2021-06-25 15:41:08 1239
原创 最新xshell免费版 地址持续更新
最新xshell免费版地址 :点击这里随便输入姓名,填写自己的一个邮箱。你可以选择xshell、 xftp其中一个,或者两个都选。到时会根据你填写的邮箱发送两份或一封邮件,点击邮件中的链接进行下载,如果下载速度慢,建议手机下载,然后发送到电脑上。...
2021-04-25 08:55:01 405 2
原创 vue IE下验证码无法显示解决方法
vue IE下验证码无法显示解决方法使用axios进行get请求,返回格式为文件流可以使用一下方法解决axios({ method: 'get', url: '/verifyCode/authImage', data: { date: new Date() }, responseType: 'blob'}).then((res) => { const url = window.URL.createObjectURL(res.data) this.imgUrl = url
2021-03-30 16:27:18 712
原创 vue-elemen-admin 使用echarts 数据可视化
我是用的是echarts是4.7.0版本,而vue-element-admin 脚手架自带的是4.2.1的,建议升级版本。<template> <div class="dashboard-container"> 去去去去 <div ref="myChart" style="width: 100%; height: 400px;" /> </div></template><script>import {
2020-05-19 11:46:46 4762 3
原创 npm run eject无法暴露配置文件
npm run eject无法暴露配置文件我在初始化一个react项目过程中使用npm run eject 暴露配置文件发现无法暴露配置文件并报错原因可能是你项目中某个文件没有用git选中提交报错如下解决方案git add .或者webstorm 当中右键选择你的项目弹出选项列表 选择git 里面有个 add + 之后就可以使用npm run eject 暴露文件了...
2020-02-24 11:59:02 421
原创 antd警告解决方案
[antd: Table] Each record in dataSource of table should have a unique key prop, or set rowKey这个警告出现意思是你将dataIndex中的“I”改成了小写“i”导致的
2019-10-24 09:50:25 1147
原创 react 将object对象渲染dom的方法
首先将object对象转换成对象let newarr=[] for (let i in item){ Object.keys(item).map((key) => newarr.push(item[key])) return( <div className="sanji-menu"> ...
2019-08-14 20:01:53 2957
原创 antd 侧边导航双击选中问题
首先使用高阶组件,解决路由跳转问题,之后发现导航栏双击才能选中,解决方案 selectedKeys={[this.props.history.location.pathname]}必须将key值定义成一样的才可以...
2019-08-10 17:38:29 474
原创 Typescript----学习
Typescript----学习最近我在面试当中老是被问道用过typescript。因为在之前项目开发当中没使用过typescript。导致一问到这个问题what?????于是,今天我就来看看typescript这是typescript教程文档地址:https://ts.xcatliu.com/introduction/hello-typescript1.什么是TypeScript首先...
2019-07-29 22:05:08 303
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人