学习了 React 之后,做了多多少少的小项目,奈何自己做的再认真,都觉得是自娱自乐,找工作过程中,面试官也不承认这些自己做的项目能对工作带来多大帮助,比较迷茫,就想着做点开源玩玩,刚好也锻炼一下自己写 React 组件的能力,思来想去自己和女票都比较喜欢电影,与电影有关的有播放器这么一个想法,于是就撸了一个h5播放器,以女票的名来命名,叫做qier-player目前基本实现了在线播
示例如题,下面的个简单代码示例—在H5页面中直接使用React<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
文章目录1、前言2、命令行3、修改UI稿尺寸原始匹配大小4、如何==自动生成雪碧图==5React 书写规范6、当前文件目录解读7、==sentry异常代码监控==8、==eruda手机端调试面板==9、==hammer手势库==10、生成分析报告==Report==11、bundle生成tar包,并备份 1、前言本项目适用于移动端H5混合开发的React项目,功能包括:采用VW,字体自动适配
react路由5版本怎么使用呢?先安装react路由5依赖包:npm i react-router-dom@5 -S然后就可以使用了。说下简单用法吧,示例:import { HashRouter as Router , Route, Link } from 'react-router-dom' export default function App () { return ( &
转载 1月前
12阅读
背景本人工作中日常使用React开发H5页面较多,最近有需要写一个安卓App,于是简单学习了一下安卓的基础。本文将介绍如何在安卓WebView中嵌入React页面,快速搭建一个安卓应用。本文适合那些想快速搭建一个安卓APP的H5开发。本文还包括页面通过JavaScript与原生交互的简单例子。React本文默认你是一个比较熟悉React的前端开发。如不熟悉可以参考React官方的QuickStar
H5页面&小程序如何实现emoji表情?emoji表情都非常熟悉了,比如微信的会话窗口可以发表情。 但是仔细看有一个重要的发现,比如朋友给你发一个emoji表情,在聊天会话列表页查看最近消息,会发现有点不同,体现在如下:列表页看到的就是一个表情,比如大笑?的表情。列表页看到的是一个文字,比如[发呆],[懵逼]前者就是默认emoji表情了,后者则是自定义表情。显然你拿着微信的[懵逼]在微博上
转载 5月前
143阅读
网站是毕业设计的作品,开发这个网站的目的主要用于记录一些笔记,以及聚合一些资讯信息,也算自己在网络世界中的一块静地吧,可以在这里一些技术上想法的实践。网站最初前端使用vue开发,在前段时间由于项目的开发进度已经不是那么紧急,有了一些空闲时间。而对没有使用过React又一直耿耿于怀,索性就使用React进行了一次前端的重构。学习一门新的技术最基本的当然就是阅读相关文档了,作为一个单页面应用前端路由当
 一、通过import方式(适用于插入静态图片):import React from 'react' import logo from './asset/logo.jpg' export default class Login extends React.Component { render() { return (<> &l
# React禁止H5在IOS页面滚动 在移动端开发中,我们经常会遇到需要禁止网页滚动的需求,特别是在使用React框架开发H5页面时。本文将介绍如何使用React来禁止在iOS设备上的网页滚动,并提供相应的代码示例。 ## 问题背景 在iOS设备上,默认情况下,当网页内容超出屏幕高度时,会自动开启滚动功能。在某些情况下,我们希望禁止页面滚动,以提升用户体验。 ## 解决方案 ### C
原创 8月前
192阅读
componentDidMount() { this.getWxConfig() } getWxConfig () { // 请求后台接口拿到 data信息 wx.config({ debug: false, appId: data.appId, // 必填,公众号的唯一标识 timestamp: ...
转载 2021-10-09 09:34:00
1330阅读
3评论
H5里面的App Cache是由开发Web页面的开发者控制的,而不是由Native去控制的,但是Native里面的WebView也需要我们做一下设置才能支持H5的这个特性。1.工作原理写Web页面代码时,指定manifest属性即可让页面使用App Cache。通常html页面代码会这么写:<html manifest="xxx.appcache"> </html>xxx.
最近在开发项目遇到一个office文档和PDF文档预览的需求,并且需要控制用户是否可以下载文件和拷贝文档中的文字。H5office h5office 官网文档地址,需要进去申请自己的appid。免费的查看最终实现的效果很简单的用法。<!-- 创建一个标签就可以了 --> <div id="office"></div> <button id="open"&
转载 4月前
27阅读
从「前端开发」的视角来看,微信小程序和H5也存在着多方面的不同。概括来说有以下四个方面的区别。一、运行环境的不同 H5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,因为小程序的开发过程中只用到一部分H5技术。 小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对性做了优化,配合自己定义的开发语言标准,提升了小程序的性能。 官方文档表明脚本内无
知识点一:H5拖拽1、设置元素为可拖放首先,为了使元素可拖动,把draggable属性设置为true:2、拖动什么  ondragstart和setData()然后,规定当元素被拖动时,ondragstart属性调用了一个函数,start(event),它规定了被拖动的数据。在所有的拖放事件中都提供了一个数据传输对象dataTransfer,主要是用于在源对象和目标对象之间传递数据。se
转载 2023-06-30 12:29:22
265阅读
最近,一个项目上使用到一些数据,这些数据必须要从本地导入,因此提供了相关的服务端上传接口,然鹅我是一个纯纯的后端,前端的各种框架都不太会使,并且我认为这样的小项目使用一个前端框架反而不好,比如LayUi,虽然很简单就可以引入,但是有时候我需要做些特殊操作,修改人家源码的底层方法还是不太方便,因一顿google后实现了纯H5+JS实现的方法,连ajax都使用的原生;记录一下:一、单文件上传<!
pxpx像素(pixel):相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓,可是在移动端,因为手机分辨率种类颇多,不可能一个个去适配,这时px就显得非常无力,所以就要考虑em和rem。em 相对于父节点的font-size,会有一些组合的问题。比如你把body的font-size定义为50%,一般地会是8px。那么你在body里字体大小就是1em=8px了。可当你定义
# 实现Android打开H5和关闭H5页面的教程 ## 概述 在移动应用开发中,Android应用常常需要在原生应用中打开H5页面并在需要的时候关闭这些页面。本教程将教你如何在Android应用中实现打开和关闭H5页面的功能。 ## 教程步骤 下面是整个流程的步骤表格: | 步骤 | 操作 | | ---- | ---- | | 步骤一 | 在Android项目中添加Webview组件
原创 5月前
206阅读
之前的需求有一些弹窗,弹窗内容比较复杂,在 React 项目中怎么方便高效地实现一个业务弹窗组件呢?经历了一段时间的演变,终于找到了比较方便的方法……下面以简单的设置文案的弹窗为例列举一下弹窗的实现。使用的基础弹窗组件是 antd modal。 一般写法比较常见的写法就是通过标签实现,也是我最开始常用的,但总觉得不爽。? 完整 demo弹窗组件的实现:class DialogCustom ext
今天玩点别的吧都说 Python 除了生孩子什么都能干 咱们今天就用 Python 写个小游戏贪吃蛇 想必大家都玩过这玩意有没有想过你自己来实现一个这样的游戏呢那么接下来就是学习 python 的正确姿势 想要用 Python 写一个小游戏就不得不知道 pygame 这个库了这个库是在 sdl 之上构建的可以使用到很多 GUI、渲染画布等废话不多说
首先配置公众号JS接口安全域名设置ip白名单后台配置接口,获取签名signature最后html分享页面联调 1.首先配置公众号1.1.JS接口安全域名接入jssdk时,就需要配置JS接口安全域名,因此需要登录微信公众平台,在公众号设置→功能设置中,填写JS接口安全域名,域名即为H5项目的域名(如:www.baidu.com),同时需要下载一个txt验证文件,并放置到服务器的根路径下,实
转载 2023-07-25 09:30:21
358阅读
  • 1
  • 2
  • 3
  • 4
  • 5