- 博客(31)
- 收藏
- 关注
RSS订阅原创 css文本溢出省略
一、首先是单行最简单的文本溢出省略1、关键属性overflow: hidden;/*隐藏超过外盒子宽度的内容*/white-space: nowrap;/*文字不换行*/text-overflow: ellipsis；/*文本溢出用省略号代替*/2、代码3、具体效果二、然后是多行省略1、关键属性 display: -webkit-box;/*弹性盒模型*/ -webk...
2019-12-06 21:14:45
218
原创 看一篇关于浏览器滚动的文章做下笔记
先贴学习的文章你也许不知道的浏览器的一些"滚动"行为。自己的一些心得移动端ios滚动可以设置 -webkit-overflow-scrolling有顺滑的滚动回弹效果很舒服。设置为——touch。android上...
2019-11-14 16:37:08
342
原创 复习一下tcp、udp、http、ssl
这些都是协议，协议是什么，就是约定好都格式，你我共用同一种格式或行为，你通过一种格式方法去存放数据，我就可以用固定方法去解析这种格式，省去了对其他乱七八糟对格式兼容的步骤。同时也对行为做出了一些规范，HTTPHTTP协议是用来规范和约束HTTP请求的。HTTP请求和响应中的内容称为报文。存放着客户端与服务器之间的交流信息。报文分为以下3个部分。状态行状态行保存了服务器与客户端之间交流的...
2019-11-12 17:49:48
625
原创 localStorage与sessionStorage与cookie
大小localStorage与sessionStorage限制为5mbcookie限制为4kb生命周期localStorage 如不删除，永久保存。cookie 默认关掉浏览器就没了，也可以设置失效时间。sessonStorage 标签页被关了就没了。是否携带在请求头上localStorage sessionStorage 否cookie 是cookie使用过多会有性能问题，因...
2019-11-08 10:58:18
146
原创 vue自我学习日志1——大方向的
vue学习日志1看了就忘，那就只能用博客记录一下了。一、SPA（单页面应用），MPA（多页面应用）相对而言先说一下大家都熟悉的多页面应用，多页面应用在跳转下一个页面时是这样的——去服务端请求新的html页面包括页面内相应的的js和css。而单页面应用(SinglePage Web Application)整体框架（html,css,js）都已经有了，不用再去服务器端拿取一遍，只要拿一些...
2019-11-07 20:19:18
487
原创 笔记，promise的注意点
不需要对promise感到不明觉厉，它只是对你的代码做了一层包装，其实它很好理解，你只要将使用它看作是一个配置器就行，
2019-11-04 17:57:21
97
原创 【js事件循环】+ requestAnimationFrame与页面绘制在事件循环中的顺序关系
我们先来看一下代码的执行顺序。如果想要看结论可以直接跳到最后。 const div = document.querySelector('div') div.addEventListener('click', function() { console.log(1) this.style.backgroundColor = 'black' ...
2019-11-04 11:38:04
1495
原创 ASCII、Unicode 、UTF-8学习梳理
一、计算机存储单位了解编码前先梳理一下计算机的各种存储单位1、bit（位）数据存储的最小单位，因为计算机是通过二进制来存储，传输数据的，二进制数据中的一位就是1bit。2、byte（字节）8bit = 1byte4bit能代表一个16进制位，很多流的打印中，会用两个16进制位来表示8个bit也就是1个byten(bit)能枚举的量为( 2n-1),n个16进制位能枚举的量为(24...
2019-10-31 18:03:18
108
原创 今天面试官问到http状态码，又忘了。。
所以只能记一下了首先是1开头的1XX100这个状态码可以用于一个协议，“100-continue”，有时候post中的数据会很大，有时候服务端需要这些数据，有时候不需要，这时候可以使用**“100-continue”**，去验证一下...
2019-10-30 17:54:04
271
原创 邮箱html开发注意事项
最近接到一个邮箱html开发的需求，顺便乘热写一点总结整体注意规范各邮箱系统不满足于富文本编辑器，所以增加了对HTML代码的支持，由于邮件的特殊性，在开发HTML邮件之前，要有一些心理准备。*以下 国内各主流邮箱 代表qq邮箱（pc+mobile）、163邮箱、126邮箱、sina邮箱、苹果自带邮箱（pc+mobile）、outlook一、放弃javascript电子邮件往往含有个人...
2019-10-14 00:00:27
2341
原创 【手淘自适应】rem+webpack实现移动端自适应布局的思路
开始之前先粗略讲一下各种概念，如果要深入理解可以谷歌关键词到处逛逛。如果对这些概念了如指掌，那就可以直接拉到第二块二、实现自适应布局区域。一、各类名词概念1、各类像素（1）物理像素(dp —— device pixels)概念说人话就是屏幕上每一颗最小发光点就是1个物理像素。ppi（每英寸像素量）是屏幕像素密度的单位，像素密度越大，屏幕显示细节就能更多，画质更加细腻，文本更加清晰。。...
2019-08-21 13:15:27
1106
原创 【阮一峰博客学习记录1】追踪用户点击
使用普通异步的方式发送用户点击日志会不成功，使用同步的方式发送会导致网页延迟。所以有了这个API——navigator.sendBeacon()作用与优势就算是关闭浏览器的操作，都可以腾出时间进行日志的发送。日志的发送能够携带信息（post）兼容性好，ie6都支持代码navigator.sendBeacon('http://waht.cc/', 'a=123')...
2019-08-19 21:34:38
122
原创 《说人话》第一篇 之 JSON 传输格式
可能《说人话》系列好多用词会不够谨慎，但是对于看这个系列的人易于理解就行，如有不当，欢迎指出。很多人搜JSON是啥，在刚接触前端的时候还以为它是一种很牛逼的技术，我刚开始也是。但与其说技术，不如说是一种标准，一种双方收发数据的约定。简单来说，JSON就是一段文本，比喻得再形象一点也可以说，JSON就是一串字符串。...
2019-07-28 23:33:23
167
原创 String原型中的各种自带方法大全详解
由于自带的方法功能强大，性能强悍，所以非常有用。下面一个一个方法进行讲解。当然一些将不被支持的方法就不放上来了。charAt(index)解释输出字符串中第index个字符，第一个字符的索引为0，以此类推。使你不需要将字符串转化成数组，再输出相应字符这么麻烦。参数index：代表想要输出字符的索引。例子var str = 'hello world!'var char1 ...
2019-07-11 11:08:44
871
原创 if 与 == 与 === 与 ! 的真假判断大全外加Number()函数的使用看了就会知道[]==![]为true的原因
先看看if中的真假各种值在if中的真假undefined //false1//true-1//true0.0//false-0//false0//falseNAN//false Infinity//true 这竟然是真''//false'1'//true'0'//true[]//true{}//truenull//falsefunctio...
2019-07-07 16:34:18
1344
2
原创 模块化标准【AMD】【CMD】【CommonJS】【ES6】以及 module.exports、exports、export、export default、require、import 间的理解概论
模块化（原因和概念）先介绍一下模块化是个什么东西，解决了什么。这段话转自https://www.cnblogs.com/yuwenjing0727/p/6897940.html，讲的非常通俗易懂在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技...
2019-07-07 04:53:13
857
原创 ES6详解大全
1、const / let不会造成变量提升console.log(a)//undefinedvar a = 1console.log(a,b)//报错const a = 1let b = 1相对与 var 新建块级作用域if(true) { var a = 1} console.log(a)//1if(false) { let a = 1 const b ...
2019-06-27 16:50:59
863
原创 秒懂js函数【防抖】与【节流】
节流如果给元素一个scroll事件，然后你开始滚动滚轮，假如它一秒钟执行5次，而你只想它每秒最多执行5次，这就是节流。案例1、不用写闭包的版本function throttle(doc, eventName, fn, time = 1000) { let timer doc.addEventListener(eventName, function(){ if(timer) re...
2019-06-27 13:03:07
113
原创 ES6 之 类与继承
ES6的类与继承与ES5的类与继承相比较class 类创建一个Animal类ES6ES6中类的创建变得非常简单class Animal {}ES5function Animal() {}constructor 构造器新的构造器，为Animal类加上species构造属性ES6class Animal { constructor(species){ t...
2019-06-18 12:11:17
1175
原创 ES6之箭头函数详解（this指向以及要点）
首先对比下箭头函数与普通函数1、书写格式普通函数function(a) { console.log(a) return a}箭头函数(a) => {//简洁了不少 console.log(a)}a => {//如果只有一个参数括号可以省略 console.log(a)}...
2019-06-14 11:41:53
4012
原创 【git的学习】本地仓库的理解和使用（二）git reset
通过https://blog.csdn.net/weixin_42476799/article/details/89425041学习了暂存区和共工作区的一些指令。但是暂存区与工作区的交互其实没什么用，贮存区才是git的大佬。我们先进行一个最简单的提交。我们先创建一个git仓库git init再创建一个index.txt文件，内容为：I created index.txt!我们将文...
2019-05-09 17:08:50
349
原创 写一个方法，实现 javascript 中双等号==的效果,双等于底层逻辑
//其中toNumber与toPrimitive为js的抽象操作 function toNumber(item) { //toNumber与Number类似 return item.type === 'object' ? Number(toPrimitive(item.val)) ...
2019-05-08 14:16:13
302
原创 【git的学习】windows本地仓库的理解和使用（一）
先讲讲本地git仓库有什么用。最重要的一点就是管理码号的代码的版本。这时候问题来了，我代码工作量也不是很大，我要这么多版本干啥用呢，写错了我还能ctrl - z ，麻烦的时候大不了多摁几下。为什么要大动干戈地用到git呢。那我们来想想看ctrl-z是不是很多时候一直摁着摁着就没反应了——编辑器对编辑历史的回退都有限制。特别是在学习过程中打开n个页面，可能磕碰下多打了不该打的字，尤其是很多...
2019-04-29 17:12:58
1033
原创 mysql远程SSH报错 1251 【解决方法】
今天试了一下mysql的远程连接，自己操作是这样前面讲这个错误给我心酸的故事，如果情况紧急可以直接拉到最后看怎么解决这样然后就这样了我寻思我ssh账号密码Ip地址对的呀，然后去网上找了一下1251报错百度第一页的博客都说是mysql8.0加密兼容问题，然后着我当时寻思我的mysql版本是5.6啊，不管了，死马当活马医，就对着原文https://blog.csdn.net/xdmfc...
2019-04-20 18:33:27
919
原创 详解valueOf() 与toString()是做什么的以及其在各种情况下的应用
前言各种引用对象都继承或最终继承于 Object ，所以它们不管何时都有 toString() 和 valueOf() 方法，只不过有些类型的原型重写了这两个方法，比如 Function 实例的原型就重写了 toString() 方法，按照原型链的规则，如果属性方法在原型链的各原型中有重名，则优先使用最近的方法和属性。先看看大概有哪些对象重写了这两个方法Function 重写了 toSt...
2019-04-18 16:48:16
3691
原创 【nodejs】express框架(一) express的使用以及express.static的使用，顺带解决一些服务器路径问题和浏览器解析过程
express的基本使用npm init//创建管理文档npm i express -S //-S表示在生产环境下也要用到的包var express = require('express');//导出express的顶级函数var app = express();//创建express对象app.get('/', function(req, res){//监听get请求的'/'地址 ...
2019-04-14 22:01:49
4152
1
原创 VUE过渡动画过程详解分析（上）
VUE过渡动画过程详解分析（上）/* v-enter 元素进入之前的样式类 ，v-enter-active元素过渡过程中的过渡效果， v-enter-to元素过渡动画终点的样式（如果设置过渡动画结束后会把它和v-enter-active直接删除，因为这时过渡效果active被删除，所以删除它这个类的过程中不会有过渡动画产生，比如它有一个属性opaicty:0.4,在过渡结束后直接从opaci...
2019-04-12 13:07:34
1140
原创 vue的生命周期及钩子函数
var vm = new Vue()//创建一个vue实例对象//初始化一些默认的事件和生命周期beforeCreate () {}//在实例data和method函数被初始化出来前，不能调用data和method函数//初始化data和method两个函数created () {}//第二个生命周期函数，可以调用实例，但内容未被编译成模板//判断有没有el元素，没有则等待调用，有就进行...
2019-04-12 08:20:35
127
原创 nodejs中 import 与 async
测试版本node v10.15.3//async.js;(async function a() { let res = await new Promise(function(resolve) { setTimeout(function() { resolve(2) }, 1000) }) console.log(res)})()Administra...
2019-04-11 14:54:45
1741
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人