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请求
http.js
封装requset,uploadFile和downloadFile请求,新增get和post请求方法
let http = {
''setBaseUrl'': (url) => {
if (url.charAt(url.length - ...[2020/12/8]
uni-app开发经验分享十一: uniapp iOS云打包修改权限提示语
打包提交appstore如果用到了如下权限需要修改提示语,详细描述使用这个权限的原因,如不修改提示语appstore审核可能会被拒绝。 Apple的原则是,如果一个app想要申请用户同意某个隐私信息访问许可,需要给用户明确的申请权限的原因,能给用户带来什么价值。 所以要求开发者填写这个原...[2020/12/8]
uni-app开发经验分享十二: Android平台应用启动时读写手机存储、访问设备信息(如IMEI)等权限策略及提示信息
Android平台从6.0(API23)开始系统对权限的管理更加严格,所有涉及敏感权限都需要用户授权允许才能获取。 因此一些应用基础业务逻辑需要的权限会在应用启动时申请,并引导用户允许。
读写手机存储权限
应用需要保存运行状态等数据到手机SD卡中,启动时需要获取读写手机存储权限,此权限...[2020/12/8]
前端性能优化
序
大家是从什么时候接触性能优化的呢?
第一时间想到的又是什么呢?雅虎军规 ? 高性能javascript ?
性能优化没有标准答案,我们只能不断地把从搜索引擎和书中的知识付诸实践,这个过程是漫长且艰辛的
本文为总结记录学习修言大佬小册,感兴趣的同学可以购买支持正版
一切从一道面试...[2020/11/23]
如何将1rpx转为1rem
最近我在开发的过程中,出现了一个需求,我需要把开发好的小程序倒模成H5页面,这里就涉及一个布局单位问题,我们小程序用的单位都rpx,是按照750rpx铺满整个页面来算的,可H5又不支持rpx单位,这里在倒模页面的时候就碰到了一个问题严重的问题,我总不可能一个一个去算吧(真的太烦了),这里...[2020/11/23]
不定宽度元素排版及子元素固定宽高比问题
常见的排版自适应问题
什么情况需要做自适应呢?最常见的情况就是父元素的宽度不固定造成子元素排版改变。
我们根据不同的情况,做不同的适应。
固定个数,不固定大小
父级元素宽度改变时,子元素大小也随着改变,子元素的宽高参照同一标准计算的单位,例如vw以可视页面宽度计算,rem以html的...[2020/11/23]
Html5原生拖拽相关事件简介以及基础实现Html5原生拖拽相关事件简介以及基础实现
公司项目需求,要实现任务卡片在不同任务列表之间进行拖拽实现任务类别的更改。于是找了一下相关文章,稍微学习了一下。实现效果如下图。
拖拽实现
主要用到的是H5自带的拖拽效果。其实项目前端部分是使用React编写的,也是在使用H5实现了之后才了解到Dan Abramov大佬有个React...[2020/11/23]
关于HTML5+ API plusready的兼容问题
Android平台提前注入5+ API,支持在plusready事件前调用
在5+ Runtime环境中,通常情况下需要html页面解析完成后才会注入5+ API,执行的顺序为:
1. 加载html页面
2. 解析html页面(下载script/link等节点引用的资源,如j c 文件...[2020/11/23]
thymeleaf对string的处理
判断是不是为空:null:
<span th:if="${name} != null">不为空</span>
<span th:if="${name1} == null">为空</span>
判断是不是为空字符串: “”
<...[2020/11/16]
震惊!超详细的process.env前端环境变量配置教程震惊!超详细的process.env前端环境变量配置教程
前端环境变量配置
一、为什么要配置环境变量
在公司,一个项目一般会有开发版本、测试版本、灰度版本和线上版本,每个版本会对应相同或不同的数据库、API地址。为了方便管理,我们通常做成配置文件的形式,根据不同的环境,加载不同的文件。如果手动修改代码中加载配置文件的路径也可...[2020/11/16]
Python Flask Paginate数据分页插件(bootstrap4支持)Python Flask Paginate数据分页插件(bootstrap4支持)
详解:
Blueprint 这个是 flask 蓝图(blueprints) 概念的一个组建, 多个模块用这个管理比较方便
get_page_parameter() 这个默认值为 page, 也就是分页编号, 表示当前是第几页
users = User.find(...) 这个是查询具...[2020/11/16]
最右视频怎么去水印下载保存?最右视频水印解析网站
在最右中怎么保存没有水印视频?最右是搞笑视频软件,在这里有各种好玩的段子,各位知道在最右app中如何保存没有水印的视频吗?以下就是小编为大家整理的在最右中怎么保存没有水印视频教程方法。
在最右中保存没有水印视频教程
1、我们需要先找到自己想下载的视频,点击进入视频的播放页面, 然后...[2020/11/16]
Html5 meta 标签详解
HTML5 Meta 标签
Meta 主要标签
HTML5的meta标签有三个主要属性,分别是 name 属性,charset 属性和 http-equiv 属性。
属性
值
描述
charset
character encoding
定义文档的字符编码。
http-e...[2020/11/9]
elementui中el-input联想搜索框
1,html代码
<el-autocomplete
v-model="query.providername"
&n...[2020/11/9]
移动端轮播滑动效果(swiper实现)
swiper 官网地址:https: www.swiper.com.cn/
Swiper在移动端的实际应用(演示) https: www.swiper.com.cn/demo enior/index.html
https: blog.csdn.net/weixin_42931825/...[2020/11/9]
Cesium系统学习整理(一)
(一)Cesium的概念定义
Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile,CesiumJS是一个开放源代码Ja...[2020/11/9]
H5+ 操作手机日历
参考文章 https: ask.dcloud.net.cn/article/215 使用native.js操作安卓原生系统
https: blog.csdn.net/wenzhi20102321/article/detail 80644833 ...[2020/11/9]
WEB之CSS3系列笔记
WEB之CSS3系列笔记
CSS3属性选择器
属性选择器列表
选择符
简介
E[att]
选择具有att属性的E元素
E[att="val"]
选择具有att属性且属性值为val的E元素
E[att^="val"]
匹配具有att属性, 且值以val开头的E元素
...[2020/11/9]
只需简单三步,就能轻松下载Facebook上的视频
在过去的近一年里,Facebook的视频平台Watch取得了巨大成功——自2018年上线以来,人们在Watch上观看视频的时间增长了14倍。
Facebook的Watch平台为观众提供数以万计的高质量视频,兼顾教育和娱乐,令人印象深刻。同时它还提供许多独家视频,例如Huda Katta...[2020/11/9]
vue 中使用 iconfont
一、从 iconfont 官网下载图标库至本地
1、进入我的项目,将要使用的项目打包下载
2、下载到本地的文件是压缩形式,解压缩得到以下内容:
二、将本地库添加到 vue 项目
1、在 vue 项目 src/a et 创建 iconfont ...[2020/11/9]
HTML5的video元素HTML5的video元素
<video>标记语法格式如下。
<video src="url" controls="controls">替代文字</video>
属性
值
说明
src
url
要播放视频的URL
controls
controls...[2020/11/9]
H5+ API plusready的兼容
Android平台提前注入5+ API,支持在plusready事件前调用
在5+ Runtime环境中,通常情况下需要html页面解析完成后才会注入5+ API,执行的顺序为:
1. 加载html页面
2. 解析html页面(下载script/link等节点引用的资源,如j c ...[2020/11/9]
微博绿洲图片视频如何下载保存?免费微博绿洲图片保存到手机电脑的方法
微博绿洲app怎么保存图片?绿洲下载图片存到手机方法?微博和绿洲的视频图片怎么下载保存到相册?
微博绿洲社区保存图片和视频的方法
1、现在感兴趣的朋友,都可以下载“绿洲”APP,在其中虽然没有直接提供保存图片的功能,但却可以借助分享的方式进行保存,点击界面中的“分享”按钮(如下所示)...[2020/11/9]
ES6、Vue指令、 计算属性、绑定Class和Style、条件渲染、列表渲染、表单输入绑定(双向数据绑定)small_white-ES6、Vue指令、 计算属性、绑定Class和Style、条件渲染、列表渲染、表单输入绑定(双向数据绑定)small_white-
第十三章 Vue框架
13.1 ES6
ES6 是 ECMAScript 6.0 的简写,即 JavaScript 语言的下一代标准,已经在 2015年6月正式发布了,它的目标是让JS能够方便的开发企业级大型应用程序,因此,ES6的一些规范正在逐渐向Java、C# 等后端语言标准靠近。在...[2020/11/9]
npm(nodejs package manager)、webpack、Vue组件、Vue脚手架开发工具、Vue Router的使用、Vuex的使用、使用Django前后端交互small_white-
13.8 npm(nodejs package manager)
使用命令行安装包:
1. cd切换到项目目录下,执行初始化操作 npm init/npm init -y
2. 安装其他依赖包
npm install jquery
npm install jquery@1.11.13
...[2020/11/9]
WebSocket理解与使用
一、WebSocket 理解
概念: WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
特点: WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏...[2020/11/9]
将web项目打包成exe文件或者安装包步骤
1.nw.js下载地址:https: nwjs.org.cn/
2.新建配置文件package.json,放于根目录下
{ "name":"DDmSc", 这里的name属性很重要,类似唯一标示。不可少! "main"...[2020/11/9]
给萌新HTML5 入门指南
本文由葡萄城技术团队原创并首发
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。
HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员前端技术也成了必备技能之一,本篇文章的目的是为了帮助萌新的入...[2020/11/9]
微信小程序使用catch:touchstart会导致子元素bind:tap事件无法运行
在我们使用catch:touchstart时,是可以阻止遮罩层后的页面滚动,但是又带来另一个问题,就是子元素的事件失效,以点击事件举例:
使用catch:touchstart的代码
1 <view cla ="Mselect" catch:touchstart="prohi...[2020/11/9]
3dmax制作三维地图模型-3dmax制作室内三维地图和园区三维地图
1.制作软件:3Dmax
2.软件版本:以2017版本为例
3.安装插件
插件下载地址下载ESMap3Dmax三维软件插件包
将文件夹2017里面的所有文件放进3ds Max 2017/bin/a emblie 文件夹下,再次打开软件,会看到菜单栏右边ESMap,如下图所示。
首先...[2020/11/9]
2020/11/06学习日志
图像文件的格式很多,但一般在网页中使用的图片格式并不多,主要有GIF JPEG和PNG
GIF
GIF是 Internet 上应用最广泛的图像文件格式之一,是一种索引颜色的图像格式。该格式在网页中使用较多,它的特点是体积小,支持小型翻页型动画,GIF 图像最多可以使用256 种颜色 ...[2020/11/9]
html利用meta标签刷新页面
最简单的方法就是在HTML的head标签添加meta标签
例如:<meta http-equiv="refresh" content="10"/>
设置页面每10秒刷新页面
meta标签还有许多作用
原文链接:http: www.cnblog...[2020/11/9]
网页前端常用网络状态码列表网页前端常用网络状态码列表
网络请求编码表示会从你是否关注Request head的哪些内容入手,一般关注点放在statusCode和method上就够用,重点200,304。同时掌握了基础后希望注意的点为文件上传的内容(百度问过断点续传的实现)
200: ‘服务器成功返回请求的数据。’,...[2019/11/14]
单个视频播放控制&默认横屏播放
一、视频列表中控制只允许一个视频播放
获取DOM中所有的video标签
var videoTags = document.querySelectorAll('video');
控制播放的视频暂停
var pauseAll = function () {
改...[2019/11/14]
搭建Vue开发环境
1.安装Node.js
安装包下载地址: https: nodejs.org/en/
安装时可以选择是否自动安装必要的工具,如Chocolatey、Python2,这里我选择了自动安装
Node.js安装结束后,打开cmd输入 node -v ,回车,会输出node的版本号则...[2019/11/14]
HTML5实现无刷新修改URL
前言
今天在做一个vue的搜索功能,需要从搜索结果页面跳转到细节页面,然后点击返回还能返回到刚刚的结果页面,如果只用window.history.go(-1)当然会重新刷新搜索页面,当然是不行的。
我尝试了俩种方式来修改url:
window.location.href,拼接一个搜索...[2019/11/14]
vue 实现 rem 布局的 或者 vw 布局的方法
vue 实现 rem 布局的 或者 vw 布局的方法
一、实现 rem 布局
移动端
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-sc...[2019/11/13]
基于vue+uniapp直播项目|uni-app仿抖音/陌陌直播室
一、项目简介
uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5、小程序、App端) 且兼容效果一致。
二、效果预览
在H5、小程序、App端测试效果如...[2019/11/12]
HTML5播放视频,并使用ffmpeg对视频转编码
网页加入视频可以用h5自带的video标签,这里用一个jQuery封装优化好的video视频组件videojs。
videojs官方网站:https: docs.videojs.com/index.html
videojs下载:https: github.com/videoj vid...[2019/11/12]
去掉图片黑背景输出为透明背景
最近遇到了一个需求,是要去掉一张图片的黑色背景,如下图所示:
如果使用OPENCV ,加上一些图像处理的算法,是可以实现去除任何背景的。但是由于这个需求就是去掉黑色背景,感觉没必要用到哪些比较复杂的算法。
于是打算在网络上搜索了一下,开始没有搜搜到,倒是搜索到一篇用ps如...[2019/11/12]
iframe跨域的几种常用方法
背景
随着业务的发展,自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同,所以这个公共组件就不能方便地被引用了。为解决这个问题,我们把这个组件写成了单独的页面挂到一个域名下,其他项目采用iframe或者webview的方式去加载这个页面,从而实...[2019/11/12]
python基础知识和练习代码
1.编译:将高级语言源代码转换成目标代码(机器语言),程序便可运行。
? 好处:目标代码执行速度更快;目标代码在相同操作系统上使用灵活。
2.解释:将高级语言源代码逐条转换成目标代码同时逐条执行,每次运行程序需要源代码和解释器。
? 好处:便于维护源代码;良好的跨平台可移植...[2019/11/11]
前端学习日记 (三)前端学习日记 (三)
CSS的引入
在早期,如果要去定义一个H1的标题的颜色、字体、大小和其他的显示特征,就需要用到HTML中的font或其他样式的指令,H1只是一个结构指令所以光有它是不够的。因此如果有多个标签要去进行处理,就会造成样式的重复,后期维护的困难。
那CSS的出现就解决了这一类的问题,CSS...[2019/11/8]
HTML5部分基础知识
web前端开发
一个XML的简单应用
代码如下:
1 <?xml version="1.0" encoding="utf-8"?>
2
3 <svg width="500" height="300" xmlns="http: www.w3....[2019/11/8]
前端学习日记 (二)
form表单
使用时机当前后端有数据交互的时候用form表单
form表单提交数据的几个注意事项:
1.所有获取用户输入的标签都必须放在form表单里面
2.action控制着往哪提交
3.input\select\textarea都需要有name的属性,nane属性类似于字典...[2019/11/8]
vue-cli3使用svg
执行命令安装插件 npm install svg-sprite-loader --save-dev
在vue.config.js中,添加配置
module.exports = {
...
chainWebpack: config => {
...[2019/11/8]