———— / BEGIN / ————PS：本文适用于移动端，Axure软件制作的文档型交互稿。交互稿应该包含哪些内容？如何搭建一个合理的交互稿结构？各个界面应该如何摆放？清晰易读的设计说明应该是怎样的？作为一个新人，很难完全弄清上面的问题。其实想要画出一份合乎规范的交互稿并不难，只需找前辈的稿子参考一下就能习得十之六七。但由于设计稿大多涉及企业机密，有着较强的产权属性，所以一般很难接触到。今天笔
前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。 这样通过服务器链接地址，直接可以在手机上点开来访问。打包全步骤如下：首先在manifest.json文件中进行基础配置，获取uni-app的ID号，填写应用名称，应用描述，版本名称以及版本号。一、点击进入manifest.json的h5配置里，根据自己的情况配置一些信息。但是不知道为什么我的基础配置里面没有h
朋友们！大家好！上一章我们完成了小程序项目的tabBar结构框架。今天，我们要做的是对样式做一些处理。 怎么做呢？so easy，就是对页面的样式进行初始化处理。通常情况下，我们写代码会用到通配符 ”* “，如下图中： 但是，在小程序中通配符是不能使用的，会报错！这个小tip 我们之前也重点强调过哈~~大家牢记哦~~ 所以，我们在小程序中是通过手写标签名
3.CSS样式（1）字体样式color 字体颜色（red、blue、#fff...）font-family 字体形态（"微软雅黑"、"Microsoft YaHei"、"宋体"、serif...）font-style 字体是否开启斜体（normal、italic）font-weight 字体粗细（thin、normal、bold、bolder、100~900）font-size 字体大小（浏览器默
转载
2024-10-28 19:48:06
22阅读
第一次在这里发博客，还不太熟练。希望能记录下自己的学习和成长过程。欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，
Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。A.基本原则符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span等无特定语义的标签使用），结构表现行为
转载
2024-05-17 19:40:16
23阅读
前端开发对于现在的互联网企业而言，是一个非常重要的岗位。随着市场竞争状态日益严峻，企业对于前端工程师的技能要求也在逐步提升。这就要求前端工程师涵盖的知识面非常广，既有具体的技术，又有抽象的理念，从而把网站界面更好地呈现给用户。那么HTML5前端工程师需要具备哪些能力呢？下面，千锋上海小编就给大家介绍一下。 1、熟练而全面的掌握前端技术 优秀的前端开发工程师要在知识体系上既要有广度和深度。如
转载
2024-07-17 21:09:40
43阅读
HTML5新的语义标签尽管有很多的好处，但是在低版本的老IE浏览器中还是存在兼容性问题的，常常让人感到头疼，到底是大胆的使用新标签还是使用传统的大量的DIV无义标签？今天就简单的看看H5新标签的兼容性处理方式。 首先来看一小段简单的代码：HTML代码：1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4
变量的作用域 局部变量：在函数内部定义的变量，这个变量只能在函数内部使用，在全局当中不能使用。使用就报错了。 var a=1;
function localval() {
var a=2;
alert(a);
}
localval();
alert(a); 全局变量：在函数外部定义的变量，这个变量可以在全局使用，但是我们一般不能推荐使用全局
1.开发移动端，头部必要的配置
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">（各属性值不在介绍，在开发中小米（2016年小米4）测试user-scalable=no是不起作用的）
2.rem的使用设置根节点的font-size,开发过程中是用Js计算的。
公式 3
关于微信安卓端网页字体适配的通知 微信安卓版 7.0.10 版本起，网页的字体会跟随微信设置里的字体大小更改而变化。当用户修改微信客户端字体大小后，微信公众号网页的适配就会变得非常繁琐，Android 系统设备有 8 级字体大小，IOS 系统设备有 7 级字体大小，尤其将字体放大到最大一级后，页面会出现布局错乱的问题。我通过将 Android 系统设备微信的字体设置到最大后，查看了小米购物车页面：
介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。目前支持的小程序有支付宝小程序、微信小程序、百度小程序、头条小程序。 官网官网：https://www.dcloud.io/文档：https://uniapp.dcloud.io/README为什么选择uni-app?跨终端数量多1、一套代
转载
2023-11-29 15:11:24
35阅读
一、今日的进展PS：以下内容说的是H5端的真机调试环境，app端的会在文末给出1.知道了uni-app应该如何调试手机端的应用，但仍有一些问题 还是要依赖浏览器，不过是Chrome浏览器，需要在手机端和电脑端配置一个版本相同的Chrome浏览器，通过USB数据线将两台设备相连，再在Chrome地址栏输入chrome://inspect/#devices
转载
2023-12-17 16:04:22
364阅读
1、概述移动端屏幕大小不一，要使网页能自适应不同尺寸的手机屏幕，而且还要尽可能开发便捷，目前使用最多的还是rem大法，相对比较成熟，而新兴的vw方案也可以一试。 本文主要介绍rem和vw两种方案的使用配置方式。2、meta设置首先移动端要设置好视口，使视口的宽度等于设备屏幕宽度，这样浏览器识别后就认为该网页是移动端网页，同时也就不再有点击300ms延迟的问题了：<meta name="vie
转载
2023-09-01 07:55:38
234阅读
一、H5 的meta viewport<meta> 标签是 HTML 语言头部的一个辅助性标签，我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等，今天重点来说一下viewport。语法：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-
转载
2024-04-21 13:22:21
939阅读
前言在讲解适配方案之前，我们聊聊为什么要做适配？因为视口、逻辑像素、分辨率这些变量的不同，在每个设备展示都不一样，需要一种方案来统一。物理像素：也就是分辨率，一个物理像素是显示器上的最小的物理显示单元，所以分辨率越高，屏幕可展示的像素点越多，也就更清晰。逻辑像素：也叫设备独立像素，可以认为是计算机坐标系统中的一个点，这一个点代表可以由程序使用的虚拟像素（css像素），然后由相关系统转换为物理像素。
转载
2024-10-31 20:36:21
150阅读
HTML笔记1(初级)文本元素
h元素
h1至
h6 ：一到六级标题<
h1>标题</
h1>p元素p元素是段落元素，表示段落，即pargraphs<p>段落的内容</p>在一些测试界面中需要批量生成一些单词，则可以使用loren来生成一定数量的乱数假文。乱数假文，没有实际含义的文字例，输入lorem1000 则是批量生成1000个乱数假文span元素 【无语
关于对Web前端的学习，众所周知，基础知识需要牢牢掌握。项目经验需要大量积累，二者缺一不可。然而提到切图对Web前端开发的影响，却鲜有人知。下面，千锋就相关切图问题给大家做下系统地梳理。 首先，我们先来简单了解下切图的历史。Web 2.0的时期，最流行的趋势就是大字体、鲜艳色、高光和倒影，甚至许多人没有自己的想法，盲目去追求，致使Web 2.0的网站变得千篇一律。这时有一些前卫的人，把平面设
今天继续说一下使用uniapp开发app遇到的坑----ecahrts直接导致手机模拟器白屏。之前使用h5开发，然后通过hbuilderx打包成跨端app，此时的app类似h5套壳，本质上应该仍然是浏览器访问h5。这时候项目中使用的插件echarts可以非常正常的显示。
然后将echarts搬到uniapp后会发现，一边开发一边通过浏览器看，会觉得很不错，打开手机模拟器，一片空白！！！
浏览器一切
转载
2023-07-26 05:00:16
1088阅读
1 、manifest.json配置：2、发行3、直接找到这个包，发给运维部署即可。（不要本地打开这个html文件，可能打不开，但是按照上述配置也是可以打开的）
原创
2022-11-18 00:08:41
572阅读
