- 博客(11)
- 收藏
- 关注
RSS订阅原创 学习BFC
学习BFC(Block Formatting Context) 什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制，它也是CSS中的一个概念。 视觉格式化模型定义了盒（Box）的生成，盒主要包括了块盒、行内盒、匿名盒（没有名字不能
2020-07-08 23:27:21
129
原创 JS中的词法作用域和动态作用域
JS中的词法作用域和动态作用域 作用域 作用域是指程序源代码中定义变量的区域。 作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。 JavaScript 采用词法作用域(lexical scoping)，也就是静态作用域。 静态作用域与动态作用域 因为 JavaScript 采用的是词法作用域，函数的作用域在函数定义的时候就决定了。 而与词法作用域相对的是动态作用域，函数的作用域是在函数调用的时候才决定的。 让我们认真看个例子就能明白之间的区别： var value = 1; functi
2020-07-08 23:08:04
247
原创 递归算法
数据结构与算法—递归算法 递归简介 递归：就是函数自己调用自己。 对于递归要分清以下概念： 自己调用自己 递归通常不在意具体操作，只关心初始条件和上下层的变化关系。 递归函数需要有临界停止点，即递归不能无限制的执行下去。通常这个点为必须经过的一个数。 递归通常能被其他方案替代(栈、数组正向求)。 认识递归，递归函数通常简易但是对于初学者可能很难取理解它。拿一个递归函数来说。 static void digui() { System.out.println("bigsai前"); digui();
2020-07-03 23:00:22
149
原创 JavaScript中this的指向
JavaScript-this指向问题 this指向 1.script中的this指向 指向：window <script> console.log(this) // window </script> 2.全局变量，全局方法，普通函数this指向需要看调用的环境 都省略了一个 window this指向全局 window // 普通的函数调用 window.function myFun() { console.log(this); } myFun(); // windo
2020-07-03 22:20:45
137
原创 js中的隐式转化
js运算中的隐式转化 什么时候存在隐式转化？ 1 进行运算时 2 左右两边操作数不是相同的数据类型 3 操作数中有引用数据类型时 算数运算符 1、当对非number类型的值进行运算时，会先将这些值转换为number然后再运算（除了字符串）。 2、加法运算时，比较特殊，当对两个字符串进行加法运算时，会做拼串，就是将两个字符串拼到一起，并返回。任何值和字符串相加都会先转成字符串再做拼串操作。我们可以利用这个特点来将任意一个数据类型转为string，只需加一个空串即可。 逻辑运算符 1、！运算：对于非布尔值，会先
2020-06-19 19:04:01
186
原创 git提交自己的代码
方式一： 1.首先在GitHub上创建一个自己的仓库，把地址复制下来，如：https://github.com/my/test.git 2.右键桌面打开GitBash，cd到要提交的项目根目录下，或者在要提交的文件上点击右键直接初始化git，输入git init命令初始化仓库，在项目文件夹下出现.git文件夹 3.关联远程仓库：git remote add origin https://github.com/my/test.git（后面的是仓库地址） 4.使用命令git add . 添加所有文件到暂存区—在
2020-06-19 17:35:57
614
原创 数组去重方法
数组去重的几种方法 1、将数组的每一个元素依次与其他元素做比较，发现重复元素，利用数组方法splice()删除重复元素 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5]; function norepeat(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]
2020-06-16 22:53:28
160
原创 移动端适配-----rem方案
移动端适配问题 在设计移动端页面时，总会出现页面中某些模块不匹配的问题。这就需要我们在设计时，就充分考虑好布局以及最后缩放效果的呈现。推荐使用类似于rem这样的相对单位来进行布局。 做移动端适配，配合 rem 是其中一种方式 首先找到最大尺寸，一般为720px 当大于 720px 宽度时，html的font-size设置为 100px，几乎能兼容所有的大显示器 要考虑的一个问题是，屏幕缩小时，字体尺寸如何调整？ 让 html 的font-size是一个动态的值；并且与视图窗口大小有关。 这样就是实现了 所
2020-06-09 20:53:56
228
原创 设计iPhoneX网站
设计iPhoneX网站 Safari开箱即用，可以在新iPhone X的边缘显示屏上精美地显示您现有的网站。内容会自动插入显示屏安全区域内，因此不会被圆角或设备的传感器外壳遮盖。 插入区域填充有页面的background-color（在或元素上指定），以与页面的其余部分融合。对于许多网站来说，这就足够了。如果您的页面仅包含纯色以上的文本和图像，则默认插图看起来不错。 其他页面（尤其是那些使用全角水平导航栏设计的页面，例如下面的页面）可以选择进一步扩展以充分利用新显示器的功能。《iPhone X人机界面指南》
2020-06-08 19:22:32
1012
原创 网页适配 iPhoneX，就是这么简单
CSS 网页适配 iPhoneX，就是这么简单 前言 iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。 笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图： 适配之前需要了解的几个新知识 安全区域 安全
2020-06-08 18:57:11
394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人