倾葵-CSDN博客

原创指定元素滚动到可视区域

具体使用方法：Element.scrollIntoView() - Web API 接口参考 | MDN (mozilla.org)

2023-10-20 13:24:45 98

原创 jQuery+axjx实现select下拉框分页与触底请求接口

【代码】jQuery+axjx实现select下拉框分页与触底请求接口。

2023-09-01 13:15:20 191

原创轮播图vue

<template> <div class="s"> <div class="w" ref="w"> <div class="one" v-for="item in list" :key="item">{{ item }}</div> </div> </div></template><script setup>import {onMount

2023-03-30 10:06:42 235

在index.html文件里面，把下面代码复制粘贴进去，就可以了```<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.1/vconsole.min.js"></script><script> // 初始化 var vConsole = new VConsole(); console.log('Hello world');</script>```...

2021-10-19 17:17:03 826

原创纯css写鼠标放上去背景从左到右，从黑到白

<div class="header "></div>css部分.header { display: inline-block; position: relative; width: 120px; height: 20px; text-align: center; color: #000; background: #FFFFFF; cursor: pointer; border: 1px solid #000; transition: 2

2021-06-28 14:40:57 322

原创解决移动端小键盘弹出页面布局变形问题

先在最外层设定样式min-height: 100vh; /*最小高度*/ overflow: hidden; /*这里不写可能会导致底部出现白边或滚动条*/在下一层的元素上绑定动态的style，设置设置动态的高度`mounted() { this.bodyHeight = document.documentElement.offsetHeight + 'px'; //注意：这里动态计算页面高度},`...

2021-06-10 11:21:59 365

原创 vue实现淡入淡出效果

vue实现淡入淡出效果 <transition name="hehe"> 中间需要包住有v-if或v-show的div </transition>.hehe-enter,.hehe-leave-to { opacity: 0;}.hehe-enter-to,.hehe-leave { opacity: 1;}.hehe-enter-active,.hehe-leave-active { transition: all .2s;} ...

2021-03-17 14:58:21 4038 2

原创在vue中使用less

1、安装lessnpm install -g less2、配置less路径build -> webpack.base.conf.js里面的module的rules内添加{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }3、在页面里使用<style scoped lang="less"></style>如果报错：Module build failed: TypeError: loade

2021-03-11 16:37:37 66

原创 vue+element-ui（按需引入）

配置babelrc文件{“presets”: [[“env”,{“modules”: false,“targets”: {“browsers”: [“> 1%”,“last 2 versions”,“not ie <= 8”]}}],“stage-2”],“plugins”: [“transform-vue-jsx”,“transform-runtime”,[“component”,{“libraryName”: “element-ui”,“st

2021-03-03 11:22:10 13

原创 js查看localStorage和sessionStorage已使用内存

2021-03-02 17:12:40 9226

原创 js获取当前系统时间并格式化

Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() +

2020-11-25 10:49:48 13145 235

原创 uni-app总结

作用跨端（APP、各种小程序、H5）开发框架，总十个平台特点1、运用了vue语法2、小程序的组件模式3、通过uni-app统一各端api4、编译出各端的源代码目录结构1、package.json 页面程序的目录的配置2、main.js 程序的入口3、App.js 根组件4、static 静态资源目录index/index.vue 首页5、components 组件存放目录（不需要注册）6、wxcomponnets 微信专用组件存放目录运行编译环境准备H5App1、下载ap

2020-07-30 20:59:49 1815 50

原创微信小程序的开发总结

小程序的界面配置1、sitemap.json站点地图微信搜一搜里面哪些页面可以展示，哪些不能2、project.config.json项目配置3、app.js全局的业务逻辑4、app.json全局的小程序配置5、app.wxss全局的样式6、pages存放页面的文件夹7、utils存放工具的文件夹app.json配置pages页面配置那个页面写在前面，那个页面默认打开window窗口配置1、backgroundTextStyle–背景文字颜色2、navigation

2020-07-27 19:58:29 3084 42

原创 vuex的总结

定义1、vue全局状态管理器2、实现组件之间跨层传递数据，实现数据与视图响应式更新参数state 状态数据用法：this.$store.state.xxx…mapState([xxx,yyy])相当于vue里面的datagetters 获取用法：this.$store.getters .xxx…mapGetters ([xxx,yyy])相当于vue里面的computedmutations 方法用法：this.$store.commit.xxx…mapMutations

2020-07-07 19:32:45 2435 37

原创 http请求

http1、是客服端与服务器传输文本的一种协议2、http协议是无状态的3、http协议默认端口是804、http协议（加密传输）端口是443请求方法1、GET获取信息页面2、POST上传，修改，添加，服务器3、PUT修改4、Delete删除5、head只返回头信息6、trace回显服务器收到的请求，主要用于测试或诊断7、connectHTTP/1.1协议预留能够连接为管道方式的代理服务器请求报文请求报文里面有方法、URL、协议版本、请求头部请求数据响应协议的

2020-07-01 19:26:17 6010 462

原创 7.1笔记

1、为什么要封装axios1、实现默认配置：baseURL，timeout2、请求拦截：header添加（token，user）开启加载提示请求数据的格式化3、响应拦截：关闭加载提示，统一错误处理，响应数据格式化4、方法扩展：jsonp等方法2、jsonp的原理利用script的src属性没有同源限制与后端约定返回数据格式为方法名（data）前端有预制的方法获取data数据3、什么是跨域绕过浏览器的同源策略获取服务器的数据jsonp，服务响应头信息，本地代理proxy4、同

2020-07-01 09:42:59 2332 80

原创 htmlCSS面试题

1、问答知道的网页制作会用到的图片格式有哪些？Webp：WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%2、问答1.SGML（标准通用标记语言）和HTML（超文本标记语)解析：①HTML是SGML的一个实例，它的DTD作为标准被固定下来，因此，HTML不能作为定

2020-06-30 20:56:19 10357 162

iocncc的博客