前端
宝藏女孩的成长日记
网安硕士在读,欢迎交流,愿不吝赐教!
展开
-
前端如何设置背景颜色的透明度 css中的 rgba() 函数详解 :background-color: rgba(255,192,203,0.3)
目录前言rgba() 函数 详解再分享一个小技巧哈哈哈前言今天在开发移动端的时候感觉没背景颜色有点丑,再加上自己做的是蛋糕app,觉得暖色应该会很好看,于是就用了这行代码background-color: rgba(255,192,203,0.2);实现的效果如图:接下来就介绍如何使用css中的 rgba() 函数rgba() 函数 详解rgba() 函数使用红®、绿(g)、蓝(b)、透明度(a)的叠加来生成各式各样的颜色。rgba 即红色、绿色、蓝色、透明度(red, green, b原创 2020-12-14 17:19:21 · 13849 阅读 · 21 评论 -
连接真机开发安卓(Android)移动app MUI框架 反馈意见、忘记密码、登录、底部选项卡、联系我们、导航等页面代码可拿——混合式开发(六)
一、问题反馈从代码中我们可以看到feedback的样式没有拿过来,在新建的HelloMUI项目里面找到feedback.html,直接复制粘贴到自己的项目中记得改下 下面的路径哈哈哈feedback.html<!doctype html><html lang="en" class="feedback"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="原创 2020-12-12 18:39:04 · 4155 阅读 · 10 评论 -
连接真机开发安卓(Android)移动app MUI框架 完善购物车订单等页面——混合式开发(五)
这周真的太忙了,就连写日记和更博洗头发的时间都没有,还好已经收到满意的结果。现在开始要完善项目了,哈哈哈,和我的小粉丝们一起加油!冲冲冲!!!今日主题:冲冲冲一、今日特价页一、今日特价页哈哈哈,这个可以见机行事,我也是突发奇想想做个特价页...原创 2020-12-02 15:18:41 · 3528 阅读 · 11 评论 -
连接真机开发安卓(Android)移动app MUI框架 添加购物车等——混合式开发(四)
一、完善登录页面的功能二、商品列表2.1之前的前端代码2.2通过js从后端拿到的数据三、商品明细四、加入购物车添加注册账号和忘记密login.html<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no原创 2020-11-24 20:50:10 · 4838 阅读 · 16 评论 -
连接真机开发安卓(Android)移动app MUI框架——混合式开发(三) (连接后端)
分享今天看到的两句文案:我们必须全力以赴,同时又不抱持任何希望。不管做什么事,都要当它是全世界最重要的一件事,但同时又知道这件事无关紧要。我要赚很多钱,要读很多书,要走很多路,我要照亮你整个世界。终于要从伤心的日子中走出来了,心情就像今天重庆的天气一样好!又有新的感悟,漫漫学习路,任重而道远,共勉!——来自一个文艺的程序媛,下面开始正题。原创 2020-11-14 20:55:36 · 2222 阅读 · 5 评论 -
连接真机开发安卓(Android)移动app MUI框架——混合式开发(二) 带你项目开发(最新版)
今天是很丧的一天,做什么都提不起兴趣,不知道何时才能做到道家的“无为,而无所不为”,也无法理解范仲淹的“不以物喜不以己悲”。可是再没兴趣,学习还是要继续!!!为了让自己放松,去趟博物馆,不但没有起到放松心情的作用,反而累得自己腰酸背疼。苦逼的几天,害,接下来还是干正事!一、前提打开我们的HBuilder回顾一下我们前面的知识,详细点击这里为了借助MUI框架,我们需要建一个模板文件二、模板文件的创建新建一个移动App自己命名,这里选择Hello mui项目这样模板就建好了,先放这里三、原创 2020-11-09 18:46:18 · 4257 阅读 · 33 评论 -
连接真机开发安卓(Android)移动app MUI框架——混合式开发(一) (敲详细)
从接触安卓开发的第一天起,我想我已经爱上了开发,哈哈哈,愿你我坚持下去的理由都是热爱,共勉!这几天没有更新博客,是因为我学习去了(没有相见的日子,我在努力哈哈哈)。有想过用模拟器来运行的,但是模拟器太占内存,而且感觉没有真机体验感好,于是直接上真机。为了把这篇文章写好,我在多台电脑上都试过了哈哈哈,希望可以帮助到更多的和我一样的友友们。原创 2020-11-05 08:17:41 · 5530 阅读 · 45 评论 -
js实战代码系列—带你玩jQuery带你飞
有人说现在前后端分离,都不用jQuery了,但是目前大量网站在用jQuery,我看到一篇比较好的文章,学习jQuery很有必要!比如我们可以在招聘网上面看,很多公司都要求会jQuery。专业老师说了一句话:打基础的时候是很枯燥的,要耐得住寂寞。哈哈哈哈,其实我的感觉是这样,每天坐在电脑前面一天就过去了,希望对待学习我们有这样的态度:我自是年少,韶华倾负。下面给的这些模板,哈哈哈哈 其实不一定只会这个,要学会举一反三,当遇到类似的时候就可以用上哈哈哈。好了,我要开始带你在jquery的世界里飞了!原创 2020-10-29 11:04:52 · 3901 阅读 · 33 评论 -
js实战代码系列—周杰伦给你报时间+网页页签制作模板+jQuery初体验
等到下次需要用的时候,可以回来找模板用哈哈哈哈!刚碰jQuery,今天是个好日子,明天继续学jQuery,明天也是个好日子。目录周杰伦给你报时间页签制作什么是jQuery?接口文档jQuery初体验周杰伦给你报时间发现了这张图和显示时间还有点相配,哈哈哈~我伦:我是一个没有感情的报时器哈哈哈哈哈哈哈哈哈哈~~我寻思着怎么才能让周杰伦看到我。。。<!DOCTYPE html><html> <head> <meta charset="UTF-8"原创 2020-10-27 21:24:38 · 4593 阅读 · 43 评论 -
心情再差,也还是要拿起我的 JavaScript 实战重点代码
昨天与国家奖学金失之交臂,伤心的哭了一晚上,生活也还是要继续,抹完了眼泪今天继续干我的JavaScript!目录一、JavaScript的几个常用函数实战下载框制作一、JavaScript的几个常用函数typeof函数查看变量类型typeof(变量名)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head>原创 2020-10-25 13:56:45 · 13377 阅读 · 73 评论 -
一篇文章带你快速入门JavaScript(实操代码)
目录一、前提简介1.1什么是JavaScript1.2JavaScript和Java语言的区别1.3Html、Css和Javascript1.4Javascript作用二、实操代码2.1Javascript写在本html内2.2Javascript可以写在单独的文件中(外联方式)2.3实战:点击一个盒子,让另外一个盒子变色2.4实战:一个按钮绑定一个事件2.4实战:变换皮肤一、前提简介1.1什么是JavaScriptJavaScript是一种动态的计算机编程语言。它是轻量级的,最常用作网页的一部分,其原创 2020-10-20 22:29:35 · 6776 阅读 · 38 评论 -
CSS中z-index属性的简单理解
总之就是一句话:拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #father{ position: relative; } #box1{ color: red; f原创 2020-10-08 19:46:33 · 1478 阅读 · 8 评论 -
CSS中定位(带你实操代码掌握固定定位、绝对定位与相对定位(子绝父相))
CSS中子绝父相布局概念及其区别概念大部分情况下都会使用这个口诀:子绝父相就是指子元素设置绝对定位,而父元素设置相对定位区别绝对定位的参照物就是父级元素,当父级元素中不存在相对定位,那么它的参照物就是body;相对定位的参照物是本身。绝对定位,设置后,原来的位置会被后面的内容占据;相对定位,设置后,原来的位置始终保留着。绝对定位position: absolute;查找定位的参照物方法:从当前元素开始往上找,直到找到一个具有定位属性的元素为准,以这个元素为参照进行定位。如果没有一个原创 2020-10-08 15:12:34 · 1329 阅读 · 0 评论 -
一篇文章带你实操代码理解盒子模型
目录一、盒子模型的几个关键词二、盒子有尺寸,用CSS写法为宽度(width)和高度(height)三、盒子有边框,用CSS写法为上下左右边框(border)3.1边框线型 border-style3.2边框颜色3.3边框的复合属性3.4单独控制上下左右边框3.4.1上边框 border-top3.4.2下边框 border-bottom3.4.3左边框border-left3.4.4右边框border-right四、盒子有内边距,用CSS写法为上下左右内边距(padding)4.1padding的复合属性4原创 2020-10-05 21:22:01 · 3035 阅读 · 10 评论 -
手把手教你如何下载大厂页面的字体——开发
在商城开发中,有些网上比较好看的字体想要下载该怎么办呢?接下来详细介绍一下拿小米商城举例:https://www.mi.com/这个搜素框中的搜索符号其实是一种字体,那么如何来下载这种字体呢?步骤:右键——》点击检查——》Network——》Font——》点击一下你要下载的字体——》点击一下date:application复制这段文字 。注意:方框中的不要,连逗号都不能要到这里结束接下来将base64格式的字体信息解码成可用的字体文件进入这个网址解码:https://www.motob原创 2020-10-04 11:59:36 · 1183 阅读 · 3 评论 -
实操代码带你理解CSS中的常用选择器(你值得掌握!)
在CSS中,我们要给一个元素定义样式,首先得把这个元素选出来,我在网上看了很多文章,再结合老师所讲的精华部分将平时比较常用的选择器整理出来分享给大家,哈哈哈一起学习一起进步!目录通配符选择器ID选择器类选择器标签选择器后代选择器子代选择器组合选择器伪类选择器(重点)通配符选择器(*)表示选择所有的元素。 *{ margin: 0; padding: 0; } /*设置所有的HTML标签的外边距和内边距为0*/ID选择器(#ID)给元素添加一个id属性,在样式原创 2020-10-03 20:11:35 · 2636 阅读 · 11 评论 -
如何提高写前端的效率?干货,快进!
我们在写前端的时候,面对重复代码的时候,很多时候就会复制粘贴,实际上可以通过技巧来提高写前端的效率。接下来将介绍几个常用的提高效率的技巧原创 2020-09-30 20:24:08 · 3580 阅读 · 7 评论 -
html如何制作一个漂亮的表格?+ 列表制作 + 表单制作(干货!直接收代码)
html如何制作一个漂亮的表单?列表的三种形式+表单制作(传统以为post提交看不见密码,而右键检查是可以看到的)原创 2020-09-28 18:55:53 · 13544 阅读 · 1 评论 -
html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题(干货!)
目录文本格式化标签b标签和 strong标签i标签和 em 标签small标签big标签u标签del/s标签sub标签sup标签多媒体标签文本格式化标签b标签和 strong标签<b> <strong>标签呈现粗体文本效果。注意: html5中建议使用<strong>而不使用 <b>,追寻语义原则i标签和 em 标签<i> <em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来原创 2020-09-28 16:02:50 · 899 阅读 · 2 评论 -
前端重要的H标签详解(干货!)最新版
目录重要的H标签主要标签h系列标签主要用来做标题。h1到h6 依次缩小。p标签:段落。div标签:表示大的容器。span:放一些文本。a标签:超链接。img标签:增加背景图片块级标签和行内标签重要的H标签主要标签h系列标签主要用来做标题。h1到h6 依次缩小。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head&g原创 2020-09-23 20:51:01 · 16332 阅读 · 22 评论 -
前端面试题(重点整理):谈谈你对web标准和W3c的认识、什么是ECMA、什么是html、浏览器和开发工具介绍
目录一、对web标准和W3C的认识1.1 web标准1.2 W3C的认识二、什么是ECMA三、什么是html四、浏览器和开发工具介绍4.1 浏览器介绍4.2 开发工具介绍一、对web标准和W3C的认识1.1 web标准所有的html标签都要小写。这些标签都是成双成对的。(准确的说是这些标签都要关闭)。标签可以嵌套,但是不能交叉嵌套。1.2 W3C的认识W3C: 万维网联盟主要负责web标准制定,html5就是他们制定的标准。(html/css这些写法)二、什么是ECMAECMA是Eu原创 2020-09-23 20:06:57 · 3141 阅读 · 4 评论 -
web前端页面——移动端简单登录页面、下拉菜单(代码详细注释)
今天跟着专业老师复习了一下前端,感觉好多都已经忘记了,我将今天复习的一些重点整理出来。移动端简单登录页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0;/*外边距为0*/ padding: 0;/*内边距为0*/原创 2020-09-23 19:26:08 · 4431 阅读 · 3 评论