记录学习过程中的方法或者问题 1、要在render中展示一个html内容 比如里面的空格，可以进行Unicode转码后再放到render中，但是这种方法还需要提供额外的接口处理内容，不方便。
|
1 2 |
var username='XXXXXXX'; //html内容 <p dangerouslySetInnerHTML={{__html: username}}></p> |
这种方法其实“dangerous”，因为在JSX中安全。 2、当一个……
React学习4－开发设置
项目可以进行开发了，但是开发过程中，我们可以设置更多的东西来帮助我们开发更方便快捷。 1、及时打包
|
1 |
webpack --watch |
每次修改js文件，都要运行webpack打包，因为html中引用的是这个打包后的文件，所以很不方便，执行这个命令后，在js中做任何修改保存后都会自动打包 2、实时刷新浏览器 ……
React学习3－使用npm管理项目
之前在官网看到使用script进行引用的方式进行react的开发，包括在一些简单项目中，我也是引用过来后进行开发的，前期简单的使用是为了了解react的思想，在进入大的项目之前首先需要配置一个更完整的项目环境。 npm是现在比较常用的包管理工具 1、项目配置初始化
|
1 |
npm init |
进入一系……
xampp+nginx配置多域名
前端开发通常用一个本地集成环境搭建简单的本地服务，但是有时候根据项目需求需要一个特殊的域名地址。 比如我在本目录下有好多个项目，每个项目都在浏览器的目录路径下访问即可，但是就有一个项目中路径都是相对路径，导致访问出错，那么需要设置一个单独的域名或者端口进行访问。 那么问题来了，我本地是xampp的集成环境，又没有nginx配置，所以要一步……
chrome插件开发
这两天有一个浏览器插件的需求： 在网页上右键图片，可以把图片上传到指定的服务器！ 其实后端的开发还比较简单，拿到一个图片的路径，下载下来，调用服务器接口上传，比如上传到了七牛。 主要在于前端怎么获取。插件开发网上有教程，首先有几个文件需要：manifest.json，index.html， 配置文件：manifest.json 这个文件设……
会不会做leader
工作未满三年，适不适合做leader。 总的来说，一般是不建议的。最主要的原因是一方面自身能力有限，并没有压倒性的降伏下属，另一方面是职场经验不足，吃亏还不到家，所以心性上可能不会有太好的表现。当然不乏一些从小受到一些熏陶或者后期比较努力的人，不做特殊评价。可万一真的有机会当了小组长，怎么办呢？虽然不是赶鸭子上架，但多少都有……
初识微信小程序，踩坑记
最近在做微信小程序的开发，遇到一些问题，做下记录 1、开发配置中一个重要的点，域名设置，不支持ip和端口号，并且只支持https 2、样式中的图片，只能采用远程图片地址，不能使用相对路径，但是js中当require另一个js可以使用相对路径 3、一个页面onload一次，onshow会多次，就是你切换也好，跳转也好，只要看到页面一次，就执……
console用法笔记
平时大家都用console.log()进行bug查找，后来查看到，有好多console的用法 console.assert(expression, object[, object…]) 接收至少两个参数，第一个参数的值或返回值为false的时候，将会在控制台上输出后续参数的值。例如： [crayon-674242844ac11……
让音频在ios页面上自动播放
在ios上的页面中，有时候需要一开始就进行播放音频，但是即便你加了autoplay，在js中写了start，但是它就是不播放。 很明显这个跟ios的系统有关，那么下面这种办法就可以搞定。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
var isAutoplay = true; var audio = document.getElementById('musicid'); // 音乐播放 function autoPlayMusic() { // 自动播放音乐效果，解决浏览器或者APP自动播放问题 function musicInBrowserHandler() { if(!isAutoplay){return false;} musicPlay(true); document.body.removeEventListener('touchstart', musicInBrowserHandler); } document.body.addEventListener('touchstart', musicInBrowserHandler); // 自动播放音乐效果，解决微信自动播放问题 function musicInWeixinHandler() { musicPlay(true); document.addEventListener("WeixinJSBridgeReady", function () { musicPlay(true); }, false); document.removeEventListener('DOMContentLoaded', musicInWeixinHandler); } document.addEventListener('DOMContentLoaded', musicInWeixinHandler); } function musicPlay(isPlay) { if (isPlay && audio.paused) { audio.play(); } if (!isPlay && !audio.paused) { audio.pause(); } } if (os=='ios'){ autoPlayMusic(); } |
当然，以上其实也是有个问题的， 如果进入页面，你想过一会儿再进行播放，你可能想在mus……
ios上页面禁止滚动
ios上的页面只用一行没办法解决
|
1 |
document.documentElement.style.overflow='hidden'; |
所以需要额外添加其他的，把touchmove禁止掉
|
1 2 3 |
$("body").on("touchmove",function(event){ event.preventDefault; }, false); |
当然了，可能需要另一个操作让页面重新开始滚动
|
1 2 3 4 |
$('.share-close').on('click',function () { $('.cover-index').fadeOut(); $("body").off("touchmove"); }) |
 ……