- 博客(40)
- 收藏
- 关注
RSS订阅原创 uniapp中video层级太高(或者在页面中不跟随页面滚动)解决方案
uniapp中video层级太高(或者在页面中不跟随页面滚动)解决方案
2022-12-19 12:23:40
6248
3
转载 彻底理解浏览器的缓存机制（http缓存机制）
一、概述浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：1、HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求报文主体(只有POST才有报文主体)，如下图HTTP响应(Response)报文，报文格式为：状态行 – HTTP头(通用信息头，响应头，实体头) – 响应报文主体，如下图注：通用信息头指的是请求
2021-04-29 11:50:05
204
原创 Vue中Vuex的详解与使用
安装一、 在使用vue/cli创建项目时可以勾选Vuex选项，项目创建好就会生成store文件二、 npm install vuex --save什么时候需要使用Vuex比如：你有几个数据，几个操作，在多个组件上都需要使用，如果每个组件都去调用，就会很麻烦。这时就可以使用 Vuex了。一 创建文件(如果是用第一种方法安装的，就不用自己创建了)二 引入 Vue 和 Vuex 并 Vue.use(Vuex)三 在main.js 里 引入并挂载四 然后就可以设置数据了五 在页面中获取
2021-03-23 16:55:07
919
原创 日期转换为后端需要的格式 Fri Oct 09 2020 00:00:00 GMT+0800 (中国标准时间)
选中的时间打印为定义格式化方法// 把获取到的日期传进来dateFormat(dateData) { let date = new Date(dateData) let y = date.getFullYear() let m = date.getMonth() + 1 m = m < 10 ? ('0' + m) : m let d = date.getDate() d = d < 10 ? ('0' + d).
2021-01-21 17:50:46
3537
原创 elementui中分页组件和表格table组件相关联
vue项目开发中使用elementui中的分页组件实现分页功能页面中的table组件及分页组件js中的数据在methods中声明方法分页组件默认一页展示10条数据，如果是每页展示10条，那么第二个方法可以不声明...
2021-01-19 15:51:21
899
原创 小程序滑动弹窗，根页面page也跟着滑动的问题
解决方式如下：设置弹窗最上层view(或scroll-view)的属性catchtouchmove=“方法名”，这里的方法是为了消除控制台的警告，可不做处理：catchtouchmove=“true”具体示例代码如下：方法内可以写 return ，也可以什么都不写...
2020-12-07 15:34:37
724
1
原创 img 标签 访问图片 返回403 forbidden问题
异常信息解决方案// 在页面头部添加下面meta标签即可<meta name="referrer" content="no-referrer" />
2020-07-03 20:00:24
720
1
原创 JS ES6转ES5
// 首先我们需要引入gulp，使用任何插件都要先引入 const gulp = require("gulp");// 安装gulp-babel： npm install --save-dev gulp-babel @babel/core @babel/preset-env// 引入： const babel = require("gulp-babel"); gulp.task("babel",function(done){ // 比如要转json文件夹下的a.js文件 g
2020-07-02 21:37:05
393
原创 JS 基础知识点及面试题（一）
前言JS 对于每位前端开发都是必备技能，首先我们先来熟悉下 JS 的一些容易混乱的基础知识点。原始（Primitive）类型常问面试题：原始类型有哪几种？null 是对象嘛？1.在 JS 中，存在着 6 种原始值，分别是：booleannullundefinednumberstringsymbol对于 null 来说，很多人会认为他是个对象类型，其实这是错误的。虽然 typeof null 会输出 object，但是这只是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是
2020-07-02 21:21:06
464
原创 如何用js及nodejs写一个简易爬虫
前言爬虫又叫网络蜘蛛，可以去其他网站上进行数据抓取国内做爬虫的常用开发语言:python、java、php等，其实nodejs也能写爬虫在写爬虫之前，需要先了解一个nodejs的模块：fsfs是文件系统，可以操作系统文件使用之前需要先引入fs模块：const fs = require(“fs”);fs.writeFileSync（）可以船机文件，并写入文件内容，比如：fs.writeFileSync("./测试1.txt",“这是一段测试的文字”);参数一表示创建的文件名参数二表示创建
2020-06-30 09:00:06
567
原创 把数据按照价格、销量、或随机排序
在开发中经常会遇到需要对数据进行排序的操作：比如成绩管理商品的销量商品的价格等等，我们以商品的排序为例把商品数据，点击相应的排序按钮，进行对应的排序以下是详细的代码，很全面，css需要自己完成哦// 这个引入的是字体图标<link rel="stylesheet" href="https://at.alicdn.com/t/font_1908632_8cywyvtzrb.css"><body> <div id="bigBox">
2020-06-29 21:37:10
944
原创 JavaScript 面试题
单选题1.ES5中不能实现继承的关键字A prototypeB callC applyD extends正确答案: D解析:无2.Jquery中找到指定div元素id为user错误的A $("#user")B $("#"+"user")C $("div[id=user]")D $("div[id==user]")正确答案: D解析:元素获取有代码 function Foo(){}; var foo = new Foo(); 下列表达式运算结果为t
2020-06-17 15:03:10
2250
原创 js 面试题
单选题1.不属于同源策略限制条件的A 端口B 协议C 域名D 网址正确答案: D解析: 无2.ES5中不能实现继承的关键字A prototypeB callC applyD extends正确答案: D解析:无3.alert(username);var username="leson";结果为?A undefinedB lesonC nullD 报错正确答案: A// 解析:变量提升，预解析有代码: var obj1={a:[
2020-06-17 14:13:39
2302
原创 jQuery基础——选择器
前言jQuery中的选择器和css及js的选择器非常类似有标签选择器类选择器id选择器后代选择器非常多… …使用jQuery的准备工作首先要引入jQuery.js文件，可以下载，也可以直接引用线上的在书写jQuery前要先添加一个：jQuery(document).ready(function(){// 代码写在这里面})// 两种方法都可以：下面的是上面的简写形式// 或者：$(function(){// 代码写在这里面}jQuery的一些基本的选择器：//
2020-06-16 10:31:50
103
原创 数组去重的5种常用方法
1、利用indexOf功能的特点：根据数据查找所在的索引，没有数据的话就返回 -1var arr = [1,1,2,3,4,6,2,3]; var newArr = []; for(var i =0;i<arr.length;i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]); } } console.log(newArr);2、将数组
2020-06-13 16:46:56
2302
原创 数组的选择排序
说明1.选择排序是每次比较找到最小值2.比如：每次拿第一位和后面的所有做比较，找到最小放在第一位代码var arr = [9,7,8,6,5]; console.log(arr); // 下面是比较的顺序（根据索引比较） // 每次拿第一位和后面的所有做比较，找到最小放在第一位 // 0-1,0-2,0-3,0-4 // 1-2,1-3,1-4 // 2-3,2-4 // 3-4 for(var i =0;i<arr.length
2020-06-13 16:30:18
179
原创 数组中的冒泡排序
前言什么是冒泡排序？1.是把数组的数字两两进行比较2.第一位和第二位比较，大了就交换位置。找到最大值3.每次比较都能找到这次比较的最大值，并放在最后的位置举例var arr = [9,8,7,6,5]; console.log(arr); for(var i =0;i<arr.length-1;i++){ //aee.length为什么要 -1-i？ // 因为有些数据，没必要参与比较，节省性能 for(var j =0;j<arr.leng
2020-06-13 16:25:34
95
原创 javascript中的对象数据
1、什么是对象？是一种对事物的描述，在程序中对象是一种数据类型比如： 描述水杯：材质：塑料容量：1000ml颜色：白色形状：圆形 功能：容器把以上信息，组合打包用来表示一件事物，就叫对象程序中的对象主要用来：存储信息2、如何得到对象（创建对象）？a、字面量形式：（字面意思表达的量）eg：var o1 = { };b、构造函数形式：eg：var o2 = new Obje...
2020-04-28 22:06:27
185
原创 javascript的循环结构
一、循环的意义是什么？节省操作，减少代码冗余。二、循环的三要素：1、计数器的创建（要记录循环的次数）2、执行条件（也就是停止条件）的设定3、计数器的改变三、循环语句：1、while循环：语法：while(){ }（）里面写的是：执行条件（停止条件）{ }里面写的是：重复执行的内容（循环体）举例比如： var i = 0;while( i<10 ){document....
2020-04-24 23:31:05
169
原创 javascript的逻辑运算符的用法
一、||“或“的用法：基础规则：1、或的两边只要出现一个true就是true2、如果两边都是false，才是false原理：1、如果左侧是true，那么就确定 或 的结果了，不再向右检测，显示左侧结果2、如果左侧是false，不能确定结果，需要继续向右检测，不管右侧是啥，结果都停在右侧了。二、&&”且”的用法：基础规则：1、且的两边都是true才是true2、如...
2020-04-23 20:57:02
526
原创 javascript的逻辑分支
一、if：单分支语法：if( ){ }if(判断或选择条件){执行语句}eg：var n = 2;if( n > 0 ){console.log(“是正数”);}二、if else：双分支语法：if( ){ }else{ }规则：如果条件为true，执行语句1（就是第一个大括号内的内容），如果条件为false，则执行语句2（也就是else后面的内容）if(判断或选择...
2020-04-22 22:02:55
104
原创 javascript中的变量及数据类型的转换
一、什么是变量？当程序中，需要重复操作某些相同数据的时候，为了方便，可以将数据起个别名，这个别名，就叫变量。语法：通过var关键字进行声明，通过“=”赋值的方式，将数据，存到变量中。比如：var a = “你好”;（就把你好存储到了变量a中）注意：变量命名的规则1、必须以 字母，_，$ 开头 2、不允许出现字母，_，$，数字` 之外的内容3、不允许使用关键字或保留字4、尽量语义化...
2020-04-21 23:02:53
144
原创 javascript的基础
一、js的的组成：1、ECMAScript：语法规定，规定了，以什么样的格式，写代码。2、BOM：浏览器对象模型，提供了浏览器的操作3、DOM：文档对象模型，提供了网页的操作三者关系：ECMAScript规定了，写什么样的代码，在BOM中操作DOM二、打印信息的方式（打印信息：将计算机的执行结果或数据，给用户呈现出来）1、打印到浏览器的弹出框，操作的是BOM对象alert();将要打...
2020-04-20 21:16:54
55
原创 图片整合及浏览器兼容及优化
一、图片整合、css精灵、精灵图、雪碧图、CSS sprites优势：（把小图标都整合到一张图上面）1：减少请求次数，缓解服务端得压力2：减少图片得质量，3：只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。最终得目的：提高项目速度，减少性能消耗 缺点:（1）图片合并麻烦：图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景。（...
2020-04-17 20:48:41
162
原创 grdi网格布局
grid布局 针对的是子元素布局。1：形成一个网格结构(父元素添加)：display:grid;2: 划分行和列grid-template-columns:grid-template-rows:如果属性后面是3个值 代表3行或3列 能接受具体的像素 也能是百分比划分行和列的时候的关键字 和 方法:a: repeat(重复的次数,重复的值)【常用】eg：grid-templa...
2020-04-16 22:05:06
293
原创 做移动端页面需要做哪些准备？？
一、meta标签的设置：1、 2、忽略将页面中的数字识别为电话号码（可选择性设置）<meta name="format-detection" content="telephone=no">二、dpr : 设备像素比例dpr == 物理像素（把手机上图片截图放在ps中量取的大小）/ 逻辑像素（css去设置的像素）dpr怎么获取？：根据UI设计图而定：绝大部分拿到的设...
2020-04-15 23:07:47
361
原创 css3移动端布局——怪异盒模型和弹性盒模型
一、怪异盒模型：1、box-sizing:属性值：box-sizing:content-box; 常规盒模型box-sizing:border-box: 怪异盒模型（IE盒模型）2、触发怪异盒模型：box-sizing:border-box;3、 怪异盒模型特点：padding和border都会在元素的宽高的内部，不会把盒子撑大。*{移动端项目css可以这样写box-si...
2020-04-14 18:46:42
384
原创 css3新增加的一些属性
1、文本阴影属性：text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色注：如果想添加多个阴影 每一组阴影以逗号分隔 语法：text-shadow:-13px -1px 0px #6f3c3c, -32px 7px 19px grey2、 盒子阴影：box-shadow: x y 阴影的模糊度 阴影扩散的大小 颜色 内阴影(inset 可选)语法：box-shadow...
2020-04-13 20:51:13
113
原创 css的动画
动画：动画的制作需要两个步骤：一、制作关键帧：语法：1、 @keyframes 动画名称{/开始/from{left:0;}/结束/to{left:500px;}}主要用下面这个方法：2、 @keyframes 动画名称{0%{开始位置}//中间可以添加任意关键帧20%{ } 50%{ } ...
2020-04-09 21:42:09
58
原创 css3——3D空间变形
让平面空间形成3d空间： transform-style:preserve-3d; 给父元素添加 3D的功能函数： 3d-位移： transform:translate3d(x,y,z); transform:translateZ();（不支持百分数） 比如让元素在z轴移动： 1、transform:translate3d(...
2020-04-08 22:41:54
140
原创 css的2D变形
CSS的2D变形：一、 2d的位移：语法：均可为负值1、transform:translate(x,y);也可以分开来写：2、transform:translateX(x轴移动的距离);3、transform:translateY(Y轴移动的距离); 二、2D的旋转： 语法： 1、transform:rotate(30deg);（deg度数单位，负...
2020-04-07 21:37:08
234
原创 css的过渡与渐变
渐变：一、线性渐变：从一个方向到另一个方向的颜色的变化。标准模式的语法（不添加浏览器前缀）：background: linear-gradient(direction, color-stop1, color-stop2, …);说明：direction：默认为to bottom，即从上向下的渐变；stop：颜色的分布位置，默认均匀分布，例如有3个颜色，各个颜色的stop均为33.33...
2020-04-03 21:42:03
234
1
原创 高度塌陷出现的场景及解决方法
一、高度塌陷出现的场景：当子元素有浮动，父元素没有高度的时候，父元素会出现高度塌陷注：浮动的子元素不会撑开父元素的 height 或者是 min-height。二、解决高度塌陷的方法：1：给出现高度塌陷的元素添加：overflow:hidden; 原理：overflow:hidden;触发了一个 BFC(布局逻辑) BFC规定：计算BFC高度时候，浮...
2020-04-01 23:40:03
241
原创 PC端宽度、高度的自适应
PC端宽度、高度的自适应：有时候我们希望，写html结构的宽和高，能适应不同的分辨率、不同的设备、不同的内容增删，使我们项目更加的灵活。一：宽度自适应默认情况下块状元素：当width不设置的时候，或者width:100%;当前元素的宽跟随父元素的宽变化。二、高度自适应的第一种情况：当元素height不去设置或者是设置成height:auto;（默认值）元素的高度是被内容撑开的。这个...
2020-03-31 22:20:52
1670
原创 css的定位属性——固定定位和粘性定位
一、固定定位position:fixed; 【固定定位】a: 参照物：浏览器窗口。b: 不占据空间，脱离布局流。（注：如果块状元素没有设置宽度的时候，添加position:absolute 或position:fixed会出现宽度被内容撑开）让一个元素在浏览器窗口左右上下居中？第一种方法：position:fixed;left:50%;top:50%;margin-left:-...
2020-03-30 22:00:18
3542
原创 css里元素的类型及元素类型的转换
元素类型分类：块状元素、内联元素、可变元素。注：把行内块元素 归在 内联元素这一类里面。默认情况下元素类型每个类型特点： 块状元素特点： 1：在页面中以矩形区域显示。 2：自上而下排列，独占一行 3：可以直接添加宽高 4：一般情况下，作为其他元素或内容的容器 内联元素特点： 1：在页面中最小单位也是...
2020-03-27 22:03:00
709
原创 css对标签的分类（元素类型）
css的显示对标签分类：块状元素内联元素（行内元素）争议点：第三类：a:可变元素b:行内块元素元素类型分类：块状元素、内联元素、可变元素。注：把行内块元素 归在 内联元素这一类里面。默认情况下元素类型每个类型特点： 块状元素特点： 1：在页面中以矩形区域显示。 2：自上而下排列，独占一行 3：可以直接添加宽高 ...
2020-03-26 19:57:34
626
原创 css的盒模型一之——padding的用法
1: padding是长在内容和盒子之间的，在盒子内部。2：padding是为了调整 子元素 在 父元素里面位置关系。3：padding的特点：padding值会把盒子撑大。4：如果想让盒子保持原有大小，需要在宽高的基础上减掉padding值。5：给单一方向设置padding值：padding-left/right/top/bottom:;6: padding 设置方法：paddi...
2020-03-23 21:21:43
352
原创 css的文本属性
css的文本属性：1： font-size:; 控制文本大小 a:为了消除系统之间显示差异，规定：16px 为标准字体大小。 b:文本大小设置，设置为偶数。 c:PC端项目，设置最小尽量别低于12px ; d:从ps中获取文本大小，汉字量取文本高度。 e:文本单位： px \ em \ pt(磅)【常用在印刷领域】 12px == 9p...
2020-03-20 20:28:30
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人