- 博客(33)
- 收藏
- 关注
原创 vscode eslint配置
"editor.codeActionsOnSave": {"source.fixAll.eslint": true},// #每次保存的时候自动格式化"editor.formatOnSave": true
2020-07-09 14:14:05 231
原创 打包报错: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 4178
原创 webpack一直报Invalid Host header
方法一:在package.json的dev/start命令中加入--disable-host-check方法二:webpack.config.js中devServer对象中增加disableHostCheck: true
2020-02-21 12:01:01 323
原创 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 2177
原创 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 1334
原创 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 2037
原创 antd table 滚动到指定行方法
1、找到指定的行,并高亮<div id={'tableList'}> <Table bordered dataSource={data} pagination={false} rowClassName={this.setClassName} columns={this....
2018-11-21 17:01:38 11551 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 1865
原创 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 5119
原创 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 419
转载 跨域
跨域解决方案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 319
原创 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 267
转载 Redux
Redux 可以用这三个基本原则来描述1、单一数据源:整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中2、State 是只读的:惟一改变 state 的方法就是触发 action,action 是一个用于描述已发生事件的普通对象。 3、使用纯函数来执行修改:为了描述 action 如何改
2017-11-29 15:58:38 224
原创 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 670
原创 Reactjs
生命体的周期是单一不可逆的,软件开发的生命周期会根据方法不同,在完成前重新开始生命周期一、初探生命周期React组件的生命周期根据广义定义描述,可以分为挂载、渲染和卸载。生命周期分两类:1)当组件在挂载或者卸载时2)当组件接受新数据时,即组件更新一)挂载或卸载1、组件挂载最基本过程:组件状态初始化:读取初始state和props, 以及compontentW
2017-08-07 16:31:46 590
原创 使用Nodejs进行web开发
Node.js 和 PHP、 Perl、ASP、JSP 一 ,目的都是实现动动态网页,也就是说由服务器动动态生成 HTML 页面。 之所以要这么做,是因为静态 HTML 的可扩展性非常有限,无法与用户有效交互。软件工程分解为 个层面:模型 、视图和控制器。 1)模型是对象及其数据结构的实现,通常包含数据库操作。 2)视图表示用户界面,在网站中通常就是 HTML 的组织
2017-08-05 22:03:18 31048 2
原创 Nodejs核心模块
Nodejs核心模块主要内容全局对象常用工具事件机制文件系统访问HTTP服务器与客户端一、全局对象js中有一个特殊对象,全局对象,它及其所有属性都可以在程序任何地方访问,即全局变量 js中的,全局对象是window,而node.js中的全局对象是global,所有全局变量(除了global本身以外)都是global对象的属性1、全局对象和全局变量满足以下条件的变量是全局变量在最
2017-08-05 19:31:25 475
原创 总结
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 552
原创 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 988
转载 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 2204
原创 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 862
转载 ListView Adapter
ListView组件用于列表的形式显示数据。ListView组件是采用MVC的模式将前端显示和后端数据进行分离。所以说ListView组件在装在数据的时候需要一个指定的Adapter对象,该对象相当于MVC中的C(控制器:controller),ListView相当于V(视图:view)用于显示数据,为ListView提供数据的List或者数组相当于M(模型:Model)
2014-04-19 13:58:53 935
转载 文字在一行显示,多余的隐藏
一般的文字截断(适用于内联与块):.text-overflow {display:block;/*内联对象需加*/width:31em;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象
2014-03-24 19:33:32 1639
原创 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 4876
转载 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 1625
转载 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 1321 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 1227
原创 关闭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 8668 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 2625 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 1693
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人