原设计图一键生成 HTML 小程序 React Vue uni-app HTML 代码 网页切图,自动切图
设计图一键生成 HTML 小程序 React Vue uni-app HTML 代码 网页切图,自动切图
…
将console.log的内容在页面上输出方便在移动设备上查看
闲暇时所做的一个将console.log的内容在页面上输出的小玩意。
CSS
…#info{ position: fixed; right: 0;top: 0;width: 20px;height: 20px;background:rgba(10,10,10,.8); overflow: scroll; font-size: 10px; z-index
介绍jQuery实现AJAX定时局部页面刷新
不时，我需要某种机制，不断刷新网页，以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分，这将是很大的，例如：仪表盘上的交通灯显示系统状态。
这是很容易通过使用jQuery JavaScript库，只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库，我们只需要1行的JavaScript得到它的工作：
|
1
|
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script> |
所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标签的一切，让我们说，每5秒：
|
1
2
3
|
setInterval(function() { $("#content").load(location.href+" #content>*","");}, 5000); |
这就是它！！因此，这是很容易完成一些实时监控的行为，只是那行代码。没有更奇怪的元刷新标记或iframe一种解决方法，在Web应用程序。
每5秒，我们将刷新内容相同的URL和所有元素，驻留在元素ID为content元素的内容：内容。
…
原微信小程序视频播放,当微信进入后台,再返回前台时,直播视频停止播放问题解决 .
在视频标签上加入 onpause="this.play();" 即可.
如下
<video playsinline autoplay controls style="width: 1600px;height: 920px;" onpause="this.play();" id="videoid"></video>
…
ios 微信自带浏览器 微信小程序 webrtc 或视频不能自动播放(黑屏)的解决方法
为iOS版微信浏览器刚刚支持webrtc的缘故，只有一则3月10多日的新闻说随着ios的更新，采用wkwebview的微信浏览器也已经支持webrtc，再没有其它有用的资料。
后来看了一个使用webrtc支持ios版微信浏览器的网站，发现玄机竟然是下面的代码…
在网页上通过语音输入文字 – HTML5 Web Speech API 语音识别介绍
很久前我曾经提到过Web Speech API，现在Chrome刚刚发布的25版本已经为桌面和Android提供了对此API的支持，这对Web开发者来说无疑是一个具有里程碑意义的事件，因为我们可以直接在Web App中原生使用语音识别技术，Web应用的新时代将会由此开启。
控制不住激动的心情，下面我会通过示例马上给大家介绍此API的详细信息。
Google专门提供了一个原生示例，来演示Web Speech API。
我们来看看实现代码。首先需要判断浏览器是否支持Web Speech API，我们通过window下是否存在
本地已有项目如何上传到github上
大家好，我是小梅，公众号：「小梅的前端之路」 原创作者。
作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。
一、github上新建一个仓库
具体步骤可以看网上的诸多教程
二、把本地项目初始化为一个git仓库
找到本地项目的根目录，依次执行
1、建立本地的git仓库
git init2、将本地文件全部添加到本地的git仓库
git add .此处如果报下面这个错误，则需要先执行：
git config --global core.autocrlf false然后再执行git add .
-
The file will have its original line endings in
uniapp开发app，手机状态栏问题挡住问题，uni app 刘海屏适配
问题：在使用uniapp开发手机App时，因为HBuildX创建的应用默认是沉浸式样式，如果去除自带的导航栏之后，页面会直通手机顶部状态栏，解决办法如下：
方法1：使用uniapp官方文档提供的解决方案 https://uniapp.dcloud.io/collocation/pages?id=customnav
方法二：配置mainfest.json来关闭沉浸式。打开应用的manifest.json文件，打开源码视图，app-plus 下添加 statusbar >immersed节点并设置值为false
"app-plus" : {
"statusbar": {
"immersed": false
},
}
方法二，测试成功！
…
原uni app webview 缩放页面实现
在OnReady中加以下代码
var wv;
// #ifdef APP-PLUS
console.log('App plus2')
var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
setTimeout(function() {
wv = currentWebview.children()[0]
wv.setStyle({scalable:true})
}, 1000); //如果是页面初始化调用时，需要延时一下
// #endif
…
原设置 uni app webview的标题显示
webview的update-title设为false
<template>
<view>
<web-view :webview-styles="webviewStyles" update-title="false" src="https://uniapp.dcloud.io/static/web-view.html"></web-view>
</view>
</template>
pages.json的“globalStyle”中添加一行："navigationStyle":"custom",
还可以在onReady中加
setTimeout(()=>{
uni.setNavigationBarTitle({
title:‘app中要设置的标题’
})
},2000)
…
近期评论