- 博客(30)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 关于路由router的实现
目前框架的路由实现一般是hash和browser两种hash是通过 XXXX/index.html#home 这种锚点的方式去实现页面的变化browser就是浏览器的url，通过replace替换当前url的路由，实现页面的变化下面一个demo思路是在补获点击事件，通过设置的模式选择现实浏览器的url的地址，同事触发一个routerchange的方法。通过routerchager方法去改变页面显示区域的内容。<!----> <div class="router_box">
2020-07-09 11:42:02
613
原创 关于vue-cli 中执行的 vue-cli-service
最近又整回vue去了，不说了，还是脚手架先整吧。假设你已经通过vue create vue-base有了vue-base 项目然后我看到"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },这里执行的是vue-cli...
2020-04-21 17:17:20
42060
2
原创 mac 系统如何从vue 2.x 版本升级到3.0版本
首先执行npm uninstall vue-cli -g然后我惊喜的发现 vue -V 居然还是之前的版本，开心。分享本人的解决方案：1、which vue返回了一个地址 url /user/local/bin/vue2、cd url (/user/local/bin) 进到vue项目之前的文件夹3、rm -rf vue 删除所有跟vue相关的4、重新安装 npm inst...
2020-04-21 16:07:50
1214
原创 关于前端项目优化之DNS解析
最近经常被问到url从输入到页面出来发生了哪些？1、浏览器先输入一个网址2、然后浏览器或者是从缓存或者会去互联网上找DNS服务器进行解析3、从DNS服务器拿到服务器IP以后，在回到浏览器中4、然后浏览器拿着IP去发送HTTP请求5、服务器处理请求6、服务器响应请求7、浏览器处理响应8、继续请求其它资源我们可以看到第一步就是做域名解析。那我们从这个层面可以做哪些事情呢？1、域名...
2020-01-16 12:56:23
428
原创 http 协议
最近经常被问到关于http的相关问题。于是进行了一波学习以下是学习笔记。http归根结底是一个网络服务协议，一个标准。这里先补充一个网络协议经典的五层模型网络协议分应用层、传输层、网络层、数据链路层、物理层 经典五层模型物理层：硬件设备相关数据链路层：确保数据和硬件之间能通信的基础软件网络层：数据在结点之间传输创建逻辑链路传输层：TCP。。。 提供端到端的服务，比如本机和百度的通信...
2020-01-09 18:37:29
262
原创 关于前端的安全之XSS和CSRF攻击
这里的很多是参考了一些博文而整理归纳的。https://blog.youkuaiyun.com/liushijun_/article/details/91410976https://segmentfault.com/a/1190000016551188对于前端的页面有一定的独特性，比如我们经常有这种经历就是直接打开一个页面console面板直接在console里面就可以执行你的js代码就可以了。在这里就...
2020-01-07 14:31:03
285
原创 关于css之盒子模型
最近重新看css相关的问题，这里真理一下看书的笔记。盒子模型是一个标准。首先我一直将css理解为一个大盒子，大家就这么往里面放东西，理论上这个盒子按照一层来放，但是盒子一排能放多少东西就有了影响位置的一些因素，比如这个盒子中用来装东西的位置宽高（content），盒子本来的那个壳(border)，盒子的那个壳距离能放内容的宽高（padding），以及每个盒子之前的距离（margin） 。因为...
2020-01-07 12:50:25
182
原创 typescript 项目实践（一）
最近学习typescript 。现在从项目最开始的创建开始记录下可能碰到的问题。项目创建create-react-app admin --scripts-version=react-scripts-ts考虑到我需要做一些特殊的webpack的配置所以这里要做一个ejectcd admingit initgit add .git commit -m 'Saving before e...
2020-01-07 12:23:06
1062
原创 js中的函数声明提升和变量声明提升
首先，我们之前有说过变量声明提升的概念。 console.log("temp_c", temp_c); var temp_c = "test";这里就是变量提升的,函数声明提升。 console.log("fn", fn, typeof fn); function fn() { return "5"; } consol...
2019-12-15 22:48:32
198
原创 es6详解之一let、const
关于变量的定义es6之前我们使用var去声明一个变量。es6开始引入了let、const来声明变量那么这种跟传统的var有什么区别呢总结下来主要是这个几个方面的区别：1、作用域的区别2、变量提升3、重复声明4、暂时性死区不说了上代码：...
2019-12-15 16:01:02
179
原创 关于js中数据类型的判断
首先，我们知道ECMAScript中有5种简单数据类型:Undefined、Null、Boolean、Number、String和Symbol。还有一种复杂数据类型Object。js还有三大引用类型：Array、Object、Function那么如何去判断一个数据的数据类型呢？1、typeoftypeof可以帮我们分辨出如下的一些数据类型，大部分是简单数据类型：nudefined、num...
2019-12-14 17:29:51
235
原创 记录在做大文件上传的过程中遇到的问题
1、413 request Entity too Large问题：访问分片接口的时候浏览器返回413排查：跟后端同学排查发现后段接口能收到请求并且成功可能出现在两个阶段：1、node起服务代理的时候2、中间代理转发的时候设置client_max_body_size 20m;2、关于文件夹上传webkitdirectory ＝'' 启动文件夹上传webk...
2019-10-24 11:20:35
528
原创 常用工具库
针对项目中用到的一些常用的转化操作记录1、base64转换consttoBase64=str=>{returnwindow.btoa(encodeURIComponent(escape(str)));};2、获取2位随机数constRandomTwo=()=>{constmath=parseInt(Math.r...
2019-10-24 11:02:20
205
原创 前端面试整理
总结一下最近几次面试遇到的一些问题，与大家一起学习。一般面试官会让你做自我介绍，你可以捡自己拿手的项目说。1、浏览器渲染原理，还有输入IP到页面展示的过程，期间有被问到过（TCP/IP三次握手都做了什么，http1.0，http1.1，http2.0的区别）2、重排与重绘分别是什么，什么情况下会发生重排，什么情况下发生重绘，由此写css有哪些可以优化的点3、写一个吸顶的效果，具...
2018-08-17 00:33:46
272
转载 关于Css折行的总结
关于Css折行的总结首先我们来说说默认，其实默认就是会有一个white-space：nomal自动换行，但是在一些比较特殊的情况比如全中文，全英文的情况下，或者涉及到IE系的兼容，就可能要特殊处理。关于兼容我觉得http://www.jb51.net/css/42578.html 篇文章就写的很详细。<div class="c1">safjaskflasjfklsajfklasjflksajflk
2016-12-19 11:17:40
1168
原创 关于iscroll滚动插件，在iOS下面，上拉之后无法回弹的问题
关于iscroll滚动插件，在iOS下面，上拉之后无法回弹的问题场景：项目运用iscroll做分页，发现在ios上面上拉，只要手指碰到native 的导航之后就发现页面无法会弹解决思路：判断页面手指滚动靠近页面可视区域就让其回弹if((this.y < this.maxScrollY) && (this.pointY < 1)){ this.scrollTo(0, this.maxScrollY,
2016-12-05 15:00:10
2467
原创 React-native 学习笔记（三）
关于react native 一些常见错误的积累最近在学习rn的时候碰到一些奇葩的问题，在这里总结一下，日后可以有据可查在完成所有的配置之后也就是执行了react native //项目启动react-native init AwesomeProjectcd AwesomeProjectreact-native run-ios报错： 找不到index.os文件 解决 在AwesomePro
2016-12-05 14:49:46
417
转载 vue环境搭建
好文章自己先收藏一下，怕以后找不到。 文章转自：http://www.cnblogs.com/wj204/p/6031435.html前面vue2.0和webpack都已经有接触了些（vue.js入门， webpack入门之简单例子跑起来 ），现在开始学习如何构造自己的vue2.0+webpack环境。1.首先新建一个目录vue-wkdemo，这是我们的项目目录。执行 npm init 命令生成p
2016-11-14 15:51:10
8424
原创 React Native 学习笔记（二）
坑一，环境好了，但是因为项目需求经常要安装一些三方库，xcode-select: error: tool ‘xcodebuild’ requires Xcode, but active developer directory ‘/Library/Developer/CommandLineTools’ is a command line tools instance 遇到这个错误：参考以下文章： h
2016-07-19 15:26:13
9575
原创 React Native 学习笔记－iOS（一）
一，react native 环境的配置安装，可以参照react native 中文网,这里不累述 http://reactnative.cn/docs/0.28/getting-started.html二，新项目创建启动 创建一个Rn 的项目 react-native init newProjectName 在新建的项目目录下面 cd newProjectName/ 启动新项目 re
2016-07-19 14:50:22
1726
原创 div+css兼容积累
前端工作这么长的时间对于兼容性问题的解决也有了一些小小的心得，在这里稍作整理，以便日后查看，希望也能让大家少走弯路！1、margin双间距问题这是一个基本款的问题，出现频率较高，设置为float的div在ie下设置的margin会加倍。解决方案是在这个div里面加上 display:inline; 例如： 相应的css为 #IamFloat{ float:left; margin:5
2014-10-22 13:43:38
513
原创 关于css 的reset
再来看看p的默认值再来看看p的默认值marggin:16px;但是从这两段中可以看到浏览器的一个bug,就是有margin-bottom和下一个元素有margin-top时，发生折叠以下文章转自http://www.xprogrammer.com/927.html其实大部分CSS reset是没必要的，多写了只会增加浏览器在渲染页面是的负担，当然有同学会说CSS reset还是有其意义
2014-07-14 12:00:42
739
原创 css 伪类详解
无标题文档a:link{ color:green}/*常态*/a:visited{ color:red}/*常态*/a:hover{ color:#000}/*即使状态*/a:active{ color:yellow}/*即使状态，但是发生在hover之后，*/input:focus{ color:green}div{ color:#666}div>p:fi
2014-07-14 10:57:30
572
原创 关于浏览器兼容问题的小积累（一）
关于ie6的特性存在的一些兼容性问题:对于安卓手机上面的png透明问题，目前png图片存在的格式主流的有png8和png24png8和png24图片格式的区别 首先png8支持完全透明和完全不透明这两种情况，对于半透明这种情况是不支持的，对于ie6来说png8的格式是支持的，只是对于网页来说是要牺牲掉图片的一些色彩的，但是对于颜色比较单一的图片这样的解决方式还是很不错得。
2014-02-26 10:44:27
610
原创 关于前端的一些小领会-下
前几天写了一下进入前端行业的背景，今天则是以一个有一年行业经验的从业人员写下的这一年的一些感受……刚开始写前端的时候是冲着一种强烈的成就感来的，因为学的是偏程序方面的专业，所以难得有一个东西是立马就可以看到效果的，而且往往出错的可能性也不是很大，只要一个记事本就可以写，写完之后直接开个浏览器就可以看到效果，相当的直观（刚开始的时候我们学习前端的时候，我们老师跟我们说用记事本写前端的都很牛，所以
2013-12-07 21:00:02
629
原创 关于前端的一些体会
一直以来都想拥有自己的一个博客，想了好久，近期算是开张了，在这里小谈一下我一路的历程……没有很明显好恶的我对于选专业这是真是左右为难，后来鉴于各种方面的因素考虑，我选择了计算机应用，一样是不喜不恶……虽然在学校中学的还算是比较认真，当然这个标准的话，因人而异，但是对于我们班当时那种上课都没有人去的情况下来说，我确实算是很努力了，尽管，我去了多半也都是在睡觉，但是我觉得至少还有那么几分钟是认
2013-12-01 14:20:24
766
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人