logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

CSS3:3D移动translate3d及3D转换透视效果perspective

3D移动translate3d3D移动在2D移动的基础上多加了一个可以移动的方向,就是轴方向。transform:translateX(100px);仅在x轴上移动。transform:translateY(100px);仅在y轴上移动。transform:translateZ(100px);仅在z轴上移动(单位一般都用px,不用百分比)。transform:translate3d(x,y,z);

#css3#html5
【vue】jeecgBoot没有后端接口时,前端如何将JeecgBoot项目跑起来

至于登陆的账户和密码,可以在链接:https://boot.jeecg.com/user/login中,获取演示账号密码进行登陆,就可以了。,这是JeecgBoot的官方在线接口,可以让我们在没有后端接口的情况下,在登录页可以拿到验证码,先把项目运行起来。

#前端#vue.js#javascript
【JS】前端处理后端返回的流(转为word文档或excel)

前提:后端返回的流是word格式的,是一堆乱码,前端需要对流处理并导出为word格式实现:主要是借助于和标签的和属性具体代码实现如下:按项目需求:要导出某个用户的空白试卷和已答试卷封装好的方法:...

#前端#javascript#vue.js
CSS3:3D旋转rotate3d及3D呈现transform-style

3D旋转指可以让元素在三维平面内沿着x轴,y轴,z轴或自定义轴进行旋转。语法格式:transform:rotateX(45deg);沿着x轴正方向旋转45度;transform:rotateY(45deg);沿着y轴正方向旋转45度;transform:rotateZ(45deg);沿着z轴正方向旋转45度;body {/*想看到3D透视效果需要给被观察元素的父元素添加透视*/perspectiv

#html5#css3
Ajax:自己用原生JS封装ajax请求函数

分成两个页面,一个html页面,一个js页面html页面代码:<body><button onclick="testGet()">测试get请求</button><button onclick="testForm()">测试post请求之form-data格式</button><button onclick="testStr()"&

#javascript#ajax#前端
本地存储:window.localStorage的特性和使用方法

window.localStorage的特性:生命周期永久生效,除非手动删除,否则关闭页面也会存在可以多窗口(页面)共享(同一个浏览器的情况下)以键值对的形式存储使用(和sessionStorage一样)window.localStorage的使用方法(和sessionStorage使用方法一样):存储数据:localStorage.setItem(key,value);获取数据:localSto

#javascript
本地存储:window.sessionStorage的特性和使用方法

本地存储的特性:数据存储在用户浏览器中设置、读取方便、甚至页面刷新不会丢失数据容量较大,sessionStorage约5M、localStorage约20M只能存储字符串,可以将对象JSON.stringify()编码后再存储window.sessionStorage的特性:生命周期为关闭浏览器时失效在同一个窗口(页面)下数据可以分享以键值对的形式存储使用(比如:name=tom,键就是name,

#javascript
BOM:navigator对象中的userAgent(验证是否为移动端,如果是则跳转至移动端站点)

<script>// 检测 userAgent(浏览器信息)!(function () {const userAgent = navigator.userAgent// 验证是否为Android或iPhoneconst android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)const iphone =

#sqlite#数据库#database
CSS:用户界面样式(鼠标样式cursor,轮廓线outline,防止拖拽文本域resize)

鼠标样式cursor用来更改鼠标的样式,它的样式有很多,我们用的最多的其实就三种,分别是:<div class="person"><ul><li style="cursor: pointer;">小手</li><li style="cursor: move;">移动</li><li style="cursor: not-

#html#css
小案例:javascript实现对json文件的增删改查

下面为books.json格文件的数据[{"id": 1,"bookName": "完美世界","author": "辰东","hero": "石昊"}, {"id": 2,"bookName": "武庚纪","author": "沈乐平","hero": "武庚"}, {"id": 4,"bookName": "天行九歌","author": "陈岚","hero": "韩非"}

#javascript#json#前端
    共 24 条
  • 1
  • 2
  • 3
  • 请选择