- 博客(22)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 layui一个页面多个轮播不同时切换问题
问题描述原生大屏中有多个layui轮播，当移入一个轮播之后加载顺序不一致，会出现移入暂停的轮播掉队的情况，这里我解决的是如何移出后依旧同时切换tab参考代码$(".layui-carousel:nth-child(1)").hover(function(){},function(){ //鼠标移出同时重加载 reload.map(function(v,i,a){ //layui文档中的ins.reaload（）方法啊 v.reload() })})//
2021-07-29 11:29:44
792
原创 svg地图中text文字出现偏移问题
上图是项目中使用到地图的字体偏移通过使用white-space:initial可以复位text标签加上white-space:initial样式加上后效果如下图所示:加上之后归位了，原理未知，是我瞎测出来的，解决火狐浏览器中的兼容问题，供他人参考...
2021-07-23 18:06:05
1029
原创 Vue基础知识（为了不重复）
VUE官网下载，只用到vue.js这个文件什么是vue是MVVM js 渐进式 视图层框架mvvm:m:model 数据v:视图mv vm :数据改变，视图跟着刷新（vm:vue实例驱动刷新）命令式：将程序的每一个运行步骤写出来 ，然后再程序运行声明式：告诉计算机我要干什么（其他的什么都不管）一切以数据为中心，尽量不要操作dom渐进式：vue.js是核心库，里面只有核心语法利用视图构建用户界面vue雏形html部分<input type="
2020-11-30 14:07:50
748
2
原创 js跨域（为了去掉感叹号不得已加长）
跨域同源策略// 浏览器有一个规则// 如果不是同一个服务器出来的文件不允许请求的// 跨域 - 不同域名下的文件希望能请求过去// 同源策略// 同源：同协议，同域名，同端口// 只要有一个不同，就是不同源 - 跨域如何实现跨域服务器端做代理浏览器只能限制前端，不能限制服务器端//利用PHP不受浏览器同源限制，代替ajax做请求sendAjax({ url:"demo.php", dataType:"string", success(res){
2020-11-27 21:35:17
196
原创 回调地狱（ES6）
回调地狱嵌套太多就形成回调地狱函数的类型：回调函数 回调函数：将一个函数当做参数使用的时候，这个函数就变成了回调函数 arr.map(function(){ }) arr.sort(function(){ }) arr.forEach(function(){ }) move(handler) new Page({show:function(){}}) 当某些异步操作中，无法判断什么时候完成，此时，就需要一个回
2020-11-27 21:27:48
334
原创 原生AJAX（捕获野生的ajax）
AJAX不需要刷新页面也能发送请求的技术：AJAX 1、创建AJAX对象：var ajax = new XMLHttpRequest();2、监听ajax状态：ajax.onreadystatechange = function(){//判断ajax是否请求完成，ajax自己有个属性记录if(ajax.readyState == 4){//判断是否请求成功//ajax的属性，--ajax.status 响应状态码if(ajax.status>=200 &&ajax
2020-11-27 21:21:25
314
原创 cookie(为了去掉感叹号不得已加长)
会话：解决http协议无法保存状态的问题cookie：cookie就是在浏览器中创建一个空间，用来保存某些数据。只要下次请求还是同一个浏览器，就能从浏览器获取这些数据浏览器的cookie查看方式：F12->application->cookie设置cookie：cookie以健值对的形式存储的----整个键值对都是字符串document.cookie = "username = cuihua"注意：在当前域名下设置智只能在当前域名访问到cookie是由失效的，在某个时
2020-11-09 11:40:24
861
1
原创 http协议（前端了解）
http协议：超文本传输协议（HTML叫什么？）协议用来约束客户端和服务器之间的传输行为http传输三阶段http传输分为以下三个阶段：一、建立连接二、传输数据三、断开连接建立连接（三次握手）客户端/服务器：对方/自己能不能收发消息第一次：客户端=>服务器客户端：自己能发消息服务器：对方能发消息;自己能接收消息第二次：服务器=>客户端客户端:自己能收消息;对方能发消息;对方能收消息服务器：自己能发消息第三次：客户端=>服务器服务器：对方能收消
2020-11-07 16:08:51
317
1
原创 php简单学习（前端篇）
url:表示我们访问服务器的地址url的·组成部分：传输协议：http,https域名：www.baidu.com端口:80 443协议：规定用户和服务器交互的规则和方式，常见的有http,https,ftp,sftp,tcp…域名：为IP地址设置的英文名端口号：服务器上设置的·一个文件夹，里面256个文件夹，每个文件夹里面又有256个文件夹，共65536个文件夹，通过0~65535来访问。地址栏的baidu.com复制下来是：https://www.baidu.com/注
2020-11-07 15:35:03
1247
原创 mongodb简单操作(前端)
mongodb简单操作mongo安装后需要根目录下加上data/db文件夹用哪个盘就给哪个盘加配置环境变量可视化管理界面：studio 3T for mongoDB库下面是collection，相当于表；下面是documentmongo原生SQL语句（不看）：show dbs 查看有哪些数据库use 数据库 切换到这个数据库show collections 查看当前数据库下 有哪些 集合 （前提 你得先切换到目标数据库）db.createCollection("名字") 创建一
2020-11-05 20:14:05
343
1
原创 git笔记（上班第一天需要用到的知识）
git版本控制工具版本：你昨天写的代码和今天写的代码就不是一个版本，和软件的版本有点类似两个网站：gitee,github都是用来存代码的，上传下载都用git这个工具。仓库：本质上就是一个文件夹，这个文件夹被git管理之后就叫仓库了。远程仓库：远程电脑上被git管理的文件夹本地仓库：被git管理的本地文件夹推送：将本地仓库的内容上传到远程仓库。同步：让本地仓库中的内容和远程仓库的内容保持一致git --version查看安装好没有本地仓库操作文件夹中右键，点Git
2020-10-29 11:30:02
1152
2
原创 js设计模式（单例，组合，观察者）
设计模式设计模式是为了解决某种问题，而为此设计的一套最佳的解决方案。常见设计模式：单例模式组合模式观察者模式命令模式代理模式工厂模式策略模式适配器模式…单例模式单例指一个类只有一个实例，这个类自行创建这个实例。class Person{};var p1 = new Person();var p2 = new Person();console.log(p1 ===p2);//false//单例模式：将p1 ===p2变成true单例模式推导代码：：class P
2020-10-26 23:29:29
158
原创 闭包和继承（javascript）
闭包和继承闭包先不急着定义：假设我们要做银行系统：方案一：var money =100;money -=10;console.log(money);这样写有一个坏处：变量在全局是容易被覆盖的（全局污染）；改进：我们放在局部中function fn(){ var money =100;}这种情况下我们消费不了（全局无法操作局部变量）。改进：function fn(){ var money = 100; return money;}var m
2020-10-26 20:12:57
237
原创 js基础第三篇（js面向对象）
js面向对象swiperhttps://www.swiper.com.cn/usage/index.html下载完后找到需要的文件：注意，点开头的文件夹都没用，不要管需要：swiper-bundle.min.css和swiper-bundle.min.js，想要看的话可以选择不带min的文件不会或者想要改动可以查找API文档写一个轮播图：<!DOCTYPE html><html lang="en"><head> <meta charset
2020-10-26 15:44:18
218
原创 js第一篇（基础）
JavaScript：依赖HTML的脚本语言（网景公司的Netscape）script标签：三种写法（行内，内联，外联)外联后script里面不需要写代码script可以和style一样放在页面任意位置初期建议放在/body和/html之间注释：///**/输出语句：加载至文档流：document.write（）；用户提示：alert();删除前的进一步提示：confirm();输入框：prompt();调试，控制台输出:console.log();js语法要求：单双引号尽
2020-10-26 09:09:26
1176
2
原创 jquery(接在JavaScript之后)
jQueryjquery选择器选择到的都是伪数组,伪数组有自己的操作jquery伪数组不能使用原生js的dom操作，反之一样jquery使用原生js的dom操作(取下标或者遍历):$("li")[0].innerText;$("li").get(0).innerText;js使用原生jquery操作(类似于dom的方法,dom无法使用):var li = document.querySelector("li");$(li).text();jquery选择器$(“这里放css选择器”)
2020-10-20 10:41:59
803
原创 js基础第二篇（DOM完成运动函数）
DOM高级-----运动tab切换(封装做项目用)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>ul,ol{ list-style-type: none; padding: 0; margin: 0;}.ta
2020-10-19 21:38:54
151
原创 gulp（接在SASS之后）
gulp解决项目做好以后的一些事情：压缩图片压缩js压缩css编译sass合并文件…人为效率低，所以学习gulp不止有gulp这一种工具,Grunt(跟不上时代),Webpack（暂时不学）中文网址：https://www.gulpjs.com.cn/docs/getting-started/quick-start/安装：npm i gulp -g检测：gulp --versiongulp的快速入门在项目内写个gulpfile.js注意：文件名称是固定的，就是专门用
2020-10-19 20:10:30
308
1
原创 SASS（接node.js）
SASS解决CSS中的一些问题文件后缀为scss简单使用sass使用前需要下载工具sass:npn i sass -g下载好后：sass --version检测是否安装然后编写scss文件：$color:red;//相当于定义变量div { background-color:$color;//直接使用变量名就可以了}编写好的文件需要转成css:sass 初体验.scss ./初体验.css 将初体验.scss编译到当前文件夹下初体验.css同时生成的.c
2020-10-19 10:18:22
325
1
原创 node.js(接jquery篇)
node.jsjs写后台的，不依赖浏览器（不依赖DOM,BOM）,原生js可以nodejs软件装好之后node -v:显示版本说明装好了node 相当于浏览器控制台（不能保存，了解即可）node执行方式下面是要运行的代码：for(var i = 0 ; i<3;i++){ console.log("大傻吊");}cd 文件夹路径 ；然后node 文件名执行该文件；[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-igTqtQ34-160
2020-10-18 23:58:17
1230
原创 HTML+CSS篇笔记
HTML篇网页的组成：结构（HTML）、样式(CSS)、行为(js)HTML:超文本标记语言ECMA:管JSW3C:管HTML,CSSxhtml:扩展超文本标记语言HTML5:HTML的第五代建立站点：规划所有的资源和代码整合资源主要标签<标签 属性=“值”></标签> 双标签，也叫常规标签<标签 属性=“值”/> 单标签，也叫空标签单双引号是成对出现的常用标签：标题标签：h1~h6，默认
2020-10-07 23:09:41
4456
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人