登录社区云，与社区用户共同成长
邀请您加入社区
区别：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
华为云开发者联盟
华为开发者联盟HarmonyOS专区
