safair下input获取焦点时fixed失效
1、fixed 失效的原因
在 safair 下,当 input 获取焦点当时候,页面内设置当 fixed 固定定位会失效。为自己记录一下产生问题当原因,以便以后查阅。
2、解决办法
根据不同当场景,使用不同当方法。如果 fixed 在顶部可以不做处理,因为本身 input 获取焦点就是在操作 input、如果是在底部,可以设置整体为绝对定位,占全屏,Y 轴超出滚动。还有一种稍微通用当方法就是,操作 dom。在获取 input 焦点的时候,获取滚动距离,设置固定定位为绝对定位,计算出合适当距离,在失去焦点当时候,恢复为固定定位。
随笔
Flutter Mac环境配置 创建项目
1、目标
最近开始学习 flutter 开发 app 了, 然而学习之前要安装搭建开发环境。
2、安装
官网https://flutterchina.club/setup-macos/首先先下载 flutter 包,下载开发工具等等。其次就是配置环境,因为 flutter 并不像 node.js 那样,安装上就直接配置到环境变量了。flutter 需要自己去配置。具体到配置,可以看上面到官网。这里只记录自己开配置过程中遇到到一些问题,记录一下。
3、配置环境变量
1、在下载好 flutter 包以后,进行解压,然后把解压后到文件放在你想要按装的位置2、使用 linux 的编辑器工具 vim
1vim ~/.bash_profile //使用vim编辑器编写.bash_profile
3、在打开 vim 编辑器后,按i进入编辑模式,输入
1export PATH=/你的flutter文件夹所在位置/flutter/bin:$PATH
4、输入完成后按esc进行退出,输入** :wq进行保存退出。这个时候你可能会遇到一个错误(没有截图),就是说文件只读,这时强制保存退出就 ...
数据结构与算法之图形结构
图的概念
图结构中,一个结点可以链接到任意结点,所有结点链接而成的结构,即为图结构
图结构中的链接可以是有向的,也可以是无向的(双向链接),本文仅讨论双向链接
树结构是一种特殊的图结构
图结构没有根,可以有环,但是在一个图结构中,不能存在两个或以上的孤立结点
可以使用图中任何一个结点表示整个图结构
图结构是一种常见的数据结构,例如网络爬虫抓取的网页就是一种典型的图结构
图结构的代码可表示为:
1234function Node(value){ this.value = value; this.neighbors = [];}
相关算法
查询算法
和树结构一样,图结构的查询也可以分为深度优先(Depth First Search)和广度优先(Breadth First Search)查询
最小生成树算法
如果一个图中结点连接而成的边具备某种数值,需要将这些边进行精简,生成一个连接全节点同时总边长最小的树结构,该树称之为最小生成树
实现最小生成树可以使用Prim算法,从任意一个点出发,连接到该点最短的点,组成一个部落,然后继续连接到该部落最短的点,直到把 ...
在职专升本高等数学公式
1、前言
本文所有内容均为图片,本文所有内容来自网络,本文所有内容只为方便本人学习使用。如若侵犯了您的版权,请联系我,本人会在第一时间删除本文章。如若对您造成了不便,敬请见谅。
2、公式内容
如果能够帮助到你,是小编最大的荣幸
当然 有 不好的地方 请大家帮忙指出 学习永无止境
小编一直认为 人外有人 天外有天 一起学习 共同进步
让我们共同加油吧!!!
数据结构与算法之树形结构
树树是一个类似于链表的二维结构,每个节点可以指向0个或多个其他节点
树具有以下特点:
单根:如果一个节点A指向了另一个节点B,仅能通过A直接找到B节点,不可能通过其他节点直接找到B节点
无环:节点的指向不能形成环
树的术语:
结点的度:某个节点的度 = 该节点子节点的数量
树的度:一棵树中,最大的节点的度为该树的度
结点的层:从根开始定义起,根为第1层,根的子结点为第2层,以此类推;
树的高度或深度:树中结点的最大层次
叶子节点:度为0的结点称为叶结点;
分支节点:非叶子节点
子节点、父节点:相对概念,如果A节点有一个子节点B,则A是B的父节点,B是A的子节点
兄弟节点:如果两个节点有同一个父节点,则它们互为兄弟节点
祖先节点:某个节点的祖先节点,是从树的根到该节点本身经过的所有节点
后代节点:如果A是B的祖先节点,B则是A的后代节点
树的代码表示法:
1234function Node(value){ this.value = value; this.children = [];}
二叉树如果一颗树的度为2,则该树是二叉树
二叉树可以用下 ...
数据结构与算法之排序和查找
排序算法
选择排序 Selection Sort
一次选择排序,可以将某个区间的最小值排列到该区域的第一位,具体过程是:
冒泡排序 Bubble Sort
一次冒泡排序,可以将某个区域序列的最大值排序到该区域的最后一位,具体过程是:
快速排序 Quick Sort
选择一个数(比如序列的最后一位)作为基准数,将整个序列排序成两部分,一部分比该数小,另一部分比该数大,基准数在中间,然后对剩余的序列做同样的事情,直到排序完成
查询算法
顺序查找 Inorder Search
即普通的遍历,属于算法的穷举法,没啥好解释的
二分查找 Binary Search
如果一个序列是一个排序好的序列,则使用二分查找可以极大的缩短查找时间
具体的做法是:
查找该序列中间未知的数据
相等,找到
要找的数据较大,则对后续部分的数据做同样的步骤
要找的数据较小,则对前面部分的数据做同样的步骤
插值查找 Interpolation Search
插值查找是对二分查找的进一步改进
如果序列不仅是一个排序好的序列,而且序列的步长大致相同,使用插值查找会更快的找到目标。
插值查找基于如下假设:下 ...
数据结构与算法之线性结构
常见问题
什么是数据结构?
用于表示数据关系的结构
常见的数据结构有:数组、链表、树、图等
什么是算法?
根据已知数据得到结果数据的计算方法
常见的算法有:穷举法、分治法、贪心算法、动态规划
数据结构和算法有什么关系?
数据结构关心的是如何使用合适的结构存储数据
算法关心的是计算过程
有了相应的数据结构,免不了对这种数据结构的各种变化进行运算,所以,很多时候,某种数据结构都会自然而然的搭配不少算法。
数据结构和算法课程使用什么计算机语言?
数据结构和算法属于计算机基础课程,它们和具体的语言无关,用任何语言都可以实现。
本课程采用JavaScript语言。
递归知识回顾递归(recursion)是函数式编程思想的产物,它使用数学函数的思想进行运算,只要在数学逻辑上是合理的,即代码中的函数一定合理
使用递归时,无须深究其运行过程!
斐波拉契数列的特点是:第1位和第2位固定为1,后面的位,其数字等于前两位之和,比如:
[1, 1, 2, 3, 5, 8, 13, 21, ……]
求斐波拉契数列第n位的值,n>0
如果使用函数f(n)来表示斐波拉契数列第n位的值,通过数学分析 ...
less全局变量
1、前言
记录每天学习的过程中遇到的一些问题和解决方案,如果哪里有不对的地方,还望指教。
原创文章: 转载请注名出处,谢谢配合
2、问题——less全局变量的使用2.1、全局less变量
2.2、vue文件中使用全局的变量
可以看到问题所在,提示我变量为定义。而我已经在全局定义过了,在main.js中引入了,但是没有起作用。
3、解决问题——使用sass-resources-loader解决3.1、安装sass-resources-loader123npm install sass-resources-loader --save-devORyarn add sass-resources-loader --save-dev
3.2、配置
在根目录创建一个vue.config.js的文件
12345678910111213const path = require("path");module.exports = { pluginOptions: { "style-resources-loader": { ...
nuxt.js页面刷新数据丢失
1、前言
记录每天学习的过程中遇到的一些问题和解决方案,如果哪里有不对的地方,还望指教。
原创文章: 转载请注名出处,谢谢配合
2、问题
前几天搭建的项目,交给同事去做了。今天他过来问我,你看我页面好好的,跳转也正常,但是跳转过去后,刷新页面的时候,就报错了。页面数据丢失了。存到vuex里面的数据清空了,拿不到了。在asyncData里面也拿不到window等客户端对象,持久化存储等方式也没有办法拿到数据。这个我想了两天多了,不知道该如何解决。你帮我看下,看怎么做才能在页面刷新的时候拿到数据呢?
这是今天公司的同事给我反应的问题。
3、解决问题
知道问题的原因,解决问题还不简单么?咱们先看看nuxt的文档看上面官网给的api可以看到,这个api可以获取到页面的上下文对象作为这个api的第二个参数传递给它。
因此,我们就可以在服务端拿到客户端请求的url了。
12345678actions: { nuxtServerInit({ commit }, { req }) { console.log( ...