github_38696818的博客

原创 input file样式修改的同时获取文件名

应为项目当中上传文件中有需要input file这个属性，但是浏览器自带样式真的太丑了，还不统一，所以找了一些其他的进行参考，结果很失望啊，也许是问题太简单了。进入正题；html<p class="shofs">点击这里上传文件</p> <input type="file" name="" multiple="multiple" id="fil">我把p标签放在input的

原创 base64字符串转二进制流文件

/ 创建Uint8Array类型的视图来存储二进制数据。console.log("成功生成Blob对象！// Base64字符串。// 创建Blob对象。

原创 react iframe 使用contentWindow.postMessage 传递参数

A项目（react）使用iframe 嵌套B(react) 项目时候需要传递一个对象； private gettaskDetailIframeSrc = () => { const { currentGroup } = this.props; let origin = location.origin; let path = '/app/oa'; let search = `?${agent.setCurrentOrg(curren

原创 react 列表条件筛选后数据编辑返回列表数据刷新问题

我的配置是 "react": "^16.0.0", "react-dom": "^16.0.0", "react-router": "^4.2.0", "react-router-config": "^1.0.0-beta.4", "react-router-dom": "^4.2.2", "react-router-redux": "^4.0.8",列表页我用的是this.props.history.push 路由列表页编辑代码如下.

转载 antd select 可搜索值

Select 添加 showSearch 属性可以实现搜索功能，但是这个搜索是搜的Select的value值的,但是value值在页面上是看不到的一般用户搜索的是下拉框显示看到的内容，所以需要加上 optionFilterProp=“children” 这个属性就可以搜索看到的内容了转载链接https://blog.csdn.net/u013790941/article/det...

原创 react 快捷键保存

尊重大神的成果附上链接http://react-china.org/t/react/27050直接上代码，注意reacr版本 componentDidMount() { document.addEventListener("keydown", this.onKeyDown) } componentWillUnmount() { document.removeEv...

原创 github 本地新建分支推送到远端

首先git branch //查看本地分支然后新建分支git checkout -b feature-branch //创建并切换到分支feature-branch查看远程分支git branch -agit push origin my-branch:feature-branch //推送本地的my-branch(冒号前面的)分支到远程origin的feature-bra...

翻译 react 安卓4.4关于flex问题

使用react开发时候遇到样式问题，发现flex布局无效，后来查阅相关资料https://caniuse.com/#search=flex发现安卓4.4之前支持的不是很完美，所以在4.4之前开发的时候请参考https://www.cnblogs.com/shimily/articles/7943370.html。因为我是三星的手机，使用后还是无效，就猜测可能是三星内置浏览器问题，所以只能把样式...

原创 react 开发 Android 4.3 - 4.4版本的坑

react 开发时候遇到安卓4.4 -4.4左右的安卓手机显示白屏，用的dva.js开发的，后来使用create-react-app发现问题依然存在，去查阅官方文档，发现react 和安卓3版本左右的时候就已经开发了，所以一定会支持安卓的版本，尝试自己去搭建框架发现也没有问题，后来去查看脚手架的时候发现有人提问相同的问题。链接地址如下 Android: Browser compatibilit...

原创 ios 时间戳NaN

react native 开发的项目，webView内部调用ios内置的5版本浏览器 本来获取时间let date = new Date(selectedbasketballss[0].endTime); //时间对象let str = date.getTime(); //转换成时间戳timeArray.push(str)  新的获取方法let str = new ...

原创 input输入框ios下 type：number 无效

容我先对iOS标示一下尊重（一万头羊驼奔腾而过）因为用的react开发的，请看高亮处&lt;input type="number" placeholder='10' ref={(numberInput) =&gt; { ...

原创 http-server安装及运行

既然你知道http-server那么node和npm的安装我就不说了,当然你也可以实用Yarn安装.重点:请实用管理员权限安装 server .npm install http-server -g pm i http-serveryarn -g http-server以上命令安装启用就非常简单了找到你的文件夹,在当前文件夹下打开命令行,输入http-server,默认启动8080端口,   htt...

原创 es6获取数组中，键值对的下标和对应内容

const fruits = [ {name: 'apples', quantity: 2},    {name: 'bananas', quantity: 0},    {name: 'cherries', quantity: 5}];const index = fruits.findIndex(fruit =&gt; fruit.name === 'cherries');console.lo...

转载 小程序表单提交

小程序form表单提交1.小程序相对于之前的WEB+PHP建站来说，个人理解为只是将web放到了微信端，用小程序固定的格式前前端进行布局、事件触发和数据的输送和读取，服务器端可以用任何后端语言写，但是所有的数据都要以JSON的形式返回给小程序。2.昨天写了登录注册、忘记密码功能，他们实质上都是一个表单提交操作。因此就拿注册功能来写这个例子。3.目录图 js文

转载 jq鼠标经过隐藏当前显示另一个

$.ajax({url: "http://47.92.54.124:8080/platform/partner/partnerApi",type: "post",dataType: "jsonp",contentType: "application/x-www-form-urlencoded;charset=UTF-8",async: false,cache: false,

转载 点击加载和滚动条判断

项目的一个前端页面展示已购买商品时，要求能下拉加载更多。关于如何实现『加载更多』功能，网上有插件可用，例如比较著名的使用iscroll.js实现的上拉加载更多、下拉刷新功能。但实际用起来却是很麻烦。由于是第三方插件，要按照对方定义的方法使用，用起来总感觉很不顺心。再加上iscroll.js本身并没有集成加载更多的功能，需要进行自行扩展。想继续使用iscroll.js实现加载更多功能的，上面

转载 鼠标手

CSS鼠标样式语法如下：任意标签中插入 style="cursor:*"  例子：文本或其它页面元素  文本或其它页面元素  注意把 * 换成如下15个效果的一种：下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！hand是手型    例子：CSS鼠标手型效果   CSS鼠标手型效果pointer也是手型，这里推荐使用这种，因为这可以在

原创 form表单提交，用submit方法并且跳到指定页面或不跳转

开发环境后台Java后台根据提交的整个表单，通过name名对应的value值； 项目申请表 负责人姓名* 性别   女       男 联系邮箱*

转载 使用jq的ajax方法时进入error错误并且textStatus报错parsererror

算是转载吧，毕竟不是我写的ajax这个方法：第一按照以下写法试一下：$.ajax({ type:"get", url:"", data:'', dataType:"jsonp", contentType:"application/x-www-form-urlencoded;charset=UTF-8", async:t

原创 ResponsiveSlides.js项目中的实际应用

ResponsiveSlides.js我也是刚接触，没有认真的看一遍，但是很方便。

转载 阿帕奇（apache）服务器的下载与安装

之前有幸接触过Apache,今天想重温习一下，就去官网溜达一圈，结果发现自己不会了。然后找了一个下载的链接：http://jingyan.baidu.com/article/d8072ac47baf0eec95cefdca.html个人建议按照上面的方法来下载，官网指导的方法我也在学习中，稍后补上。**win10最大的问题就是要用管理员权限启动cmd;

转载 20个实用的webApp前端开发技巧

自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与Native App有何区别呢

原创 跳转其他页面方式，点击事件跳转的

转载 微信小程序清除浮动

尊重版权请查看原网址http://www.cnblogs.com/androidxufeng/p/6485392.html微信小程序 CSS 清除浮动 flexfix很多同学都在使用下面的骨灰级解决办法：.clear{ clear:both; height:0; overflow:hidden;}上诉办法是在需要清除浮动的地方加