自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 mac 安装sass

sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。 mac是自带ruby的,在终端可以执行: ruby -v 安装sass 由于mac自带ruby,可以直接安装sass gem install sass 如果出现不能permissions问题,一般是权限问题,可以尝试以下命...

2020-01-21 11:50:49

阅读数 22

评论数 0

原创 配置ssh公钥访问git仓库

参考链接:https://coding.net/help/doc/account/ssh-key.html 用户可以设置账户 SSH 公钥,获所有仓库的读写权限; 也可以在项目设置里面设置项目部署公钥,获取单个项目仓库的只读权限。 添加公钥后,您就可以在项目的代码页面点击 SSH 切换到 SSH ...

2020-01-19 11:06:42

阅读数 7

评论数 0

原创 终端控制台

参考链接:https://blog.csdn.net/nianbingsihan/article/details/80236348 在cmd或者nodejs的客户端 indows下的CMD窗口默认是采用非UTF-8编码的,有时候运行一些UTF-8编写的批处理文件在控制台中的输出就是乱码 以下是几种...

2020-01-09 11:35:02

阅读数 4

评论数 0

原创 npm install的版本

1.npm install 版本号^ ^指明的版本范围,只要不修改 [major, minor, patch] 三元组中,最左侧的第一个非0位,都是可以的。也就是说,要确定 ^版本包含的范围,先要找到 最左侧的第一个非0位 ,只有在这一位右侧的变动,才被包含在这个 ^ 指定的范围内。举个: ^1...

2019-08-08 17:34:14

阅读数 17

评论数 0

原创 gulpfile

Tasks Task 可以通过 gulp 方式来执行。如果只运行 gulp 命令,则会执行所注册的名为 default 的 task,如果没有这个 task,那么 gulp 会报错。 Gulp.src()匹配模式详解 https://blog.csdn.net/wildye/article/d...

2019-08-08 16:44:42

阅读数 13

评论数 0

原创 npm --save和--save-dev区别

npm包管理器在安装包的时候,会有2种方式,一种是-save一种是–save-dev. 1、npm install <=> npm i --save <=> -S --save-dev <=> -D npm run start <...

2019-08-08 14:05:43

阅读数 21

评论数 0

原创 浏览器缓存带来的前端项目更新问题及解决方法

参考链接:https://blog.csdn.net/feiyu_may/article/details/88376945

2019-08-05 14:21:09

阅读数 225

评论数 0

原创 移动端h5页面输入框被遮挡的问题

只有安卓才会出现这种情况: 1.判断是否是安卓机的方法: 2.解决方法: 参考链接:https://www.cnblogs.com/dongcanliang/p/7383508.html

2019-06-04 15:19:32

阅读数 636

评论数 0

原创 ajax和axios、fetch的区别

https://www.jianshu.com/p/8bc48f8fde75

2019-05-21 14:09:37

阅读数 14

评论数 0

原创 css link和@import区别用法

参考链接:http://www.divcss5.com/rumen/r431.shtml 两者都是引入css到html @import就相当于css样式,引入的时候有2中方法: 1、直接在html中 <style type="text/css"> @import...

2019-04-23 14:20:34

阅读数 29

评论数 0

原创 ios中中textarea光标随页面动的问题的问题

为了解决ios中滚动卡顿的问题,一般会加下面的css样式: -webkit-overflow-scrolling: touch; 但是加了会出现下面的情况: 在textarea中聚焦之后,在很快滚动页面,textarea的光标会随页面上下移动,然后等页面停止之后才会在回到textarea中,这个...

2019-04-15 18:47:35

阅读数 201

评论数 0

原创 关于请求的数据很多的情况

关于调后端的接口,返回的数据量很大的情况,很难给出大概返回的数据(几兆)是多大的时候会出问题,应该关注的点是大概接口什么时候能返回数据,一般超过两三百毫秒用户就会觉得页面反应有点慢了,影像这个时间的因素有很多: 服务器配置 缓存设置使用(redis等等) 数据库设计(又包括了索引的使用) 数据量...

2019-04-11 15:49:09

阅读数 70

评论数 0

原创 h5 放大缩小,拖动

用touchzoom demo:https://github.com/appue/touchzoom

2019-04-10 17:21:10

阅读数 341

评论数 0

原创 h5页面在不同iOS设备上的问题总结

参考链接:https://mp.weixin.qq.com/s/j5emRZ1QvwdoAvqBdEx-OQ

2019-04-10 09:56:44

阅读数 58

评论数 0

原创 fastclick.js导致input和textarea聚焦难的问题

都是修改fastclick.js文件 input的聚焦难的解决方法: 参考链接:https://github.com/ftlabs/fastclick/issues/548 textarea的问题 参考链接:http://www.php.cn/js-tutorial-387360.html ...

2019-04-08 10:03:00

阅读数 407

评论数 0

原创 md5加密

代码: js链接:http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js

2019-03-26 11:36:58

阅读数 9

评论数 0

原创 div里面的img下面有空白的问题

参考链接:https://www.jianshu.com/p/2af064692505 出现的原因: 图片的display属性默认是inline,而这个属性的vertical-align的默认值是baseline。所以就会出现上图的情况(图片底部出现一个小留白区域)。 解决方法: 方法1: ...

2019-03-22 15:25:14

阅读数 19

评论数 0

原创 移动端h5对图片放大缩小

在html中手机端禁止页面放大缩小方法: 在html中加: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scal...

2019-03-21 16:23:37

阅读数 3325

评论数 0

原创 直播

TcPlayer - 腾讯直播 SDK 的网页播放器 其中包含直播、录播的解决方案。 重点解决跨域的问题。 https://www.cnblogs.com/stnlcd/p/7262034.html

2019-03-11 18:43:21

阅读数 26

评论数 0

原创 js执行机制

参考链接:https://mp.weixin.qq.com/s/m4hFgXfW_8jSuf2Y9RURDw 除了广义的同步任务和异步任务,还有更细的定义: macro-task(宏任务):包括整体代码script,setTimeout,setInternal micro-task(微任务):P...

2019-03-06 14:58:40

阅读数 28

评论数 0

原创 webpack entry output resolve

chunkFilename和webpack.optimize.CommonsChunkPlugin插件的作用差不多,都是用来将公共模块提取出来,但是用法不一样 文件入口的写法: 单个文件 方法一: entry:{ index:'./src/index.js' } 方...

2019-03-04 15:36:44

阅读数 102

评论数 0

原创 js 清除浮动的方法

方法一:用overflow 给浮动元素的父级标签添加css: 方法二:加空标签 这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。 方法三:使用after伪对象清除浮动。 ...

2019-03-01 17:22:25

阅读数 53

评论数 0

原创 关于下拉刷新加载

1.关于手机端的下拉刷新的方法 在componentDidMount()中 2.在web端 也是在componentDidMount()中

2019-03-01 12:02:46

阅读数 27

评论数 0

原创 Promise Generator async/await

Promise(ES6) 1.代表异步操作,有三种状态: Pending(进行中、未完成的) Resolved(已完成,又称Fulfilled) Rejected(已失败) 2.优点: 解决回调地域(call hell)问题 能更好的进行错误捕获 promises 通过reject方法吧...

2019-02-28 11:10:13

阅读数 56

评论数 0

原创 图片上传 压缩 旋转

参考链接:https://blog.csdn.net/mm782642353/article/details/87896558

2019-02-26 10:57:09

阅读数 31

评论数 0

原创 this

参考链接:https://mp.weixin.qq.com/s/rRv6-8Y2ZNVfzQ8IkKnOWA this是很多人会混淆的概念,但是其实他一点都不难,你只需要记住几个规则就可以了。 this只依赖于调用函数的对象 优先级最高的是构造函数 call,apply,bind能改变this的...

2019-02-25 18:10:25

阅读数 12

评论数 0

原创 iPhone X,XS,XSMax,XR的兼容问题

设备型号 devicePixelRatio screen.width screen.height 图片选择@3x/2X X/XS 3 375 812 @3x XSMax 3 414 896 @3x XR 2 414 896 @2x

2019-02-25 09:59:34

阅读数 1054

评论数 0

原创 html5将图片转换成base64代码

参考链接:https://www.jianshu.com/p/90fc1f9042a8 优点:可以减少http请求,具有一定的加密功能。 缺点:图片编码化base64的时候大小会变大,但是通过gzip优化以后基本差不多 所以在应用的过程当中较小的图片可以直接编码成base64,较大的图片则不建议...

2019-02-21 17:41:31

阅读数 2068

评论数 0

原创 react的面试题

参考链接:https://www.jianshu.com/p/e9521f78d51e 1.react性能优化是哪个周期函数? shouldComponentUpdate 这个方法用来判断是否需要调用render方法重新描绘dom。因为dom的描绘非常消耗性能,如果我们能在shouldCompon...

2019-02-21 15:13:13

阅读数 90

评论数 0

原创 react复制文本到剪切板

用到copy-to-clipboard 方法: 在package.json内(npm 之后): "dependencies":{"copy-to-clipboard":"^3.0.5"} 引入 import copy from ...

2019-02-20 11:02:36

阅读数 705

评论数 0

原创 css常用样式

去除select的默认样式 select{ border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; } 注意:appearance属性: 1.所有主流浏览器都不支持 appearan...

2019-02-20 10:56:36

阅读数 67

评论数 0

原创 webpack-dev-server

https://www.webpackjs.com/configuration/dev-server/#devserver-port 关于webpack-dev-server的配置信息

2019-02-20 10:17:00

阅读数 121

评论数 0

原创 clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

clientHeight和offsetHeight属性和元素的滚动、位置没有关系它代表元素的高度,其中: clientHeight:包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素 (clientHeigh...

2019-01-28 17:24:18

阅读数 17

评论数 0

原创 react-router

参考链接:http://www.ruanyifeng.com/blog/2016/05/react_router.html?utm_source=tool.lu path的问题 path属性可以使用通配符。 &lt;Route path="/hello/:name"&a...

2019-01-24 19:11:29

阅读数 28

评论数 0

原创 浏览器导航栏小图标

修改浏览器页面上的小图标。 制作名字为favicon.ico的16*16图标放在项目images目录下, 在网页首面HTML 的&lt;head&gt;……&lt;/head&gt;标签之间插入代码: &lt;link rel="icon"...

2019-01-18 14:04:58

阅读数 335

评论数 0

原创 React.Component组件里面方法绑定的四种方式

ES5的即var component = React.createClass({}); //{}里面的this指向component本身。 而extends React.Component不会这样,要手动指向组件本身 第四种是es7的写法,双冒号 this.handleClickFour =...

2019-01-03 15:28:07

阅读数 168

评论数 0

原创 服务器端渲染和客户端渲染的区别

现在大多数用的是客户端渲染和服务器端渲染结合的。 在代码中写死的值一般都是服务器端渲染的,但是通过调接口获取的数据都是客户端渲染的。 React服务器端渲染的脚手架Next.js。 服务器端渲染 1.服务器端渲染简称SSR。选择服务器端渲染,主要出于以下两点考虑: 能够为客户提供更理想的性能 提...

2019-01-03 11:36:09

阅读数 249

评论数 0

原创 js的时间委托

https://www.cnblogs.com/liugang-vip/p/5616484.html var e=e||window.event; var target=e.target; console.log(traget.nodeName.toLowerCase);//div,span,li...

2018-12-20 18:37:54

阅读数 39

评论数 0

原创 react中componentWillMount死循环

componentDidMount:this method executed once during the component’s life. 《React :引领未来的用户界面开发框架》 挂载:将组建渲染,并构建DOM元素然后插入页面的过程。 ...

2018-12-20 18:33:53

阅读数 512

评论数 0

原创 react的生命周期

一、初始化阶段 1、设置组件的默认属性 static defaultProps = { name: ‘sls’, age:23 }; //or Counter.defaltProps={name:‘sls’} 2、设置组件的初始化状态 constructor() { super(); this.s...

2018-12-20 16:53:46

阅读数 21

评论数 0

提示
确定要删除当前文章?
取消 删除