微信小程序和web之间的交互

背景 通常我们写了一套自适应的web程序,想在多种环境中使用.比如app里,微信小程序里,各种app分享中, 假如只是能使用app浏览,问题不大,但是要在被嵌入app里面和app本身交互,就要做各种折腾, 如是就有了本文. 在ReactNative里折腾,请看 这里 接入条件 首先得有开发者权限 你得有台服务器,有权限上传文件,不然验证无法通过 必须是企业小程序,个人和海外小程序无法使用web-...阅读全文
465次浏览0条评论1次感谢

Vue transition动画

官网API: https://cn.vuejs.org/v2/guide/transitions.html 官方的demo点击显示与消失 <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition ...阅读全文
312次浏览0条评论5次感谢

Mac 上安装和卸载Java JDK

卸载步骤 删除java文件 sudo rm -fr /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin sudo rm -fr /Library/PreferencesPanes/JavaControlPanel.prefpane sudo rm -fr ~/Library/Application\ Support/Java 手动删除可能不...阅读全文
883次浏览0条评论2次感谢

Node zip压缩和解压缩

NodeJS 文件(夹)压缩/解压方案(zip/unzip)-Linux上zip相关命令 Use adm-zip adm-zip支持archive和unarchive一个或多个文件或者整个文件夹的功能,使用非常的简单方便。 var adm_zip = require('adm-zip'); //creating archives var zip = new adm_zip(); zip.ad...阅读全文
727次浏览0条评论2次感谢

React Native android 常见错误和解决方法

Could not determine java version from '11.0.1'. 更新gradle即可,可参考 gradle 版本更新,或者JDK降级到 8 ,请参考**Mac安装和卸载Java JDK** Cannot add task 'wrapper' as a task with that name already exists. task wrapper(type: Wra...阅读全文
661次浏览0条评论1次感谢

React Native和web交互

React Native和H5交互 //接收来自H5的消息 onMessage = (e)=>{ Log('WebView onMessage 收到H5参数:',e.nativeEvent.data); let params = e.nativeEvent.data; params = JSON.parse(params); Log('WebView onMe...阅读全文
582次浏览0条评论4次感谢

基于区块链柚子(EOS)钱包前端插件 scatter开发

基于区块链柚子(EOS)钱包前端插件 scatter 安装和使用 npm i scatterjs-core scatterjs-plugin-eosjs eosjs -D //main.js import ScatterJS from "scatterjs-core"; import ScatterEOS from "scatterjs-plugin-eosjs&q...阅读全文
1032次浏览3条评论4次感谢

js 时间戳运算

取时间戳的几种方式 //第一种 var timestamp = Date.now() //第二种 var timestamp = new Date().getTime() //第三种 var timestamp = new Date().valueOf() //第四种,通过运算 var timestamp = new Date()*1 //new Date()-0 ,new Date()/1...阅读全文
424次浏览1条评论2次感谢

跨域的常见问题和解决方案

第一种 No 'Access-Control-Allow-Origin' header is present on the requested resource The response had HTTP status code 404 出现这种情况的原因如下: 本次ajax请求是“非简单请求”,所以请求前会发送一次预检请求(OPTIONS) 服务器端后台接口没有允许OPTIONS请求,导致...阅读全文
504次浏览0条评论1次感谢

web渐进式应用PWA

web渐进式应用PWA
什么是渐进式 Web 应用 渐进式 Web 应用首先是一种应用,它根据设备的支持情况来提供更多功能,提供离线能力,推送通知,甚至原生应用的外观和速度,以及对资源进行本地缓存。 渐进式 Web 应用是一个网站,它使用了某些开发技术,使其体验比普通针对移动优化的网站体验更好。它使用起来就像是在使用一个原生应用一样 渐进式 Web 应用可能是一个不清晰的术语,而更好的定义是:它们是一种 Web 应用,利...阅读全文
1684次浏览2条评论1次感谢

svg画走势图

svg画走势图
先说说viewBox 是干嘛的,就是按比例缩放视图的。用图形来表示 <svg width="300" height="200" style="border:1px solid #ddd"> <rect width="80" height="70" style="fil...阅读全文
792次浏览2条评论1次感谢

javascript Reflect

语义 Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与处理器对象的方法相同。Reflect不是一个函数对象,因此它是不可构造的。 描述 与大多数全局对象不同,Reflect没有构造函数。你不能将其与一个new运算符一起使用,或者将Reflect对象作为一个函数来调用。Reflect的所有属性和方法都是静态的(就像Math对象)。 兼容性 Chrome:49...阅读全文
959次浏览0条评论1次感谢

javascript reduce

含义 reduce() 方法对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值。 语法 arr.reduce(callback[, initialValue]) 参数 callback 执行数组中每个值的函数,包含四个参数: accumulator 累加器累加回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue(如下所示)。 currentValue 数...阅读全文
866次浏览0条评论0次感谢

Comet,SSE,WebSocket前后端的实现

Comet(服务器推送)的两种方式 短轮询 页面定时向服务器发送请求, 步骤为:建立连接——数据传输——关闭连接...建立连接——数据传输——关闭连接 //前端js var xhr = new XMLHttpRequest(); setInterval(()=>{ xhr.onreadystatechange = function () { if (xhr....阅读全文
457次浏览0条评论0次感谢

javascript-继承之jquery

javascript-继承之jquery
jquery 截止到当前已经3.3.1版本了,如今随着各种浏览器的盛行,前端的框架层出不穷,jquery独步天下,老夫写代码只用jquery,拿起代码就是干的辉煌时代已经过去了。 2006 年,jQuery 的第一个版本的面世,凭借着简洁、灵活的编程风格受到了开发者的喜爱。而它本身是一个 JavaScript 框架,它的设计的宗旨是“write Less,Do More”,即倡导写更少的代码...阅读全文
963次浏览0条评论2次感谢