- 博客(33)
- 收藏
- 关注
RSS订阅原创 vscode eslint配置
"editor.codeActionsOnSave": {"source.fixAll.eslint": true},// #每次保存的时候自动格式化"editor.formatOnSave": true
2020-07-09 14:14:05
207
原创 打包报错：npm WARN tar ENOENT: no such file or directory, open '/**/node_modules/.staging/**
1、删除package-lock.json2、重新npm install3、npm run build后即可
2020-03-23 10:09:00
4060
原创 webpack一直报Invalid Host header
方法一：在package.json的dev/start命令中加入--disable-host-check方法二：webpack.config.js中devServer对象中增加disableHostCheck: true
2020-02-21 12:01:01
282
原创 eggjs下非public文件下静态中文名图片打开问题
场景：上传zip包解压在app/resource文件目录下，解压后含index.html，index.html里面引入了中文名的图片问题：服务器打开http://127.0.0.1:7001/resource/index.html时中文名图片加载失败，非中文图片加载没有问题解决过程：查看各种资料无果，但看到了egg-static的一段描述：突然感觉到, 上传的zip包其实是静...
2019-05-09 22:30:26
2130
原创 umi+dav+antd项目加入storybook
umi+dav+antd项目加入storybook：1、npm i -g @storybook/cli2、在项目根目录下：getstorybook3、sb init 如果提示已经有storybook 则执行sb init -f4、过程中安装失败，再npm i，最后再执行一次cnpm i5、npm run storybook...
2019-03-05 15:48:39
1307
原创 git误操作删除未提交文件和提交失败
一、git文件丢失找回：1、找到历史提交日志：git log -g2、创建一个新分支在误操作的提交commitId：git branch recover-branch commitId参考链接：https://git-scm.com/book/zh/v1/Git-%E5%86%85%E9%83%A8%E5%8E%9F%E7%90%86-%E7%BB%B4%E6%8A%A4%E5%8F%...
2018-12-02 17:14:44
1976
原创 antd table 滚动到指定行方法
1、找到指定的行，并高亮<div id={'tableList'}> <Table bordered dataSource={data} pagination={false} rowClassName={this.setClassName} columns={this....
2018-11-21 17:01:38
11047
1
原创 antd pro dva使用总结
1、在config/router.config.js配置自己要写的页面的路由，如果路由隐藏不显示在导航栏，设置hideInMenu为true 即可2、在page文件夹下面新建test文件夹及里面的models文件夹3、list.js中引入dva及connectimport React, { PureComponent } from 'react';import { conn...
2018-11-18 18:39:55
1818
原创 reactjs 警告解决
1、Warning: getDefaultProps was defined on GraphComponent, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps ins...
2018-11-18 18:16:38
4947
原创 webpack升级为4.22.0
1、node.js升级，升级到>=6.11.5node -vsudo npm cache clean -f （清楚node缓存）sudo npm install n -g （安装node版本管理工具'n'）sudo n stable （安装到稳定版本）sudo n 6.11.5 （安装到指定版本）node -v2、webpack 配置更新...
2018-10-22 16:25:16
397
转载 跨域
跨域解决方案1、 通过jsonp跨域2、 document.domain + iframe跨域3、 location.hash + iframe4、 window.name + iframe跨域5、 postMessage跨域6、 跨域资源共享（CORS）7、 nginx代理跨域8、 nodejs中间件代理跨域9、 WebSocket协议跨域 https://segm...
2018-10-09 11:13:12
306
原创 socket.io
import io from 'socket.io-client';this.socket = io(global.socketIP, {'force new connection': true});this.socket.on('connect', () => { cookie.set('socketIO', this.socket.id);})//socketi...
2018-10-09 11:12:26
247
转载 Redux
Redux 可以用这三个基本原则来描述1、单一数据源：整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中2、State 是只读的：惟一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。 3、使用纯函数来执行修改：为了描述 action 如何改
2017-11-29 15:58:38
208
原创 Leap Motion
1、坐标系2、手3、Fingers4、Gestures 四种: Circle、Swipe、Key Tap、Screen Tap1）Circle 属性：center、duration、handIds、id、normal、pointableIds、progress、radius、state、type2） Swipe 多两个属性：speed 、startPosi
2017-08-07 16:33:01
594
原创 Reactjs
生命体的周期是单一不可逆的，软件开发的生命周期会根据方法不同，在完成前重新开始生命周期一、初探生命周期React组件的生命周期根据广义定义描述，可以分为挂载、渲染和卸载。生命周期分两类：1）当组件在挂载或者卸载时2）当组件接受新数据时，即组件更新一）挂载或卸载1、组件挂载最基本过程：组件状态初始化：读取初始state和props, 以及compontentW
2017-08-07 16:31:46
571
原创 使用Nodejs进行web开发
Node.js 和 PHP、 Perl、ASP、JSP 一 ,目的都是实现动动态网页,也就是说由服务器动动态生成 HTML 页面。 之所以要这么做,是因为静态 HTML 的可扩展性非常有限,无法与用户有效交互。软件工程分解为 个层面:模型 、视图和控制器。 1）模型是对象及其数据结构的实现,通常包含数据库操作。 2）视图表示用户界面,在网站中通常就是 HTML 的组织
2017-08-05 22:03:18
30902
2
原创 Nodejs核心模块
Nodejs核心模块主要内容全局对象常用工具事件机制文件系统访问HTTP服务器与客户端一、全局对象js中有一个特殊对象，全局对象，它及其所有属性都可以在程序任何地方访问，即全局变量 js中的，全局对象是window，而node.js中的全局对象是global，所有全局变量（除了global本身以外）都是global对象的属性1、全局对象和全局变量满足以下条件的变量是全局变量在最
2017-08-05 19:31:25
449
原创 总结
1。select默认显示请选择: 添加一个option，然后值为”，display:’none’<Select value={this.state.id+""} disabled={this.state.allowedselect} className={styles.col} placeholder={'请选择'} onChange={this.handleSelect.bind(this, '
2017-03-31 13:38:45
498
原创 Rectjs问题总结
Rectjs工作中遇到问题总结： 1. reactjs router传复杂值 传值：用这个方法的话不会将参数带到url后browserHistory.push({ pathname: '/detail',state: {item: JSON.stringify(item)}});用这个方法会将item的数据带到url后面browserHistory.push({ pathname: '
2017-02-14 13:58:44
968
转载 HTML5拍照上传图片&Phonegap封装HTML5调用Android相机拍照上传到PHP端
HTML5拍照：http://blog.csdn.net/hfahe/article/details/7354912 上传部分也可以用ajax:$.ajax({ url: 'http://10.193.206.232/amyga_php/uploadphoto.php', type: 'post',
2014-05-08 15:51:34
2189
原创 Android创建快捷方式，Phonegap创建快捷方式
在主Activity中，SharedPreferences preferences = getSharedPreferences("count",MODE_WORLD_READABLE); int count = preferences.getInt("count", 0); if (count == 0) { createShor
2014-04-22 14:27:56
848
转载 ListView Adapter
ListView组件用于列表的形式显示数据。ListView组件是采用MVC的模式将前端显示和后端数据进行分离。所以说ListView组件在装在数据的时候需要一个指定的Adapter对象，该对象相当于MVC中的C（控制器：controller）,ListView相当于V（视图：view）用于显示数据，为ListView提供数据的List或者数组相当于M（模型：Model）
2014-04-19 13:58:53
922
转载 文字在一行显示，多余的隐藏
一般的文字截断（适用于内联与块）：.text-overflow {display:block;/*内联对象需加*/width:31em;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象
2014-03-24 19:33:32
1619
原创 CSS设置背景图片，背景图片不动内容滚动
#div1>img{ width:100%; height:100%; border:0px; } #div1{ position:fixed;top:0;bottom:0;right:0;left:0;z-in
2014-03-24 15:06:22
4822
转载 HTML5 geolocation API获得用户当前城市名
HTML5 Demo: geolocation type="text/javascript"> var geocoder = null; function addAddressToMap(response) { if (!response || response.St
2014-01-21 11:41:43
1610
转载 XMLHttpRequest cannot load – Origin is not allowed by Access-Control-Allow-Origin.
转载于：http://blog.csdn.net/blueling51/article/details/7942812 如果php端的话，需要在开始加入：header(“Access-Control-Allow-Origin:*”);
2014-01-08 16:41:24
1308
2
原创 css3 filter属性
css3的filter效果： $ ('#video_showid').css("-webkit-filter","sepia(100%)"); $('#video_showid').css("-webkit-filter","blur(3px)"); $('#video_sho
2013-07-03 16:12:49
1215
原创 关闭navigator.getUserMedia打开的摄像头
chrome浏览器下：navigator.getUserMedia({video: true, audio: true}, function(stream) { video.src = window.URL.createObjectURL(stream); localMediaStream=stream;
2013-07-03 09:55:37
8606
9
转载 html5 video fullscreen and exit fullscreen
// mozilla proposalelement.requestFullScreen();document.cancelFullScreen(); // Webkit (works in Safari and Chrome Canary)element.webkitRequestFullScreen(); document.webkitCancelFullScreen
2013-05-16 10:23:14
2591
2
转载 getusermedia,拍照上传功能：
getusermedia：http://html5doctor.com/getusermedia/拍照上传功能：http://www.dotblogs.com.tw/shadow/archive/2012/04/01/71209.aspxhttp://blog.csdn.net/hfahe/article/details/7354912#comments chrom
2013-05-16 10:21:23
1673
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人