- 博客(24)
- 收藏
- 关注
RSS订阅转载 js继承
原型链继承function SubType(){ this.property = true;}SubType.prototype.get = function(){ return this.property;}function SuperType(){}SuperType.prototype = new SubType();var ins = new SuperType();...
2019-04-14 10:35:57
149
转载 css多行省略
仅用css实现多行省略<div class = "flex">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>.flex{ width: 200px; max-height: 100px; overflow: hidden; word-wrap: break-word; position:relati...
2019-04-13 14:31:24
511
原创 层叠问题
z-indexz-index是用来调整元素及其子元素在z轴上的位置（仅对具有position属性的元素（不考虑css3）生效）层叠水平一个dom元素，在不考虑层叠上下文的情况下，会按照层叠水平决定元素在z轴的显示顺序，（7阶层叠水平（stacking level））若两个元素层叠水平相同时，遵循后来居上原则后面的dom覆盖前面的domz-index大，谁在上层叠上...
2019-04-13 12:14:20
412
原创 圣杯布局和双飞翼布局
记录一下圣杯布局<div class = "container"> <div class = "main">main</div> <div class = "left">left</div> <div class = "right">right</div></div>*{ m...
2019-04-11 15:29:50
181
原创 css定位
relative（相对定位）相对定位的元素是在文档的正常位置偏移给定的值，但不影响其他元素的偏移absolute（绝对定位）相对定位的元素未脱离文档流，而绝对定位的元素则脱离了文档流，在布置文档流种其他元素时，绝对定位元素不占据空间，绝对定位的元素相对于最近的非static祖先元素定位，当这样的祖先元素不存在时。相对于初始包含块。fixed（固定定位）固定定位与绝对定位相似，但元素的包...
2019-04-07 20:36:56
121
原创 js高程复习--变量，作用域，内存
5种基本数据类型Undefined， Null， Boolean， Number， String,按值访问变量（引用类型按引用访问），不同副本所有函数均是按值传递参数，针对基本类型的传递不做举例，参数即一个新的副本针对引用类型，以下是因为传递的值是针对于对象的引用，所以在函数内部的修改在外部也可以体现，而对按值传参最好的解释就是加上注释的代码后，输出不变。因为这时obj是一个新...
2019-04-07 20:20:06
115
转载 图片懒加载
实现方案默认不加载图片，仅加载占位图片计算图片是否位于可视区域内，触发加载条件< img >src属性加载资源在计算图片是否位于可视区域时，需要先了解scollTop/offsetTop等，这篇博客有对这些偏移量的详细解释判断方法：可视区域的高度（offsetHeight） + 滚动条卷去的高度（scrollTop） >= 元素相对于外框的距离(offsetT...
2019-03-29 10:23:20
113
原创 <a>标签
<a href="mailto:someone@yoursite.com">Email Us</a>这个标签可以唤起本地邮件客户端（如果用户将其默认邮件客户端（例如Outlook，Apple Mail等）设置为本机应用程序）添加主题和正文<a href = "mailto:chriscoyier@gmail.com?subject=Important!&a...
2019-03-23 13:20:19
198
原创 LCS-最长公共子序列
概念：A和B的公共子序列中长度最长的（包含元素最多的）叫做A和B的公共子序列。1）最简单的方法还是暴力解决，循环找出A与B的所有子序列，然后进行比对找出最长子序列2）动态规划，首先给出递推式首先解释递推式，针对序列Am<a1,a2,a3,a4,a5…am>Bn<b1,b2,b3…bn>，他们的最长公共子序列是Ck<c1,c2,c3…ck>,即存在以下两种...
2019-03-21 11:20:33
147
原创 小程序canva手写板
上式初步设置好后即可手写，但真机使用存在严重的延迟问题，解决办法，在canvas标签中加上disable-scroll = “true”
2019-03-20 08:55:35
1058
3
原创 css雪碧图
使用css图的目的是减少http请求的数量，提升页面性能使用方式是通过sprite工具将小图拼接成一张大图，在请求时请求一张图片，最后通过background-position来显示特定区域的图片...
2019-01-04 12:54:28
145
原创 关于圆角问题
圆角很容易实现E{ border-radius: 10px; border: 1px solid black;}这是经常使用的圆角表示方式。很实用，但不可避免地会出现一些问题。在标准盒模型中，制定的width， height指的是内容的宽度，也就是说，添加了边框宽度时，元素所占的空间尺寸会改变，这样很有可能会影响到原有布局。当然，可以使用box-sizing: border-box来拯...
2018-12-22 14:00:57
187
原创 leetcode--the n-th ugly number
思路就是循环从小到大一次找出所有的丑陋数（主要因数仅为2， 3， 5）；/** * @param {number} n * @return {number} */var cache = [1]; //第一个丑陋数是1;var p1 = 0;var p2 = 0;var p3 = 0;var nthUglyNumber = function(n) { var m, r...
2018-12-22 00:31:34
160
原创 链表的一些操作
问题形如：链表中存在环，找到第一个节点，或者找到倒数第k个节点，或者找到中间的节点；都是要设置多个指针同时遍历，指针遍历的述律满足一定的条件，这样子来解决问题var detectCycle = function(head) { let fast = head; let slow = head; &...
2018-12-09 16:14:49
135
原创 今日代码学到的东西
在今天代码的学习中，着重注意了一下接收的代码规范，什么commonjs，amd，cmd之类的，今天第一次接触，经验如下在html文件中script引入的js文件使用es6语法中的export import（模块化编程）会报错，解决办法是使用webpack将文件转为es5标准npm install webpack -g//webpack.config.jsvar webpack = r...
2018-10-28 23:29:31
158
原创 dijkstra算法学习
记录一下：使用dijkstra算法来解决不带负权的图求最短路径（大作业）算法实现：将图初始化为邻接矩阵map[][]（map[i][j], map[j][i]值为两点之间边的权值），初始化dis数组（起始节点到其他所有节点的边的权值，无边到达则为最大值，自身为0），初始化visited数组（记录该节点是否被访问过），初始化prev数组（记录前驱结点，以此记录路径），遍历dis数...
2018-10-25 11:09:17
188
原创 关于微信小程序的背景图片问题
wxss中（background-image属性）使用本地文件夹相对路径（报错），官方对于小程序的这个属性解释为，在wx文件中无法获取本地资源，这里可以使用网络图片地址或者先将图片转化为base64图片后引用（base64在线转码工具）。针对于没有自己服务器的人，可以先将图片传入空间相册，然后打开图片后右键保存地址后使用，是哦那个的时候要注意，在手机上预览正常，但在开发者工具上无法显示。...
2018-10-13 16:17:22
1042
原创 制作markdown在线编辑时遇到的部分问题
读取本地json文件，最开始使用的方法是script标签引入。但是这样做的话只有在json文件中加入var name = {}。这样就不是纯正的json文件了。<script src = 'url'></script>之后读取json文件使用了ajax（注意到如果是读取网上的json文件要注意跨域问题）方便快捷var url = //json路径xhr.o...
2018-10-06 23:25:57
218
原创 遇到的ajax关于post请求的问题
写在线markdown解析的时候，试了很久一直没有成功。因为服务端（node.js写的）显示req.body一直是空对象，显示以为是body-parser的问题。结果最后换成jquery发送请求成功了居然，最后才发现时原生ajax理解有问题。ajax在发送post请求传输json数据时，要先把json数据转化为字符串，另外一定要设置请求头！！ xhr.open('post', ...
2018-10-05 23:58:35
179
原创 数组常见方法（学习ing）
目录栈方法Array.push()Array.pop()队列方法Array.shift()Array.unshift()重复排序方法Array.reverse()Array.sort()操作方法Array.concat()Array.slice()Array.splice()位置方法Array.indexOf()Array.lastIndexOf()迭代方法Array.every()Array.f...
2018-09-30 16:02:01
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人