- 博客(28)
- 收藏
- 关注
RSS订阅原创 解决微信小程序点击出现蓝色背景色问题
.selector { -webkit-tap-highlight-color: rgba(0,0,0,0);}
2022-03-03 15:38:56
1786
原创 JS 1++ 和 ++1的区别
<script> let a = 1 console.log(a++); //1 console.log(a); //2 let b = 1 console.log(++b); //2 console.log(b); //2 </script>a++是先出原值，再运算；从以上代码块打印可以看出，第一次打印打印的是原值，第二次打印打印的运算后的值。++a是先运算，再出运算后.
2022-03-01 15:49:10
2089
1
原创 uniapp 微信小程序开启分包
首先在小程序相关配置目录下开启小程序分包模式（optimization配置）。 /* 小程序特有相关 */ "mp-weixin" : { "appid" : "wxa6774d5dab610aab", "setting" : { "urlCheck" : false, "minified" : true }, "usingComponents" : true, "
2022-01-21 10:41:17
794
原创 JS冒泡排序
双重循环，拿当前值，和后一个值做对比，如果当前值比后一个值大，则互换位置。然后进行下一轮循环。 let arr = [5, 10, 3, 20, 2021, 888] function arrSort(arr) { for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j < arr.length; j++) {
2021-12-20 16:13:37
164
原创 uni-app去除所有页面原生标题栏
"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uView", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "navigationStyle": "custom" },在page.json文件中的globalStyle中加上"navigationStyle": “cust.
2021-11-08 14:22:19
820
原创 禁止微信浏览器字体放大
Android解决方法 (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { document.addEventListener("WeixinJSBridgeReady", handleFontSize,
2021-10-26 15:25:43
146
1
原创 滚动条过渡
window.onclick = function () { var clock = setInterval(function () { if (document.documentElement.scrollTop > 200) { document.documentElement.scrollTop -= 50; } else { ...
2021-10-26 10:27:09
221
原创 判断滚动条是否到底
window.οnscrοll= function(){ var a = document.documentElement.scrollTop==0? document.body.clientHeight : document.documentElement.clientHeight; var b = document.documentElement.scrollTop==0? document.body.scrollTop : document.documentElement.scrollTop;.
2021-10-25 17:03:19
188
原创 移动端px转rem
(function setRem() { let winw = document.documentElement.clientWidth; let uiw = 750; let rate = winw / uiw; document.documentElement.style.fontSize = rate * 20 + 'px' })() function setRem()...
2021-10-25 15:22:08
98
原创 控制微信内置浏览器的scrollTop
微信内置浏览器中文档的scrollTop是通过document.body取的，而不是document.documentElement。
2021-10-25 15:14:39
402
原创 JavaScript 分支语句
if语句if语句括号里面的表达式，会自动调用Boolean()转型函数将这个表达式转换成一个布尔值if ( 条件 ) { 语句块 }if ( 条件 ) { 语句块 } else { 语句块 }if ( 条件 ) { 语句块 } else if (条件) { 语句块 } ... else { 语句块 }当 条件表达式成立时（值为true），执行 语句块。如下代码块显示： let num = prompt('请输入您喜欢的科目') if (num =...
2020-12-13 18:40:35
182
原创 JavaScript 严格模式、数据类型、如何判断数据类型
严格模式开启严格模式：‘use strict’如下代码块显示： 'use strict' a = 1 console.log(a); //在不开启严格模式的情况下，这种的变量是可以访问的，但是在严格模式下这种就会报错严格模式是一个以极为标准的代码编写规范的模式，开启严格模式后，很多正常情况下可以访问的变量，都会变得不能访问，上面就是一个很经典的例子，在普通模式下，a是可以访问并且打印出来的，但是开启了严格模式，就必须按照严格模式的规范来，变量一
2020-12-13 18:12:32
194
原创 JavaScript var、let、const的区别
var与let1.var会变量提升，let不会变量提升如下代码块显示： console.log(num); //打印结果时underfind var num = 1 // 相当于是这种写法，先定义后赋值 var num console.log(num); num = 1 console.log(shanks);//报错，不能再变量定义前访问 let shanks =
2020-12-12 17:26:10
100
原创 JavaScript 运算符（简单概述）
运算符+ 相加 - 相减 * 相乘/ 除以 % 取余=赋值运算符，相当于把一个数据放在一个容器里面存储。&& 并且运算符，必须同时满足，判断两个值是否都为true。|| 或者运算符，满足其中一个即可，只要有一个为true结果就为true。!a 非、取反，即!true=>false!false=>true。> 判断a是否大于b。 >= 判断a是否大于等于b。< 判断a是否小于b。<= 判断a是否小于等...
2020-12-12 16:43:19
122
原创 css 权重，flex布局
css权重<!-- <link rel="stylesheet" href="../通用样式.css"> --> <style> /* #box11{ color:blue } */ .container div{ color: red; } .box{ color: pink;
2020-09-22 12:13:11
1517
原创 HTML+CSS知识点（十一）定位
定位：相对定位relative相对于自身的位置进行定位设置偏移量是使用topleftrightbottom，不脱离文档流，不影响其他的元素。绝对定位absolute固定定位fixed相对定位.box1{ width: 200px; height: 200px; background-color: red; } .box2{ ...
2020-09-17 14:38:59
123
原创 HTML+CSS知识点（十）解决浮动造成的塌陷+overflow用法
浮动是为了对页面进行横向布局，默认状态下是竖向布局的。设置了浮动就会对父元素造成塌陷。解决父元素塌陷有一下几种方法。方法一.container{ border: 1px solid red; height: 200px; } .container div{ width: 200px; height: 200px; float: left;
2020-09-15 17:44:58
324
原创 HTML+CSS知识点（九）盒子模型
盒子模型的尺寸组成（默认尺寸）宽：padding-left+border-left+盒子本身的宽度+padding-right+border-right高：padding-top+border-top+盒子本身的高度+padding-bottom+border-bottom限制盒子尺寸<style> .box{ width: 200px; height: 200px; ...
2020-09-15 17:32:02
487
原创 圆形、半圆、三角形、扇形实现方法
实现圆形 <style> .box{ width: 200px; height: 200px; background-color: skyblue; border-radius: 100px; } </style></head>&...
2020-08-31 09:01:45
1380
原创 表单+背景图缩写方式
表单<formaction=""method=""></form>，表单写在form标签里面，action表示表单提交到哪个页面，里面填写页面的路径，method表示表单以什么方式提交。文本输入框 <p> 用户名：<input type="text" minlength="6" maxlength="12" value="zs" readonly placeholder="请输入用户名"> ..
2020-08-30 15:29:38
437
原创 CSS选择器
通用选择器通用选择器*{}*也可以叫做通配符 ，一般用于清除页面的内外边距、超链接的去下划线、列表项的默认样式等等。兄弟选择器<style> .p+p{ color: red; } .p~p{ font-size: 20px; } </style></head><body> <p>123</...
2020-08-29 14:11:01
178
原创 标签的分类
三种标签在HTML中，分为三种标签，分别为：行内标签；行内块标签；和块级标签。行内标签<!-- 行内标签：不独占一行 不可以设置宽高 span em strong a --> <!-- <span> 我是span标签 </span> <em> 我是em标签 </em>
2020-08-29 12:12:44
1650
原创 初识CSS
什么是CSS？CSScasicadingstylesheet层叠样式表/级联样式表，是用来表现我们html文件的一种语言，如果把HTML标签当做是人的身体的话，那么CSS就是给人的身体添加各种各样的衣服的。CSS的三种引入方式<!-- 1：行内样式 2 内部样式 3外部样式 --> <!-- 1：行内样式 --> <p style="color: blue;">我是段落标签</p><head&g...
2020-08-27 11:02:58
100
原创 初识html
什么是HTML？HTML是超文本标记语言(并不是一个编程语言)，注意，html并不是编程语言，它只是给网页添加文字的标记，也可以叫做标签。标签分为两大种，有双标签和单标签双标签：前面尖括号里面的是标签的起始，后面的尖括号是标签的结尾；例如：<h1></h1> ，<p></p> ，<div></div>等等，这些都属于双标签，都是有头有尾的。单标签：单标签是独立的存在，是指有一个尖括号组成的；例如：<b...
2020-08-26 17:38:14
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人