经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 HTML5
uni-app开发经验分享十九: uni-app对接微信小程序直播

uni-app开发经验分享十九: uni-app对接微信小程序直播

uni-app对接微信小程序直播 1.登录微信小程序后台-点击>设置->第三方设置->添加直播插件  2.添加直播组件后->点击<详情>      记录这两个参数直播插件的appid和最新版本号...[2021/1/18]

实现Vue的多页签组件

在之前的博客中  关于vue的多页面标签功能,对于嵌套router-view缓存的最终无奈解决方法  有写过vue的多页签功能的解决方案 可以看到我当时那个多页签的组件还是比较简单 的,只有打开跟关闭功能,后面有不少网友找我,能不能实现刷新当前页,关闭其它页面,关闭...[2021/1/18]

HTML小记

Html小记 1. Html简介 HTML( Hyper Text Markup Language )是用来描述网页的一种标记语言 html 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签;使用标记标签来描述网页 html 文档也被称为网页,其包含 html 标签和纯...[2021/1/18]

HTML5 drag和drop具体使用详解

简介 拖拽(Drag/Drop)是一个很普遍、很常用的操作,即抓取一个对象后,放到想要放的地方。 在H5中,拖拽是一个标准操作,任何元素都可以拖拽!! 但是!! 想要实现拖拽,需要添加 拖拽属性。 H5中拖拽属性:draggable: auto | true | false 注意:链接和...[2021/1/18]

uni-app开发经验分享十八:对接第三方h5

1.uni-app中对接第三方为了防止跳出app使用了webview <template> <view> <web-view :src="url" @me age="me age"></web-view> ...[2021/1/11]

HTML5 canvas实现的静态循环滚动播放弹幕

本文主要介绍了HTML5 canvas实现的静态循环滚动播放弹幕,分享给大家,具体如下: 使用方法和API 语法如下: canvasBarrage(canvas, data); 其中: canvas canvas 表示我们的 <canvas> 画布元素,可以...[2021/1/11]

uni-app 微信小程序 picker 三级联动

之前做过一个picker的三级联动功能,这里分享代码给大家 具体代码: An highlighted block <template> <view> <picker mode="multiSelector" @change="bindMult...[2021/1/11]

晓前端&#183;周刊【第8期】:信息的不对称与真实性(下)

晓前端&#183;周刊【第8期】:信息的不对称与真实性(下)

Hello,大家好。又一周结束了,我们又如约而至。我们是好未来集团晓黑板前端团队,简称晓前端。每周五,我们都会搜罗一些有趣,有意义的事情和大家分享。如果你喜欢,欢迎关注我们哟。 封面图 本次周刊话题为:信息的不对称与真实性(下篇),所以在阅读本周话题前推荐优先阅读上篇(第7期)哦~...[2021/1/11]

5款极简极美WordPress主题:亲测搭建个人博客专用

2020年深冬,新闻上报道是、从1950年以来最寒冷的冬天。 一个周六的下午,我找遍了全网的简约博客主题,搭建了三年来的第7个独立博客, 多么难得的周末啊,我却在家花了一整天的时间、整理出直接套用5??种个人博客主题。 话不多说,看效果吧 1?? 主题  &nb...[2021/1/11]

Vue实现随机验证码功能

步骤1 创建一个名为identify.vue的子组件 <template> <div cla ="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="content...[2021/1/4]

uni-app开发经验分享十六:发布android版App的详细过程

uni-app开发经验分享十六:发布android版App的详细过程

开发环境 1. Android Studio下载地址:Android Studio官网 OR Android Studio中文社区 2. HBuilderX(开发工具) 3. App离线SDK下载:最新android平台SDK下载 注意:HBuilde...[2020/12/28]

uni-app开发经验分享十七: 开发微信公众号(H5)JSSDK 的使用方式

因为这个j dk被uni-app坑了好多天,作者说支持1.4版本,但是我用1.4的两个分享的新方法一直不支持。 最后只能放弃了,期待什么时候能更新上。 基本的使用方法: 第一步 - 下载使用方式 下载地址:https: unpkg.com/jweixin-module@1.4.1...[2020/12/28]

简单介绍下各种 JavaScript 解析器

作者:沧海 各种js解析器是前端工程化的基石,可以说如果没有它,很多工程化都无法正常执行,我们每天用到的babel、webpack、eslint、TypeScript背后都需要一套对应的js解析器,今天我们来看看,目前市场上有哪些常用的解析器,他们各自又拥有什么特性尼? 前言 在说j...[2020/12/28]

vue3.x初探之v-model的详细使用

1、用于自定义组件时,v-model的prop和默认事件名更改了,并且移除了model选项 父组件 <template> <div> <Child v-model="me age" /> <div>绑定的值:{{me ...[2020/12/28]

canvas--总结一

一、什么是Canvas? HTML5的canvas元素使用JavaScript在网页上绘制图像; 画布是一个矩形区域,可以控制其每一像素; canvas拥有多种绘制路径,矩形,圆形,字符以及添加图像的方法 canvas的应用---主要是数据可视化   二、canva...[2020/12/28]

canvas--总结二

canvas--总结二

canvas图形绘制 矩形绘制 rect(x,y,w,h)  没有独立路径 strokeRect(x,y,w,h) 有独立路径,不影响别的绘制 fillRect(x,y,w,h) 有独立路径,不影响别的绘制 clearRect(x,y,w,h)  需要擦除...[2020/12/28]

js实现简单的俄罗斯方块小游戏

js实现简单的俄罗斯方块小游戏 开始 1. 创建一个宽为 200px,高为 360px 的背景容器 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...[2020/12/22]

【electron-playground系列】打包优化之路

作者:梁棒棒 简介 electron打包工具有两个:electron-builder,electron-packager,官方还提到electron-forge,其实它不是一个打包工具,而是一个类似于cli的工具集,目的是简化开发到打包的一整套流程,内部打包工具依然是electro...[2020/12/22]

微信小程序腾讯地图SDK使用方法

一.本篇文章主要知识点有以下几种: 1.授权当前位置 2.map组件的使用 3.腾讯地图逆地址解析 4.坐标系的转化 二.效果如下: 三.WXML代码 <map id="map" longitude="{{longitude}}" latitude="{{latitude}}...[2020/12/21]

Vue函数有回调参数,添加参数时如何保留默认回调参数

Vue函数有回调参数,添加参数时如何保留默认回调参数

前端在用iview组件,但是他有默认传参,如果带上自己想一起带到方法的参数 <Switch v-model="switch1" @on-change="change" /> 如果直接使用@on-change="change"这个所指向的方法 那么就会返回默认传参&...[2020/12/21]

【Electron Playground 系列】窗口篇

作者:Kurosaki 本文主要讲解Electron 窗口的 API 和一些在开发之中遇到的问题。 官方文档 虽然比较全面,但是要想开发一个商用级别的桌面应用必须对整个 Electron API  有较深的了解,才能应对各种需求。 1. 创建窗口 通过BrowserW...[2020/12/21]

Vue-Cli脚手架搭建详细步骤

vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。 1.安装vue-cli ① 使用npm(需要安装node环境)全局安装webpa...[2020/12/21]

uni-app调用wifi接口

微信小程序条件渲染 在小程序app。json中添加 需要先获取位置信息 "permi ion": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }, ...[2020/12/21]

【Electron Playground】Electron 窗口问题汇总

作者:Kurosaki 本节旨在汇总在开发Electron 窗口可能遇到的问题,做一个汇总,后续遇到问题会持续更新。 1. 窗口闪烁问题。 const { BrowserWindow } = require(''electron''); const win = new Bro...[2020/12/21]

【Electron Playground 系列】文件下载篇

作者:long.woo 文件下载是我们开发中比较常见的业务需求,比如:导出 excel。 web 应用文件下载存在一些局限性,通常是让后端将响应的头信息改成 Content-Disposition: attachment; filename=xxx.pdf,触发浏览器的下载行为。...[2020/12/21]

小程序 生成二维码

这里给大家分享一下我在使用小程序时遇到的一个功能实现方法,生成二维码,这里需要注意以下几点: 1.小程序调用生成二维码成功的时候,返回的是一个二维码图片的二进制文件流。 2.前端接受到图片的二进制的资源,拼接成 ''data:'' . $mime . '';base64,''base...[2020/12/21]

晓前端&#183;周刊【第7期】:信息的不对称与真实性(上)

Hello,大家好。又一周结束了,我们又如约而至。我们是好未来集团晓黑板前端团队,简称晓前端。每周五,我们都会搜罗一些有趣,有意义的事情和大家分享。如果你喜欢,欢迎关注我们哟。 封面图 信息不对称(asymmetric information)指交易中的各人拥有的信息不同。在社会政...[2020/12/21]

如何修改快捷方式网页的图标为谷歌浏览器

问题:在创建一些网页或网站的快捷方式的时候,有时候默认图标是白色,用户体验感很差,经常找不到这个页面是什么。 原因:经过几次测试,发现应该是默认浏览器的设置没生效。 思路:通过手动设置默认浏览器,使快捷方式通过默认浏览器打开,就会有图标。对于顽固的快捷方式,采取手动设置打开图标。 ...[2020/12/21]

移动端HTML5开发神器之vconsole详解

在开发移动端时,不像开发PC端那么方便,有控制台,可以查看各种网络请求,以及打印的日志。 那么Tencent团队就开发出了一款工具,模拟PC端的控制台,可以查看打印日志以及网络请求,甚至还有Localstorage等信息。 使用方法: 在入口文件main.j...[2020/12/21]

ListView上拉加载下拉刷新

ListView上拉加载下拉刷新

import { utils } from ''goblin''; import { ListView, Button, PullToRefresh } from ''antd-mobile''; import { NoDataPanel } from ''components'';...[2020/12/14]

uni-app开发经验分享十三:实现手机扫描二维码并跳转全过程

最近使用 uni-app 开发 app ,需要实现一个调起手机摄像头扫描二维码功能,官网API文档给出了这样一个demo: 允许从相机和相册扫码 uni.scanCode({ succe : function (res) { console.log(''条...[2020/12/14]

uni-app开发经验分享十四:小程序超过2M限制的方法——分包加载

  起初小程序上线时,微信限制了代码包不能超过1MB,后来功能变大变成了2M了,限制大小是出于对小程序启动速度的考虑, 希望用户在使用任何一款小程序时,都能获得一种“秒开”体验。但是,2MB也限制了小程序功能的扩展,小程序业务的发展 可能需要更大的体积。为了解决这个问题,微信推...[2020/12/14]

uni-app开发经验分享十五: uni-app 蓝牙打印功能

uni-app开发经验分享十五: uni-app 蓝牙打印功能

最近在做uni-app项目时,遇到了需要蓝牙打印文件的功能需要制作,在网上找到了一个教程,这里分享给大家。 引入tsc.js 简单得引入到自己所需要得页面中去,本次我们只要到了标签模式,他同时还有账单模式可以选择。 蓝牙打印 指令和转码 var tsc = requ...[2020/12/14]

惊天秘密!如何在 Flutter 项目中实现操作引导

不要冒然评价我,你只知道我的名字,却不知道我的故事,你只是听闻我做了什么,却不知我经历过什么。 俗话说得好,产品有三宝,弹窗浮层加引导。 上图截图自我司 App 晓黑板中的口算模块,相信每个 App 开发在工作中都碰到这种场景,为了避免用户对新功能产生困惑,会对一些功能加...[2020/12/14]

微信小程序代码上传,审核发布小程序

1.打开微信开发者工具 管理员扫码 -> 填写好小程序的项目目录、AppID(必须是客户已注册好的AppID)、项目名称   2.在app.js中修改id(客户登录后台管理系统的id),app.json中修改页面导航栏标题navigationBarTitleText ...[2020/12/14]

查看浏览器对html5的支持情况

http: html5test.com/   视频和音频代码检测 function CheckAudio(){ var myAudio=document.createElement("audio"); if(myAud...[2020/12/14]

Vue整理

一、Vue Vue是遵循MVVW架构模式实现的前端框架 npm导入路径:https: cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js MVVM架构 Model数据 View模板 ViewModel处理数据 1、ES6的常用语法: 变量的定义,...[2020/12/14]

Vue3源码解析(computed-计算属性)

作者:秦志英 前言 上一篇文章中我们分析了Vue3响应式的整个流程,本篇文章我们将分析Vue3中的computed计算属性是如何实现的。 在Vue2中我们已经对计算属性了解的很清楚了,在Vue3中提供了一个computed的函数作为计算属性的API,下面我们来通过源码的角度去...[2020/12/14]

HTML5 body设置全屏背景图片的示例代码

用什么代码实现?不允许有白色底色产生,因为手机高度不一样 设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面 错误的写法:加到div中结合图片设置min-height,但是页面不会回弹 终极方案 html,body{ width:100%...[2020/12/14]

如何使用canvas绘制可移动网格的示例代码

本文主要介绍了如何使用canvas绘制可移动网格的示例代码,分享给大家,具体如下: 效果 说明 这个是真实项目中遇到的需求,我把它抽离出来,屏蔽了那些业务相关的东西,仅从代码角度来考虑这个问题。首先网格大小可配置,每个顶点是可以移动的。看到这个问题,不知道各位是怎么去思考的。就先来说...[2020/12/14]

Html5基于canvas实现电子签名并生成PDF文档

前言 电子签名通俗来说就是通过技术手段实现在电子文档上加载电子形式的签名,其作用类似于纸质合同上的手写签名或加盖的公章。虽然电子签名多年来合法性一直遭到质疑,但其在企业工作流审批、请柬、单据保全等场景应用广泛,最近的项目中就有这样一个手写签名并生成PDF文件的需求。 实现思路 ...[2020/12/8]

cookie的生命周期、访问限制、作用域、prefixes

cookie的生命周期 cookie的生命周期可以通过两种方式定义: 会话期cookie是最简单的cookie:浏览器关闭后会被自动删除。会话期cookie不需要指定过期时间(Expires)或者有效期(Max-Age)。需要注意的是,有些浏览器提供了会话恢复功能,这种情况即使关闭了浏...[2020/12/8]

uniapp自定义picker城市多级联动组件

uniapp自定义picker城市多级联动组件 支持多端——h5、app、微信小程序、支付宝小程序... 支持自定义配置picker插件级数 支持无限级 注意事项:插件传入数据格式为children树形格式,内部包含:id、name 参数 类型 描述 默认值 必选 ...[2020/12/8]

16个非常有趣的HTML5 Canvas动画特效集合

HTML5技术正在不断的发展和更新,越来越多的开发者也正在加入HTML5阵营,甚至在移动开发上HTML5的地位也是越来越重要了。HTML5中的大部分动画都是通过Canvas实现,因为Canvas就像一块画布,我们可以通过调用脚本在Canvas上绘制任意形状,甚至是制作动画。本文就是收集了...[2020/12/8]

3D网页小实验——将txt配置文本转化为3D陈列室

设计目标:借鉴前辈编程者的经验将简单的配置文本转化为3D场景,并根据配置文件在场景中加入图片和可播放的视频,最终形成可浏览的3D陈列室。 一、使用效果 1、txt配置文件: (博客园的富文本编辑器会改变txt文本的排版,所以用图片方式呈现文本) 第一行表示陈列室的每一层前后最...[2020/12/8]

uni-app开发经验分享八: 实现微信APP支付的全过程详解

背景 最近项目使用uni-app实现微信支付,把过程简单记录下,帮助那些刚刚基础uni-app,苦于文档的同学们。 整体来说实现过程和非uni-app的实现方式没有太大不同,难点就在于uni-app对于orderInfo的格式没有说明。 准备工作 申请了商户号,拿到了API秘钥。这个需...[2020/12/8]

uni-app开发经验分享九: 组件传值

一、父组件向子组件传值 通过props来实现,子组件通过props来接收父组件传过来的值! 1、逻辑梳理 父组件中: 第一步:引入子组件; import sonShow from ''../../component on.vue''; 第二步:在components中对子...[2020/12/8]

uni-app开发经验分享十: 封装request请求

uni-app开发经验分享十: 封装request请求

http.js 封装requset,uploadFile和downloadFile请求,新增get和post请求方法 let http = { ''setBaseUrl'': (url) => { if (url.charAt(url.length - ...[2020/12/8]

uni-app开发经验分享十一: uniapp iOS云打包修改权限提示语

uni-app开发经验分享十一: uniapp iOS云打包修改权限提示语

打包提交appstore如果用到了如下权限需要修改提示语,详细描述使用这个权限的原因,如不修改提示语appstore审核可能会被拒绝。 Apple的原则是,如果一个app想要申请用户同意某个隐私信息访问许可,需要给用户明确的申请权限的原因,能给用户带来什么价值。 所以要求开发者填写这个原...[2020/12/8]

uni-app开发经验分享十二: Android平台应用启动时读写手机存储、访问设备信息(如IMEI)等权限策略及提示信息

uni-app开发经验分享十二: Android平台应用启动时读写手机存储、访问设备信息(如IMEI)等权限策略及提示信息

Android平台从6.0(API23)开始系统对权限的管理更加严格,所有涉及敏感权限都需要用户授权允许才能获取。 因此一些应用基础业务逻辑需要的权限会在应用启动时申请,并引导用户允许。 读写手机存储权限 应用需要保存运行状态等数据到手机SD卡中,启动时需要获取读写手机存储权限,此权限...[2020/12/8]

56
2
记录数:927 页数:1/1912345678910下一页尾页
加载更多
 友情链接: NPS  问卷模板