自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 uniapp一套代码实现多端运行

uni-app 是一个使用 Vue.js 开发所有前端应用的开源框架,开发者编写一套代码,可发布到 iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)等多个平台。uni-app 使用 vue 的语法、小程序的标签和API。具有 vue 和微信小程序的开发经验,可快速上手 uni-app。uni-app 最大的特点就是一套代码编译以后多端通用,开发人员不需要在每个平台都单独开发一套代码就可以同时生成安卓、iOS、H5、小程序等等。

2023-08-14 18:23:16 1350

原创 从0到1搭建uniapp

UniApp是一款基于Vue.js框架的全端开发工具,可以实现同时开发多个平台(包括H5、小程序、APP等)应用的能力。使用UniApp,开发者只需要编写一份代码就可以快速地发布到多个平台,极大地提高了开发效率和用户体验。

2023-08-08 18:22:03 580

原创 grid布局

表示第一个列宽设置为 200px,后面剩余的宽度分为两部分,宽度分别为剩余宽度的 1/3 和 2/3。5、grid-template-columns: repeat(auto-fill, 200px)表示自动填充,让一行(或者一列)中尽可能的容纳更多的单元格。2、通过grid-template-colums设置容器的每列的宽度,并指定列数。通过repeat()函数可以将重复的列简写,设置容器为三列,每列的宽度为200。3、通过grid-template-rows设置容器的每行的高度,并指定行数。

2023-08-07 14:13:47 331

原创 腾讯云TRTC接入测试以及状态同步功能重点验证

腾讯云推出的实时音视频产品——TRTC(Tencent RTC),是一款主打低延时互动直播和多人连麦的实时音视频解决方案,支持低延时直播观看、实时录制、屏幕分享、美颜特效等能力,还能和直播 CDN 无缝对接,适用于互动连麦、语音电台、K 歌、大小班课、在线会议等众多业务场景。之前,自己调研过很多家的RTC解决方案,包括声网、腾讯云、阿里云、Zoom、百家云等。结合各家现在的一些现状,总结了一些自己的看法,希望能够分享给大家。

2022-11-26 20:09:20 1116 1

原创 Vue 整理

概述:Vue是一款前端渐进式框架,可以提高前端开发效率。特点:​ Vue通过MVVM模式,能够实现视图与模型的双向绑定。​ 简单来说,就是数据变化的时候, 页面会自动刷新, 页面变化的时候,数据也会自动变化.指令语法,用来解析标签(标签属性,标签体内容)在内联样式表直接调用 ,都以v-开头v-bind是单向绑定,用于动态绑定属性。简写:1.当元素的属性值要求为变量时,我们可以使用v-bind来修饰属性2.v-bind修饰的属性值里,可以写js表达式3.当 v-bind的属性值为对象时会将对象展开作为标签的属

2022-07-04 11:00:47 205

原创 初学Node

浏览器端的JS,受制于浏览器提供的接口。比如浏览器提供一个弹对话框的Api,那么JS就能弹出对话框。浏览器为了安全考虑,对文件操作,网络操作,操作系统交互等功能有严格的限制,所以在浏览器端的JS功能无法强大,就像是压在五行山下的孙猴子。NodeJs完全没有了浏览器端的限制,让Js拥有了文件操作,网络操作,进程操作等功能,和Java,Python,Php等语言已经没有什么区别了。而且由于底层使用性能超高的V8引擎来解析执行,和天然的异步IO机制,让我们编写高性能的Web服务器变得轻而易举。Node端的JS

2022-06-21 20:39:50 364

原创 画布canvas

canvas画布详细讲解,实现案例画心

2022-06-16 09:20:52 1917

原创 ES6第二讲

1.扩展运算符 相当于reset方法的逆运算,把数组转换为用逗号隔开的参数列表。应用:复制数组 var arr1=[1,2,3] ;var arr2=[...arr1];合并数组 var a=[1,2,3];var b=[4,5,6];var c=[7,8,9]; var e=[...a,...b,...c]; 此时e为【1,2,3,4,5,6,7,8,9】;Array.from() 将类数组对象转换为纯属组Array.of(a,b,c)将参数列表返回一个数组 相当于创建数组 但是Array.of(3)!=

2022-06-14 21:19:25 220 2

原创 ES6(第一节)

全称:ECMAScritpt6 2015年6月正式发布,JavaScript下一代语言标准,能够开发复杂大型的程序,成为企业级的语言。1.let声明的变量不能重复声明2.let声明的变量不能变量提升3.let是块状作用域4.使用let声明的变量不属于顶层对象1.用于声明常量,经常使用全部大写,(不是规则,而是一种默契)2.常量不能修改3.const是块状作用域4.使用const声明的常量也不属于顶层对象1.数组的解构赋值: var arr=[a,b,c]=[1,2,3],这里还可以给变量添加默认值ep:a=

2022-06-13 21:15:11 185 1

原创 Jquery--AJAX

ajax实现前后端交互效果,从JS取到后台的数据。一文快速学会AJAX.认识什么是AJAX,以及AJAX的作用。

2022-06-08 19:16:21 264

原创 DOM操作的简化——JQuery (jQuery实现手风琴案例)

今天来给大家介绍一下jquery,jquery使得我们在dom操作有了更简单更高效率的代码执行。jquery的用法基本上是在dom操作上进行的简单语法。大家先看一下思维导图,大致了解一下jquery的操作,然后我再给大家具体的介绍一下用法。...

2022-06-06 21:46:03 877

原创 oop面向对象.仿微信朋友圈案例

面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了;在面向过程我们前面可能学习到的就是c语言面向对象是把构成问题事务分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为。面向对象非常普遍,像JAVA,C++等等。1.封装:将一堆放法或属性放在一起2.继承:最大限度的重复代码3.多态:不同类的同名方法4.抽象:这个特点基本不用,但是有些面试中会给4个空,最后填抽象就好。构造函数:开辟内存空间。析构函数:释

2022-06-02 20:13:59 272

原创 触屏事件(移动端)

简单介绍一下触屏事件1.触屏事件 touchstart手指触摸屏幕时触发 touchmove手指在屏幕上滑动时连续触发touchend手指从屏幕上移开时触发 touchcanel当系统停止跟踪触摸时触发2.部分手势事件缩放 :pinchstart 缩放手势起点pinchend 缩放手势终点pinch 缩放手势pinchin 收缩pinchout 放大旋转 : rotateleft 向左旋转rotateright 向右旋转...

2022-05-25 20:10:07 1706

原创 存储与DMO2

存储 实现前后端交互效果 (cookie,localStorage,sessionStorage)

2022-05-25 19:59:03 160

原创 冒泡与捕获

冒泡事件与捕获事件,以及阻止冒泡事件 阻止默认

2022-05-25 17:58:19 5474

原创 JS实现城市选择(详细讲解,步骤清晰)

js实现城市选择功能

2022-05-23 18:53:38 4647

原创 event事件操作(侧边栏小火箭)

使用event事件,完成侧边栏火箭效果

2022-05-19 19:32:13 1480

原创 BOM操作

BOM操作

2022-05-19 13:59:23 1113

原创 JS实现轮播图

用JS实现轮播图

2022-05-17 19:46:44 7074

原创 DOM操作

DOM操作实现百度换肤的效果

2022-05-09 21:09:41 3658 1

原创 ES5总结

ES5的全面总结

2022-05-08 10:47:11 623

原创 JS阶段ES5

用JS简单实现动态效果

2022-05-05 19:39:01 182

原创 ES5 JS第二篇

JS第二阶段 实现计时器与Date事件相结合。以及增删改查数组

2022-05-04 19:56:41 192

原创 冒泡排序及随机函数(可能考到的面试题)

冒泡排序以及随机数排序(内含可能遇到的面试题)

2022-05-03 21:41:55 262

原创 ES5语法

ES5语法 逐渐进军JS

2022-05-02 20:08:10 692

原创 动画以及简单动画案例轮播图

动画效果丰富用户的使用体验,简单轮播图的使用方法在这里详细讲解,以及制作动画的思路

2022-05-02 19:45:51 2253

原创 H5新标签

H5新增标签(面试题标签语义化的作用)

2022-05-02 19:18:53 473

原创 html css 和js共同实现手风琴

手风琴的制作

2022-04-28 09:04:10 461

原创 好用的弹性布局

弹性布局的布局方式

2022-04-27 11:53:49 348

原创 定位position

定位的灵活使用,让布局更加完整

2022-04-24 20:41:03 530

原创 简单的网页制作

简单网页制作

2022-04-22 19:33:15 737

原创 表格与表单

表单与表格的制作,简单天气预报的制作过程

2022-04-22 19:19:34 463

原创 常见图文组合以及溢出隐藏

先给大家介绍几种常见的居中方式:文本垂直居中使用line-height=heght;可以实现。写在父级,子击中行元素,行块元素文本水平居中text-align:center;块元素相对于在父级水平居中:margin:0 auto;还有设置文本介绍时,文字内容会超出盒子宽度,这时可以设置文本多余部分隐藏,多余的部分设置为省略号。单行省略号:overflow:hidden;(溢出隐藏)text-overflow:ellipsis;(超出部分用省略号显示)whit-space:nowrap(不换行

2022-04-15 17:01:04 626

原创 导航栏的制作

我们在看到一些网页的布局中,浮动总是离不开身影,浮动目的为了完成实现水平布局,有一个良好的布局,背后一定藏着一个良好的思维,请看思维导图浮动为了实现水平布局的完成,在使用浮动之后元素脱离了文档流,使元素可以实现水平布局这时就通过float:left/right;进行自己想要的布局。浮动的特性:1.所有标签同排显示2.行标签适应所有CSS特性3.默认内容撑开盒子宽高4.元素脱离文档流加入了浮动之后,网页布局还有许多为了不影响以后的布局,所以一般我们要清除浮动防止父级元素无法检测到子级的存在,高

2022-04-14 17:18:22 4351

原创 神秘的CSS

css至关重要,有一个良好的思绪,才会有一个良好的布局,看一下css基础的思维导图:css的引入方式1.内部样式:在标签内部直接使用style进行标签的调试2.外部样式:在与html同一个代码框中添加<style></style>进行样式调试3.外联样式:添加标签<link>来引用css方式,在以后的项目制作中我们通常会使用这种方式,简单快捷。CSS常见样式一.背景背景我们经常使用,它可以使在图片上进行文字的使用,达到图文结..

2022-04-13 17:55:38 105

原创 常见标签(行标签,块标签,行内块标签)

标签分为行标签,块标签以及行内块标签,以下是标签分类的思维导图常见的行标签有<span>,<i>,<b>,<sub>,<sup>,<em>,<strong>,<a>在这里a标签有一个值得主义的属性<a target="_self">链接在当前页面打开,<a target="_blank">链接在新页面打开。行标签有它独特的特点:1.同排序跟显示,遇见父级边界会换行2.不支持宽高

2022-04-13 17:03:01 4418

原创 初学HTML

在html骨架中<!DOCTYPE html> 目的是用于html5的翻译,<meta charset="UTF-8">用于防止出现中文乱码。初学html首先接触到的就是盒子模型,在以后的开发中盒子模型也是重中之重,在此来给讲盒子模型简单的组成盒子模型的组成包括盒子的宽度、高度、边框、内外边距,一般会用到这些去调整盒子的样式例如:盒子大小为200*200像素的盒子,背景色以及边框,图中为边框的复合形式。边框也可以分开去写像border-style:soil.

2022-04-12 17:18:36 1774

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除