
web
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互
Serena_tz
write less,do better️️️
展开
-
手机APP开发中遇到的一些问题
APP下载引导页H5开发,layer弹出层的应用,前端引导页使用插件js,谷歌浏览器如何开启暗黑模式,uni-app富文本图片存在间距的问题原创 2023-02-21 15:13:24 · 229 阅读 · 0 评论 -
JavaScript遍历数组和对象的方法
for in 循环,数组和对象都可以遍历,item为array的下标,或者object的key。for of只能遍历数组,item为数组元素的值。原创 2022-11-25 17:13:25 · 357 阅读 · 0 评论 -
web一些实用的网址(免费API、美图、实用工具)
高速稳定免费APi接口调用平台、保罗 API、墨天逸— 随机图片API、网易云音乐 API、韩小韩API接口站、Ten▪Api免费提供Api服务、AI人工智能图片放大、头像壁纸、小森平的免费下载音效、时光邮局、在线工具、键盘按键值、在线生成uuid、书签地球草料二维码等、爱资料工具原创 2022-07-15 11:42:11 · 40116 阅读 · 0 评论 -
TypeScript基本使用
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。安装 typescript:安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:然后执行以下命令将 TypeScript 转换为 JavaScript 代码:很多 IDE 都有支持 TypeScript 插件,如:Visual Studio,Sublime Text 2,WebStorm / PHPStorm,Eclipse 等。................转载 2022-07-12 16:25:16 · 1540 阅读 · 0 评论 -
移动端APP开发中遇到的问题(持续更新中...)
提前调用5+APi、设置titleNView、titleNView配置导航示例、uni-app发行成h5以后挂在5+APP的返回、修改原生导航titleNView的值不生效、原生导航设置边距、获取状态栏高度、安卓手机键盘抬起改变视口高度、判断机型,适配安全区域、手机底部适配、行为验证码原创 2022-06-10 16:15:51 · 679 阅读 · 2 评论 -
web前端编码规范/编码习惯❤️
处在第一位,因为他可以使一个元素脱离正常文本流,并且覆盖盒模型相关的样式。其他属性只在组件 内部 起作用或者不会对前面两种情况的结果产生影响,所以他们排在后面。不要将他们一起放到一个独立的样式文件中,或者丢在文档的最底部。过度使用属性简写往往会导致更混乱的代码,其中包含不必要的重写和意想不到的副作用。坚持限制属性取值简写的使用,属性简写需要你必须显式设置所有取值。为了提高代码可读性,在数学运算外增加括号,并且在取值,变量和运算符之间增加空格。在属性上,使用双引号,不要使用单引号。原创 2022-06-02 15:55:37 · 478 阅读 · 0 评论 -
前端开发可供参考的学习网址(官方库)
npm:https://www.npmjs.com/Express:https://www.expressjs.com.cn/BootCDN:https://www.bootcdn.cn/Vue.js:https://cn.vuejs.org/Swiper:https://www.swiper.com.cn/Animate.css:https://animate.style/Vant 3 :https://youzan.github.io/vant/#/zh-CN/Element :http.原创 2022-05-30 14:57:03 · 507 阅读 · 0 评论 -
web网页拖拽布局
今天看别人在搞网页的拖拽布局,很有意思的样子。https://github.com/JakHuang/form-generator以后可以看下。原创 2021-09-17 15:10:13 · 1229 阅读 · 0 评论 -
web网页添加天气插件(心知天气)
想在网页中加入一个天气预报,所以最近在尝试各种天气插件,心知天气,如风天气等都可以实现。我在网页中使用的是心知天气,具体的步骤如下:步骤1 注册账号并添加产品首先,在心知天气的官网(https://www.seniverse.com/)注册心知天气账号,成为心知天气用户。登录之后,进入【控制台】页面在侧边栏【产品管理】中点击【添加新产品】。步骤2 生成插件代码心知天气 V3 插件,会根据用户自己拥有的 API 产品权限的不同,提供不同的功能。权限越大则功能越丰富。因此,需要用户自行选择插件想要绑定原创 2021-04-19 15:25:55 · 9054 阅读 · 9 评论 -
在要跳转到详情页的卡片中实现多选、input便签无法阻止事件冒泡,勾选时即跳转页面
今天在一个需要点击跳转到详情页面的卡片列表中实现多选,在input的点击事件中使用事件对象的方法event.stopPropagation();方法阻止冒泡,但是在点击了多选按钮以后,直接跳转页面到详情页,也就是阻止冒泡并没有生效。搞了半天,在input标签的父元素div添加了一个事件然后阻止冒泡以后,点击选择框,多选可以实现,点击卡片的其余部分,页面能够跳转到详情页。...原创 2021-04-06 16:24:41 · 285 阅读 · 0 评论 -
web前端开发中获取数据失败回调函数弹出提示的重要性
前几天下班后跟踪一个系统的投产,测试环境和准生产环境都上了,确定没有问题,但是投产后,系统老是不请求数据渲染页面。先是排查后端那边部署的文件是否齐全,打印日志发现后端的接口根本没调。但是前端这边的代码也并没有更改过,按道理说,应该是没有问题的。因为是移动端的项目,又对接了沙箱,前端的错误提示没有办法通过控制台打印输出。后端接口没有调用,日志也打印不出,前前后后搞了三个多小时,硬是没有发现问题出在哪里。确定后端那边应该是没什么问题,所以考虑用alert()方法,直接将消息弹出,看前端代码执行到哪一步。顺原创 2021-04-01 11:53:37 · 680 阅读 · 4 评论 -
UI框架
现在手头的工作是用juquery手写的样式还有js,因为开发环境不允许打包,因此我在想是不是可以自己手写一个UI框架,将常用的功能组件封装起来,方便开发。这还只是一个小小的想法,希望有一天我可以实现吧!...原创 2021-03-26 12:33:49 · 143 阅读 · 0 评论 -
移动端开发的注意事项
目前,我手头的工作是PC端系统对接移动门户,基于jQuery开发,因此在工作过程中发现了移动端开发应该注意的问题。比如说,顶部导航条的粘性布局,主体内容部分的撑满整个屏幕。在开发之前我们应该想好布局,然后再动手写页面。首先我们禁用html和body的滚动条,然后在需要滚动的元素的样式中添加滚动条,主体内容显示应该高度为100%,继承body的高度。...原创 2021-03-26 12:30:59 · 213 阅读 · 0 评论 -
主流浏览器的调试工具
通常,您在浏览器中通过 F12 键启用调试,并在调试器菜单中选择“控制台”。否则请按照以下步骤:Chrome打开浏览器从菜单中选择工具从工具中选择开发者工具最后,选择控制台Firefox Firebug打开浏览器前往网页:http://www.getfirebug.com根据如下指令:如何安装 FirebugInternet Explorer打开浏览器从菜单选择工具从工具选择开发者工具最后,选择控制台Opera打开浏览器请前往网页:http://dev.op转载 2021-03-09 17:08:05 · 1119 阅读 · 0 评论 -
XSS攻击
一:什么是XSS攻击?XSS 即(Cross Site Scripting)中文名称为:跨站脚本攻击。XSS的重点不在于跨站点,而在于脚本的执行。那么XSS的原理是:恶意攻击者在web页面中会插入一些恶意的script代码。当用户浏览该页面的时候,那么嵌入到web页面中script代码会执行,因此会达到恶意攻击用户的目的。那么XSS攻击最主要有如下分类:反射型、存储型、及 DOM-based型。 反射性和DOM-baseed型可以归类为非持久性XSS攻击。存储型可以归类为持久性XSS攻击。...原创 2021-02-22 15:10:02 · 178 阅读 · 0 评论 -
web开发中代码编写应该考虑的问题【杂】
编写代码之前要先设计好,自己画一画,想好了才动手编写规范的代码,要考虑逻辑的清晰性、代码的可读性、代码的可维护性,方便之后代码的调试网站中的放置内容的元素,大多时候指定好宽度就行,元素的高度可以由内容的高度撑开网页布局中的每一个分区都用一个div包起来,划分区域考虑图片的溢出或者不占满空间。给img设置:width:100%;vertical-align:middle;获取元素的样式:window.getComputedStyle(this).getPropertyValue(“backgrou.原创 2021-02-05 10:14:12 · 247 阅读 · 0 评论 -
web前端编码规范
HTML语法在属性上,使用双引号,不要使用单引号。IE 兼容模式Internet Explorer 支持使用兼容性 标签来指定使用什么版本的 IE 来渲染页面。如果不是特殊需要,通常通过 edge mode 来通知 IE 使用最新的兼容模式。属性顺序HTML 属性应该按照特定的顺序出现以保证易读性。classid, namedata-*src, for, type, href, valuetitle, altrole, aria-*Classes 是为高可复用组件设计的转载 2021-01-28 09:51:06 · 399 阅读 · 0 评论 -
web前端代码规范
(一)CSS文件命名规范全局样式 :global.css布局、版面 :layout.css字体样式 :font.css按钮样式 :button.css主要的 :master.css专栏 :columns.css主题 :themes.css模块 :module.css基本共用 :base.css(二)页面结构命名内容/容器 : content/container页头原创 2021-01-05 16:56:33 · 240 阅读 · 0 评论