登录社区云,与社区用户共同成长
邀请您加入社区
区别:axios是通过Promise实现对ajax技术的一种封装,就像jquery对ajax的封装一样,简单来说就是ajax技术实现了局部数据的刷新,axios实现了对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios优缺点:ajax:1、本身是针对MVC编程,不符合前端MVVM的浪潮2、基于原生XHR开...
<div class="wg-marquee-up"></div>.wg-marquee-up {height:300px;-webkit-animation: marquee-up 5s linear infinite;-ms-animation: marquee-up 5s linear infinite;-o-animation: marquee-up 5s line
While Flutter has an enormous amount of amazing packages for creating animation effects for your apps, there are also built-in methods for manually creating more fine-tuned animations.尽管Flutter提供了大...
vue 移动端 安卓手机出现 lineheight=height 垂直不居中问题建议采用 弹性布局的方式 实现居中display:flex;align-items:center;justify-content:center;
效果图:https://soft.clbug.com/效果1:背景图背景虚化。先在背景图设置好图片背景,再在body下的div加上一层背景虚化即可。body{background: url("https://soft.clbug.com/wp-content/uploads/2021/03/adqib-5qb3v-120x120.png");background-size: cover;backg
一、浏览器兼容Internet Explorer (IE)Safari (ios) ( Safari)Mozilla Firfox (Firefox 火狐)Google Chrome (Google)Opera (Opera)最早:Netscape Navigator网景全页航者(1994-2008 “NN”)二、五大浏览器内核代表作品Trident:IE Maxthan, 腾讯,360,Thew
移动端1.移动端基础1.1浏览器现状PC端常见浏览器360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端浏览器UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360安全浏览器、谷歌浏览器、搜狗手机浏览器、猎豹浏览器、以及其他的杂牌浏览器。1.2手机屏幕现状移动端设备屏幕尺寸非常多,碎片化严重。Android设备有多种分辨率:480×800、480×854
第一章:响应式设计基础1.1 什么是响应式设计简单说,响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是4英寸安卓手机,iPad mini,还是40英寸的影院级显示器,你都将获得最优秀的浏览体验。对比一下静态页面与响应式设计的网站在不同设备上的显示效果:最好的响应式网站基本上使用流体网格、自适应图像和CSS来改变网站的设计,并根据浏览器的宽度进行渲染。对于设计者来说,
熟悉 R 绘图的...
SearchAnimeView2.gif核心思路:利用PathMeasure,不断截取片段来画到canvas上/*** 搜索动画效果2*/public class SearchAnimView2 extends View {private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);//搜索图标的圆的半...
背景页面中使用了 background-attachment:fixed; 来控制背景图不随内容的滚动而滚动,使其固定大小。在PC端可以起作用和一些安卓的机器上能够起作用,但是在iphone上没有效果。原因固定背景导致重绘的成本很高,并且滚动表现也不尽人意,所以在一些移动端是被禁止的。解决方案&::after {content: '';position: fixed;z-index: -1
苹果IOS系统的毛玻璃效果非常绚丽,自己也想在HTML5中实现同样的效果css3中可以使用blur来实现这种效果:.blur {-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(
本文首先介绍了问卷调查系统的技术发展背景与发展现状,然后遵循软件常规开发流程,首先针对系统选取适用的语言和开发平台,根据需求分析制定模块并设计数据库结构,再根据系统总体功能模块的设计绘制系统的功能模块图,流程图以及E/R图。然后,设计框架并根据设计的框架编写代码以实现系统的各个功能模块。最后,对初步完成的系统进行测试,对功能、单元和性能进行测试。测试结果表明,该系统能够实现所需的功能,运行状况尚可
1.安装axiosnpm install axios -save2.main.js中引入 以及配置axios// 引入axiosimport axios from 'axios'// 修改axios的baseURL 这里是的 /api 是vue.config.js里面的 proxy下的 apiaxios.defaults.baseURL = '/api'// 定义它们使其在每个Vue实例中可用Vu
android dialog 设置圆角
通过GET方式发送有参请求方法一:通过附加ID直接获取方法二:parmas{ },多参传递通过Post方式发送有参请求
需要在该元素上添加以下css.class[contenteditable] {-webkit-user-select: text;user-select: text;}
在上文,我们创建了图形后,可以使用obj.set()方法变更图形对象的属性。那么要实现动画效果,肯定要类似地定义好动画的起始状态,这样才能转化成一帧帧动画。当我们在画布上渲染出一个图案的时候,就相当于已经创建了初始的那一帧。那么要能计算出动画,则需要再定义下变化的属性(也就是定义出结束的状态。)为了简洁起见,创建的图案对象我都使用obj代替。
windows常见内置中文字体字体中文名 字体英文名宋体 SimSun(浏览器默认)黑体 SimHei微软雅黑 Microsoft Yahei微软正黑体 Microsoft JhengHei楷体 ...
最近使用uniapp开发,有些组件渲染之后会生成一些标签,需要修改生成标签的样式。比如<uni-data-picker > 等组件,自定义类名还是加重权限均无法覆盖原有样式,解决办法如下:style标签上加scoped,同时类名前加/deep/ 穿透,即可覆盖原有样式/deep/ .input-value-border{border: none;}...
在实现页面的时候验证码输入的场景是比较常见的,如果使用一些前端 UI 组件会有这样的组件,可一些情况下需要自己去实现。比如小程序,如果过多依赖组件库,在一个小程序中仅使用一个组件库还好,引用组件多了会受到包大小的限制打包不了,所以一些效果和样式能自己写尽量自己写(仅限简单的,不建议重复造车)。
设置AppBar属性:flexibleSpaceAppBar(title: const Text('XXXXX', style: Styles.pageTitle),centerTitle: true,flexibleSpace: Container(decoration: BoxDecoration(gradient: LinearGradient(colors: [Color
谈谈axios配置请求头content-type现在前端开发中需要通过Ajax发送请求获取后端数据是很普遍的一件事情了,鉴于我平时在撸码中用的是vue技术栈,今天这里来谈谈我们常用的发Ajax请求的一个插件—axios。> 现在网上可能发送Ajax请求有很多种插件,每种用法可能略有差异,大家只需挑选一种自己喜欢的即可。毕竟现在还有很多人使用jQuery,$.ajax用法也是很多了。开始因为需
近期在做一个uniapp项目,进行的时候发现内容超出后右侧滚动条难以隐藏,查了许多方法没有生效,这时我在网页上看了uniapp元素得css发现了问题。uni-page-wrapper {width:100%;heigth:100%}这个元素得宽高都是百分百。接下来一个uni-page-body{width:100%;}这个元素就是我们主要布局得容器,但是他只有宽度没有高度,在我们布局中给盒子宽高百
flutter 图片的占位符,错误占位符,圆角
uniapp中菜单双联动效果,就是点击左侧的目录,右侧滚动到相应的文章位置,并且高亮闪烁三次。效果图:做这个的时候,先做跳转,我首先想到的是html中的锚点链接,用id,但这个内容是循环出来的,不能直接用link写,然后我就开始了一大波的百度,这个时候搜索关键词就尤为的重要,我之前一直搜的是锚点链接跳转相应列表,找了好久,出来的都是监听滚动事件,如果内容少的话,就可以,但放在这里,显然不太行。然后
出现此问题的原因是因为ios手机会在transform的时候导致border-radius失效解决方法:在使用动画效果带transform的元素的上一级div元素的css加上下面语句:-webkit-transform:rotate(0deg);
注意如果有单位,一定要加上单位!
.btn {padding: 0 !important; // 报错padding: 0 0 0 0 !important; // 正常}推测是样式覆盖的支持问题,但我也不是很能理解。
前言:现在是做一个遮罩层效果,需要部分组件要在遮罩层上面,其他比遮罩层低。效果如图:问题:于是想到在需要在遮罩层以上的那个组件的z-index使层级拉高但是效果却不如我们想的那样查询资料:看了别人的文章说这种情况有两种原因第一种又有三小点:1、父标签 position属性为relative;2、问题标签无position属性(不包括static);3、问题标签含有浮动(float)属性。解决办法为
项目场景:在使用uiapp进行开发时,发现无法对data里面的数据进行正确的修改。问题描述:任务要求是用户上传视频时,可以选择是拍摄视频还是本地上传,然后会根据用户的选择进行视频的上传。因此我分了三步实现:1、使用uni.showActionSheet让用户选择怎么上传视频。2、在uni.showActionSheet的success回调里面使用uni.chooseVideo进行视频上传操作。3、
uniapp:uniapp修改图标,去掉原生导航,自定义导航,导航不跟着页面走。
uniapp从0到项目实战一.页面样式和布局二.pages.json三.uniapp的生命周期四.模板语法五.样式绑定六.事件绑定七.条件渲染八.列表渲染九.v-model的使用十. vue实例生命周期十一.计算属性computed (只有当计算属性中需求的元素发生改变时才会执行)watch(监听的是一个变量或者数据当监听的对象发生改变时才会执行,必须要定义初始值)父子组件传值在跟目录下创建com
uniapp做开发区别于H5开发,不能使用js进行dom操作,只能获取dom信息。(获取dom信息参考:https://www.cnblogs.com/huihuihero/p/12966528.html ) 不能操作dom,这使得通过操作dom来实现一些简单的动画效果变得困难 不过有一个很简单的思路: 定义不同的class,每个class对应一种样式,加一个transition过渡。然后通过更换
safrai浏览器是把z-index直接忽略了。层级设置:Android 端:z-index.XX{z-index: 2;}ios 端:translateZ.xx{transform: translateZ(1000px);/*可设负值*/}给某元素设置层级时可同时设置z-index和translateZ,Android和ios互不影响。...
<template><view><page-head :title="title"></page-head><view class="uni-padding-wrap uni-common-mt"><view class="animation-element-wrapper"><view class="animation
ios 0.5px边框丢失问题
H5video标签在微信浏览器中播放视频后层级关系会改变(安卓端)当使用video标签后,微信浏览器打开视频时在ios端是可以正常播放滑动的而在安卓手机端video标签打开播放视频后会将其层级关系改变 从而导致页面无法继续向下滑动在video标签中添加<video x5-video-player-type="h5-page"></video>示例代码:<video x
苦苦思索了许久,本想想像一些技术博主一样写一下写在前面的话,可惜半天也憋不出一个字来。算了直接写吧。1. 引入antd第一步:安装antdyarn add antd -S第二步:安装babel-plugin-import,让antd样式按需加载yarn add babel-plugin-import -S第三步:配置babel-plugin-import的方式方式一:配置package.json在
前几天做完一个调查问卷的页面,客户反馈说果机出现了页面卡顿问题,第一反应是没加下面这行代码:webkit-overflow-scrolling: touch;这行代码是ios独有的属性,解决页面滑动卡顿好用的一批。但是经过我的排查,用加班时间搞代码,才发现并不是这行代码的锅,对8起,我冤枉你了!经过自己测试发现是点击输入框之后,input失去焦点时让页面的scrollTop为0,造成...
根据官网 小于 40kb 的字体文件可以直接本地引用。 方法如下: 首先下载字体文件。 然后删除多余文件,只需要留下 iconfont.ttf 和 iconfont.css 文件即可使用。 放入到 static 下。 修改 iconfont.css 文件,如下 左侧红框里是留下的字体文件,右侧是修改 iconfont.css 样式。 然后,引入 样式文
<template><view class="page"><view class="box"><view>一级导航栏✔</view><view class="list"><view>二级导航栏</view><view>三级导航栏</view><view>四级导航栏&l
append可以追加节点和字符串,appendChild只能追加节点;append没有返有返回值,而appendChild会返回当前节点;
我们在开发的过程中经常会遇到现有插件无法满足需求的情况,毕竟不是组件库不能满足项目所有需求,这时就需要我们自己去构建组件。
目录I.字体图标去哪里找?II.uniapp中使用字体图标的详细步骤I.字体图标去哪里找?更新中ing...II.uniapp中使用字体图标的详细步骤
报错代码2021-07-09 17:24:56.671 ERROR 14340 --- [nio-8080-exec-5] o.a.c.c.C.[.[.[/].[dispatcherServlet]: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request
新建一个vue项目1.安装vue-cli3脚手架:npm install -g @vue/cli2.通过vue-cli3创建项目:vue create index(index为您的文件名称)3.回车,第三个的意思是手动安装,前两个是自动安装4.下面是手动安装,根据自己需求选择5.回车,如下图配置6.回车开始安装,如果出现了下面这个报错,就这样修改...
<style>/*以 elementUI 为例,在 app.vue 中导入库的样式文件*/@import 'https://unpkg.com/element-ui/lib/theme-chalk/index.css';</style>
为了成功实现这个应用程序,我们必须构建用于设计 UI 样式的 CSS 和 JavaScript、用于呈现 UI 的 HTML 部分、用于存储和从数据库检索的 PHP 代码。首先发短信的用户的消息将与聊天室的右侧对齐,其他用户的消息将与左侧对齐。这里的“uname”是varchar类型,表示用户名,“msg”也是varchar类型,表示发送的消息,“dt”表示datetime(为了格式化目的,设置为
css3
——css3
联系我们(工作时间:8:30-22:00)
400-660-0108 kefu@csdn.net