前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

稍微整理了几个经常在H5移动端开发遇到的东西

不用说我也知道,此类文章太多太多了,常见的譬如:

viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影(这个我觉得真没必要去掉,用户点击是需要反馈的,而这个背景色刚刚好提供了一种反馈)等等,太多啦,这些相信大家百度一下就可以查到很多资料

本篇文章主要是讲一些其他的或者优化手段。内容不多

1. 弹出数字键盘

<!-- 有"#" "*"符号输入 -->
<input type="tel">
<!-- 纯数字 -->
<input pattern="\d*">
复制代码

环境光遮罩SSAO

1.概述

环境光遮蔽(Ambient Occlusion,AO)是一种用于渲染场景中仅以环境光照明时所产生的软阴影。AO描述表面上每个点"可接触光线"的程度。在某些表面上并不接收直接光照,而是接收间接光照。在现实中,光线会以任意方向散射,它的强度是会一直改变的,所以间接被照到的那部分场景也应该有变化的强度,而不是一成不变的环境光。AO的原理就是将某些只接收环境光照的表面变暗。

odoo14 使用ir.actions.client 自定义弹窗内容

ir.actions.client 介绍

ir.actions.client 是odoo actions事件的一种,触发一个在客户端实现(即js文件中定义的函数,通过core.action_registry.add(tag,函数名) 注册到odoo中)动作


  • tag -- action在客户端的标识符,一般是一个专用的字符串,在js文件中注册该动作时指定。

Vue 3 Teleport:掌控渲染的艺术

title: Vue 3 Teleport:掌控渲染的艺术 date: 2024/6/5 updated: 2024/6/5 description: 这篇文章介绍了Vue3框架中的一个创新特性——Teleport,它允许开发者将组件内容投送到文档对象模型(DOM)中的任意位置,即使这个位置在组件的挂载点之外。Teleport旨在解决某些特定场景下的布局和嵌套问题,如 modal 对话框、弹出框或注入全局头部等。通过使用Teleport,可以更灵活地管理这些特殊组件,同时保持应用程序结构的清晰。文章可能会详细讲解Teleport的工作原理、使用方法及其对应用性能和测试的影响。 categories:

php手把手教你做网站(二十一)vue使用wangEditor富文本编辑器

1、npm安装

安装过程比较简单,不做重复,说一下使用过程遇到的问题

  1. 如果编辑器放到了table td内,会发现插入分隔线(也就是插入hr)不好用,没有找到在哪里改,换一个方式去实现:直接使用editor.config.menus = []加载我们使用的菜单,主要是为了去掉splitLine(分隔线),然后使用自定义扩展菜单创建新的分隔线菜单;

一款惊艳的Web画廊插件,各大Web框架都支持——lightGallery

介绍

今天给大家介绍一个非常优秀的Web端实用插件——lightGallery,它是一个用于在Web端制作精致的画廊(Gallery)的工具库,可用于原生、React.js、Vue.js、Angular以及支持TypeScript,Vue版本只支持到最新的Vue3的版本,在Vue2的版本中需要一些特殊手段!




(自适应手机版)全屏滚动装修装潢公司网站模板

(自适应手机版)全屏滚动装修装潢公司网站模板

PbootCMS内核开发的网站模板,该模板适用于装修公司网站、装潢公司网站类等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可;

自适应手机版,同一个后台,数据即时同步,简单适用!附带测试数据!

友好的seo,所有页面均都能完全自定义标题/关键词/描述,PHP程序(php≥7.0,<8.0),安全、稳定、快速;用低成本获取源源不断订单!

vue视频播放器插件vue-video-player(h5)

安装

npm install vue-video-player --save

全局引入(main.js)

一名攻城狮都必须懂的前端性能优化

从输入URL加载起看方向

从输入 URL 到页面加载完成的过程:

  1. 首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来
  2. 接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两端的端口号,然后下发给网络层。网络层中的 IP 协议会确定 IP 地址,并且指示了数据传输中如何跳转路由器。然后包会再被封装到数据链路层的数据帧结构中,最后就是物理层面的传输了

使用这种技巧,可以大大地提高前端布局效率

在布局中,对于每块功能的 DOM 结构,我们一般使用一个带有 wrapper 类元素把它包裹起来,让代码或者网页内容更易于阅读。为此,我们一般使用wrapper 或者container。在CSS 中使用wrapper可能有多种方式,这些方式中,有些会带来一些问题。

在本文中,将介绍 CSS中 的 wrapper 布局,它们如何工作,如何使用它们以及何时不使用它们。请注意,在本文中,可能会提到wrapper 和container这两个术语,它们的含义相同。

<< < 1 2 3 4 5 6 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言