前端
这碗花里只有粥
Keep it simple,stupid.
展开
-
《你不知道的JavaScript》--读书笔记
???? 上卷: 作用域和闭包, this和对象原型???? 中卷: 类型和语法, 异步和性能???? 下卷:起步上路,es6及更新版本目录Part 1 作用域和闭包chart 1 作用域是什么1.1 编译原理1.2 理解作用域1.3 作用域嵌套1.4 异常1.5 ????小结chart 2 词法作用域2.1 词法阶段2.2 欺骗词法2.3 ????小结Part 1 作用域和闭包chart 1 作用域是什么1.1 编译原理 javas原创 2020-11-28 19:43:08 · 526 阅读 · 0 评论 -
前端常用的HTTP知识
前端常用的HTTP知识1 http在浏览器网络中的位置,属于应用层协议2 http的版本 1.0, 1.1, 2, 3http3底层是基于UDP来的,之前的是基于Tcp来的3 浏览器开发者工具中的network中 protocol可以看http的版本 h2表示http24 network 可以看请求的具体信息 request请求包含 method ...原创 2020-04-27 18:18:35 · 387 阅读 · 0 评论 -
函数声明 vs 函数表达式
区分函数表达式与函数声明 有没有函数名 通过上下文区分,在块类的为函数表达式 函数表达式有声明提前,而函数表达式没有,函数表达式在运行时声明 arguments.callee的引用一直是被调用的函数//命名函数表达式得有名字//这个名字只在新定义的函数作用域内有效,因为规范规定了标示符不能在外围的作用域内有效://调试器中的函数名...原创 2020-04-11 22:48:10 · 183 阅读 · 0 评论 -
h5页面不能滑动的问题--记录
刚刚做项目的时候发现h5页面不能往下滑动。也不知道原因是什么,于是在网上看到了类似问题的分析,总结如下导致这个问题的原因可以从两个js和css这方面去排查1 查看js中是否有添加类似下面的代码//这个的作用就是 禁掉相应的事件document.addEventListener('touchmove', function(e) { e.preventDefault();}, ...原创 2020-03-20 19:44:18 · 3818 阅读 · 0 评论 -
使用安卓调试h5
开发者官方文档:https://developers.google.com/web/tools/chrome-devtools/remote-debugging?hl=zh-cnps: 手机也需下载一个谷歌浏览器噢如何让手机能够访问到本地的h5?以前尝试过让手机和本地的项目地址在同一个局域网,这样可以访问;但是真的涉及到需要调试的话,还是需要按官方文档的来噢...原创 2020-03-07 11:52:25 · 427 阅读 · 0 评论 -
ES6 计算属性名称(Computed property names)
在react的文档里看到了这么一段代码,想不起什么是计算属性名称。现在记录一下。this.setState({ [name]: value});等同于ES5中的以下代码var partialState = {};partialState[name] = value;this.setState(partialState);在https://developer.mozil...原创 2019-10-15 18:54:36 · 1089 阅读 · 0 评论 -
元素水平居中,垂直居中
问题描述:一个元素在容器中垂直居中。方法(一)容器盒子设置position:relative;元素设置position:position: absolute;top: 50%;left:50%;transform:translate(-50%,-50%);<!DOCTYPE html><html> <head> <meta cha...原创 2019-10-09 18:10:46 · 108 阅读 · 0 评论 -
flex布局
1 概述flex布局的属性有点多,除了弹性盒子还有弹性元素的属性。使用到弹性布局的时候总会有点懵逼。。。现在重新梳理一下弹性布局。首先弹性布局里包括弹性容器和弹性元素。一个元素既可以是弹性盒子,也可以是弹性元素。有一点挺重要的,flex布局是一种一维布局。一次只能处理一个维度(一行或者一列)上的元素布局与弹性容器相关的属性:flex-flow 复合属性(flex-flow = ...原创 2019-10-08 23:33:51 · 395 阅读 · 0 评论 -
CSS中content属性的作用
content属性与:before及:after伪元素配合使用,用于插入生成的内容;与:before搭配,在元素前插入内容。与:after搭配,在元素后插入内容。可以插入的内容包括文本、图像、引号,还可以结合计数器,为页面元素插如编号。举个栗子:<!DOCTYPE html><html> <head> <meta charse...原创 2019-10-08 11:51:54 · 533 阅读 · 0 评论 -
几种解决IE6 Bug的方法
解决双边距问题,是使用float引起的解决方法:使用display:inline3像素问题 ,是使用float引起的解决方法:使用_margin-right:3px超链接hover伪类样式,单击后失效解决方法:使用正确的书写顺序 :L->V->H->A (link,visited,hover,active)z-index问题解决方法:给父级元素添加positi...原创 2019-10-08 11:36:12 · 212 阅读 · 0 评论 -
HTTP与HTTPS
1 什么是HTTP?HTTP是超文本传输协议,是客户端与服务器端之间的数据传输的格式规范。2 HTTP与HTTPS的区别HTTP是身披ssl/tls的http。区别:url 的不同 http 是以http://开头 ,https是以https://开头 端口号不同:http的端口号是80,https的标准端口号是443 传输数据放的位置不同:http提交的数据放在url后,...原创 2019-09-02 11:58:11 · 773 阅读 · 0 评论 -
一个页面从输入URL到页面加载显示完成,这个过程都发生了什么?
1.在浏览器输入url地址2.浏览器查找缓存浏览器会查找浏览器缓存,系统缓存,路由缓存,如果没有的话继续下一步,如果有的话,直接显示。note:浏览器会把访问过的web网站资源缓存起来,而判断是否使用缓存的条件有以下几种:①是否存有这个网站的缓存②这个网站的缓存是否过期,具体看Cache-Control里的缓存的有效期③跟服务器进行协商是否使用缓存,如果上次缓存的时候有La...转载 2019-09-02 12:29:51 · 227 阅读 · 0 评论 -
学习React之旅--1
学习React的原由是面试的时候出了一个测验。给四天时间要求用react写个todo-list的demo,还要使用ant-design作为视图界面。emmm...这些我都没有用过,还是学起来吧。刚开始的时候是在慕课网上看了一个React入门的视频,跟着视频做了个todo-list;接着看了React的中文教程,跟着教程做了一个下棋的小游戏;昨天晚上及今天上午在看React文档中主要概念一节,顺便跟...原创 2019-09-05 12:48:02 · 107 阅读 · 0 评论 -
学习React之旅--写一个todoList
在上次文章中提到,我会学习React的基础和ant-design的一些组件,并且使用htmls5的web Storage实现一个todoList。todoList的功能写item:写入title及content 使用checkbox勾选item,表示这一项内容已做,item项的内容需要划掉 更改item中的content内容 删除某一项item list需要存储起来,下次访问这个页...原创 2019-09-08 02:14:43 · 164 阅读 · 0 评论 -
做一个jQuery插件---带“旋转木马”效果的轮播图
前阵子看了陈情令。嘻嘻嘻,王一博真好看。。。昨天做了一个轮播图的插件,放上博机的照片好好看。。。先放个效果图下午再详细写如何实现的插件,并将代码到github ^-^回顾写jQuery插件的步骤1将jQuery插件的代码写在闭包里。(function($){ //do something})(jQuery)这样写的好处:避免全局依赖、避免第三方破坏、兼...原创 2019-09-10 11:57:17 · 618 阅读 · 0 评论 -
JS题目--对象相关
(1)输出什么?const box = { x: 10, y: 20 };Object.freeze(box);const shape = box;shape.x = 100;console.log(shape){ x: 10, y: 20 }分析:Object.freeze使得无法添加、删除或修改对象的属性(除非属性的值是另一个对象)。(2)输出什么?co...原创 2019-10-06 15:45:44 · 234 阅读 · 0 评论 -
实现DIV+CSS实现三栏布局(左右固定50px,中间自适应)
效果图如下,当改变页面的宽度 两侧的宽度为50px,中间自适应<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>d</title> <style> .container{ height: 500px;...原创 2019-10-08 11:13:31 · 701 阅读 · 0 评论 -
GET请求与POST请求的区别
GET方式与POST方式的区别:GET方式:1 数据通过url发送,显示在地址栏2 传递的数据大小有限制3 字符集会被自动转换为ISO-8859-1,一般需要在服务器端进行解码解决乱码问题:...原创 2019-07-17 16:50:50 · 72 阅读 · 0 评论