- 博客(50)
- 收藏
- 关注
RSS订阅原创 chrome浏览器打印动态html图片不显示在预览里
chrome浏览器打印的时候如果打印的元素中包含图片，而且这时你是用js动态生成的打印html文本那么打印预览的时候是看不到图片，解决的办法是用一个隐藏的元素先加载好要打印的图片，然后再打印动态的html就能看到要打印的图片了神奇的是IE是没有这个问题的...
2022-04-14 17:50:05
1945
原创 JS原型链
function Person(){this.a = 1};console.log('---原型--', Person.prototype, Person.prototype.constructor === Person);const p = new Person();console.log('===实例原型==', p.__proto__, p.__proto__ === Person.prototype, p.a);Person中的this.a = 1是实例化的时候才会执行 Person.a.
2021-11-26 16:45:57
386
1
原创 node播放视频流
import http from "http";import url from "url";import util from "util";import qs from "querystring";import fs from "fs";// 默认GET方法响应const server1 = http.createServer(function(req, res){ res.writeHead(200, {'Content-Type': 'text/plain; charset=utf-.
2021-11-22 12:40:18
4422
原创 js正则表达式匹配js模板语法${params}
/(^\$\{)([A-Za-z | _])+(\}$)/.test('${params_abc}');
2021-09-14 17:23:35
849
原创 网页局部打印
要打印部分内容，需要隐藏其他内容，可以用媒体查询我们可以隐藏网页的header footer slider三部分，只打印content@media print { .footer { display: none; } .header { display: none; } .slider { display: none; } .content { margin-left: -(slider的宽度); }}...
2021-06-12 13:38:41
267
原创 react多个组件批量设置ref
const itemsRef = useRef([]);useEffect(() => {itemsRef.current = itemsRef.current.slice(0, tabs.length);}, [tabs]);// ......使用const indexRef = itemsRef.current[i-1 || 0];indexRef.doSomething一般用在多个Tab页和多个组件需要访问的时候，这些组件都是同类组件...
2021-05-08 19:12:03
1616
原创 检测网页加载体验性能的工具PageSpeed
PageSpeed是Google提供的一款网页加载用户体验指标检测的工具地址：PageSpeed只需要输入要检测的网址，让后点击分析就会给出留个用户体验的指标分别是1、First Contentful Paint首次内容渲染时间标记了渲染出首个文本或首张图片的时间。了解详情。2、Time to Interactive可交互时间是指网页需要多长时间才能提供完整交互功能。了解详情。Speed Index速度指数表明了网页内容的可见填充速度。了解详情。Total Blocking
2021-03-30 09:48:41
459
原创 在innerHTML里面触发js
<body><script>// 将要加到body上面的innHTMLStringvar innerHTMLString ='<div onclick="eval(\'console.log(\\\'OOOOleft\\\');var relateGoods = document.querySelector(\\\'.relate_goods\\\');window.event? window.event.cancelBubble = true : e.stopPro..
2021-03-29 19:29:34
388
原创 类似vue模板语法的实现
function templateStrings(inputStr, params) { for (let key in params) { const reg = new RegExp(`{{\\s?${key}\\s?}}`, 'g'); templateStr = inputStr.replace(reg, params[key]); } }说明：inputStr是模板文本，params是需要进行模板插入的对象...
2021-03-15 09:50:15
136
原创 高频率请求时如何模拟取消上一个Fetch请求
该方式只是模拟取消上一个Fetch请求主要方式是利用Promise.race主动抛出处理结果，绕开需要忽略的Fetch请求let cancel = () => {};// 当输入内容变化时发起请求input.oninput = function(ev) { let term = ev.target.value; console.log(`searching for "${term}"`); // 取消上一次请求（实际是绕开上一次的请求结果） cancel();
2020-06-01 19:15:10
661
转载 使用verdaccio搭建npm私有仓库
verdaccio的安装相关：https://juejin.im/entry/5c64db9851882562851b328fverdaccio的启动相关：https://blog.csdn.net/qq_33569093/article/details/88035519
2019-07-25 11:22:39
505
原创 ES6添加并发请求并及时返回对应结果，而不是等待其他的请求
Promise.all提供并发请求，但是Promise的并发请求要等到所有的请求都结束了才会返回结果，但是很多时候，我们希望实时的获取返回的结果，Promise.all就显得力不从心了，所以，可以改造方法，用Promise链来调用的模式const Queue = require("promise-queue");const rp = require('request-promise');...
2019-07-16 11:08:28
1055
原创 Mobx的使用
React Native使用Mobx先说一下Mobx的接入注意：如果是57版本以前的版本,那么你要按照下面的步骤配置mobx安装mobx和mobx-react 安装一些babel插件，应为ES6不支持decorator修饰器特性所以要对这种特性进行适配。我们用npm管理包工具安装mobx和mobx-react，命令如下（我是用的MacOS系统，Windows系统暂时还没用过）：...
2018-09-29 17:56:46
1130
原创 国内的安卓SDK资源包
下面这网址记录了安卓的大部分资源http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html
2018-09-28 10:00:19
2313
原创 react-native-scrollable-tab-view不显示子页面的原因
最近新建的项目，使用react-native-scrollable-tab-view子界面不显示，查了一下原因是由于react-native-scrollable-tab-view必须在弹性容器里面才会展开，否则就会不显示子界面<View style={{flex:1}}> //这里一定要设置为flex属性，内部的react-native-scrollable-tab-view才...
2018-09-11 12:00:34
1875
原创 win10安装包管理工具Chocolatey
打开cmd.exe 输入下面的命令@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString(...
2018-09-05 11:28:53
2997
原创 解决iOS xcode打包unknown error -1=ffffffffffffffff错误
有两个办法，1、如果你记得keychain的密码可以参考这里的https://www.cnblogs.com/dukuan/p/8393441.html2、如果你不记得keychain的密码的话打开钥匙串 把系统的锁打开吧，再去打包。我是用第二种的，第一种办法我输入密码报错了...
2018-08-22 11:12:06
1516
原创 微信小程序自定义组件绑定外部方法
最近做小程序要自定义组件，涉及到自定义组件抛出并绑定外部方法，下面代码就是绑定关键index.wxml<customComponent bind:action="selectItemDetail"/>index.jsselectItemDetail:function(){ //doSomeThings },调用外部方法，主要是通过triggerEvent来启动外部方法cus...
2018-06-28 11:24:00
4954
原创 微信小程序如何让多个button绑定同一个事件而区分button
这里不多说了直接上代码wxmL代码：<button wx:for="{{buttons}}" wx:key="*this" id="{{'btn'+index}}" bindtap='onchangeTab' class="{{tabIndex==index?'on':''}}"> {{item}} </button>wxjs代码：onchang
2018-06-27 11:09:35
13214
3
原创 升级react native到最新版本
最近升级了React native到最新版本，主要遇到的麻烦有：PropTypes从React中移除了单独成为一个叫prop-types的module，React的createClass方法也被移除了，单独成为了一个叫create-react-class的module，再升级过程中要把对应的东西替换掉：var PropTypes = require('prop-types');var creat...
2018-06-25 20:33:12
943
转载 node.js将图片数据转换成base64位的字符串
var http = require('http');var url = 'http://p0.meituan.net/tuanpic/3df525af5a3f7fe04077567d2a6caf794904.png'; //一张网络图片 http.get(url,function(res){ var chunks = []; //用于保存网络请求不断加载传输的缓冲数据
2017-08-03 10:25:13
11378
原创 怎么将自己开发的私有node_module发布到npm
开发react native时，我们总是安装别人的module，比如react-native-toast，react-native-weixin等等，其实有时候这些module并不能满足我们的APP的需求，所以有时候我们得认为的去开发定制自己需要的module，那么我们可以在这些module的基础上修改代码，然后发布到我们自己的npm下面这样，我们也可以通过npm install (your mo
2017-07-31 11:39:26
3339
原创 react native45版本开始后，新建应用会抛出UNpackage xxxx
react native45版本开始后，新建应用会抛出UNpackage xxxx错误，原因是最新的RN无法下载到4个tar.gz文件，由于被墙的原因，所以要手动去下载，下载好后把下载好的四个文件放到路径：/Users/xxx/.rncache/下面，这四个文件的下载路径分别是：https://codeload.github.com/facebook/folly/tar.gz/v2016.09
2017-07-13 10:57:18
2801
原创 ReactNative报出 'React/RCTBundleURLProvider.h' file not found错误
是因为本地npm还没有运行起来，你需要等到npm准备好了再运行Xcode就能够正常运行了。
2017-05-11 15:13:50
10037
2
原创 React Native获取ListView上row的点击TouchableOpacity获取其ref
_renderRow(){ return( TouchableOpacity ref={touchImage => this.touchImage =touchImage} onPress={this.}> //在renderRow里面我们无法获取Image的ref所以我们将ref设为他的父容器Tou
2017-05-03 16:37:55
1584
转载 react native搭建私有热更新服务器
公司要求要有自己的私有热更新服务器，本人表示不擅长后台，只好去网上找相关的文章，与技术博客：本文简历在已经成功运行 微软 codepush热更新，并且了解codepush 相关指令的基础上。 参考文章-iOS参考文章-android简介code-push-server是一个开源项目，基于 nodejs + mysql 搭建自己的热更新服务器环境macOS Sierr
2017-03-14 14:36:54
2873
原创 swift实现圆角的设置
swift实现圆角的设置比OC要多设置一步，就下面两句代码：myview.layer.masksToBounds = truemyview.layer.cornerRadius = 10 // 自己修改为所需的圆角弧度
2017-03-10 11:47:22
961
原创 升级成功了React native 到40的问题
在升级成功了react native到40版本后，一般都会遇到 file not found这样的错误不用担心，那是因为你的npm服务还没有启动呢，等他启动了后，就像下面的图片这样你在重新运行一边就可以了
2017-03-08 15:04:37
572
原创 react native每次版本升级改动
每次RN升级后的改动，官方都会发布改动的地方，以及一些改动的特性他们会在这个网页公布：https://github.com/facebook/react-native/wiki/Breaking-Changes#fix-unconstraint-sizing-in-main-axis-0a9b6b---emilsjolander
2017-03-08 10:07:06
453
转载 Your app must be published under a seller name and company name that reflects the XXXXX brand解决办法
金融类，电商类APP上架APP Store，因违反PLA1.2被拒的经历和解决办法作者 从你的全世界路过哈哈哈哈2017.02.17 18:21 字数 1129 阅读 239评论 8喜欢 1近日，我相信有不少IOS研发的小伙伴们，因为违反苹果PLA1.2条理，上架APP被拒绝。金融类和电商类的APP都遇难。我在此分享我的经历和处理方法，希望能帮助正在受上架失败折磨的你们。20161...
2017-02-23 11:27:07
10382
2
转载 使用immutable和react-immutable-render-mixin优化React Native视图渲染
想知道React Native是什么？先移步官网。另外，本文部分内容参考了搞定immutable.js。熟悉React.js的都应该知道，React.js是一个UI = f(states)的框架，为了解决更新的问题，React.js使用了virtual dom，virtual dom通过diff修改dom，来实现高效的dom更新。听起来很完美吧，但是有一个问题。当state更新时，如果数据没变
2017-02-22 09:51:26
1277
原创 android用Adapter实现ListView的初始化报错android.widget.LinearLayout cannot be cast to android.widget.TextView
这个的原因是初始化Adapter时没有指定item的resource ID，只要设置这个参数局可以了String[] arr1 = {"孙悟空","猪八戒","沙和尚","白龙马"};爆错代码：ArrayAdapter adapter1 = new ArrayAdapter(this,R.layout.array_item,arr1);修正代码：ArrayAdapt
2017-02-20 17:48:48
1697
转载 Xcode所有版本下载地址
Xcode所有版本下载地址：https://developer.apple.com/download/more/转载至http://blog.csdn.net/u012847940/article/details/52576319
2017-02-09 15:28:48
552
原创 android界面的传值
最近开始学Android，记录一下自己的学习历程。 搭建开发工具，和开发环境永远是开发者的首要难题。不过功夫不负有心人，花了几天终于搞定。和iOS的入门一样学习各种组件以及他们的特有方法。比如，Button，就折腾了一会他的点击事件，折腾了一下ListView的数据绑定，折腾了一下TextView，EditText......。然后就开始写页面，首先就是页面的跳转这个简单，startAc
2017-02-09 09:47:03
453
转载 3des加密Android和iOS的加密算法有时候位数是不同的。解决办法
http://www.iteye.com/topic/1127949java代码：package org.liuyq.des3; import java.security.Key; import javax.crypto.Cipher; import javax.crypto.SecretKeyFactory; import javax.cr
2017-02-07 17:51:44
889
原创 React native添加iOS远程通知点击通知打开APP在APP杀死状态下闪退解决办法
由于APP被杀死的状态下无法进行debug，所以只有一个一个方法去试，其中蛋疼程度无以言表。主要导致APP忽然闪退的原因，主要是RN提供的RCTPushNotificationManager这个管理推送的的类导致的，由于在杀死状态下启动APP貌似会先执行- (void)application:(UIApplication *)application didReceiveRemoteNoti
2016-12-21 16:12:10
2112
原创 React-native ListView缓存复用根本解决办法
react native最为人所诟病的一直是iOS ListView没有办法进行缓存复用，不过最近同事找到了一篇好的文章，其中提供了一个根本的解决办法，我也在github上边下载了那个demo来做了测试，发现，rn本来的ListView下拉的数据在加载到130-150条的时候就不在加载新数据了，内存消耗达到了惊人的300M+；而使用Wix的demo即使数据加载到2000条，内存增加不过30-40
2016-12-06 10:29:54
3146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人