- 博客(25)
- 收藏
- 关注
RSS订阅原创 fabric.js的部分使用
为什么用到了？项目中需要在video便签上叠加一个检测区域，自然要用canvas绘制，那有什么简便的方法吗?从某大佬那第一次听到 fabric.jsfabric.js官网链接使用说明(react)安装 fabric.jsnpm install fabric --save使用将其引入你所需要的文件中import { fabric } from 'fabric'...
2019-12-16 10:16:24
1616
原创 入坑React系列五
写在前边虽然是官网上的例子，但整体认真读一遍上手练一遍，还是收获满满，在学习过程还是多实践一些比较重要，加油呀，少年们！！状态提升遇到几个组件需要共用状态数据的情况，最好将这部分共享的状态提升至他们最近的父组件当中进行管理。以一个实际例子展开。需求是：开始呢我们会创建一个名为BoilingVerdict的组件，他会接受celsius这个温度变量作为他的props属性判断谁会不会开，接...
2019-03-05 16:26:58
491
原创 入坑React系列四
条件渲染元素变量：创建一个名为LoginControl的有状态组件或还有<!-- LoginControl 组件,在这个组件里进行渲染-->class LoginControl extends React.Component{ constructor(props){ super(props);<!--前边只是起个名字--> this.han...
2019-03-04 17:35:50
471
原创 入坑React系列三
事件处理react事件绑定属性的命名采用驼峰式写法jsx语法传入一个函数作为事件处理函数不能使用返回 false 的方式阻止默认行为,因该这样写：function ActionLink(){ function handleClick(e){ e.preventDefault(); console.log('jghj'); } ...
2019-02-22 15:59:45
232
原创 入坑React系列二
state & 生命周期官方图解state 实例class Clock extends React.Component { constructor(props){ super(props); this.state = {date: new Date()}; } componentDidMount(){ this.timerID = setInte...
2019-02-18 17:12:43
214
原创 初识RequireJS
优点：防止js加载阻塞页面渲染使用程序调用的方式加载js大致用法：//index.html <!DOCTYPE html><html> <head> <script type="text/javascript" src="require.js"></script> //下载
2019-02-18 17:10:12
121
原创 入坑react系列一
JSX 简介一种JavaScript的语法扩展，推荐在react中使用jsx来描述用户界面在jsx中使用表达式可以任意使用js表达式，在jsx当中的表达式要包含在大括号里jsx 本身也是一种表达式，也就是说可以在if或者for语句中使用function getGreeting(user) { if (user) { return <h1>Hello, {for...
2019-02-14 17:25:54
159
原创 Vue知识点总结
1.Vue生命周期 》》在beforeCreate 和Created之间，进行初始化事件，进行数据的观测。此时还没有el选项 》》在Created钩子函数和beforeMount这一阶段发生的事情就比较多了。 首先 会判断对象是否有el选项，如果有就继续编译，如果没有则停止编译，也就意味着生命周期停止，直到在该实例上调用vm.$mount(el)template参数选项对生命周...
2018-08-18 19:42:33
1164
原创 Vue axios发送请求中的一些坑
需求是这样子的：前端输入手机号 和 已经加载的图片验证码 ，如果正确 后端返回true，失败返回flase 第一反应 这有什么难的：Vue.prototype.http = axiosthis.http({ method: "post", url: '********', data:{ ...
2018-08-14 16:27:54
19410
原创 那些年总是记不清的日常（不定期更新）
文字超出后用…代替这个呢经常会用到，每次写的时候还是会出现一些小问题，在这里整理一下。 .myflow{ word-break: keep-all; white-space: nowrap; overflow: hidden; }但是在用之前你必须给你的标签设置一个固定的宽度，并且将display设置为 block//i...
2018-08-05 18:22:54
191
原创 LeetCode笔记-----在排序数组中查找元素的第一个和最后一个位置
写在前边本文为系列文章，记录自己在leetcode上刷题的一些笔记，欢迎大家一块儿讨论。题目描述给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。 你的算法时间复杂度必须是 O(log n) 级别。 如果数组中不存在目标值，返回 [-1, -1]。示例 1:输入: nums = [5,7,7,8,8,10...
2018-08-03 15:12:42
4064
1
原创 LeetCode笔记-----各位相加
写在前边本文为系列文章，记录自己在leetcode上刷题的一些笔记，欢迎大家一块儿讨论。题目描述给定一个非负整数 num，反复将各个位上的数字相加，直到结果为一位数。示例:输入: 38输出: 2 解释: 各位相加的过程为：3 + 8 = 11, 1 + 1 = 2。 由于 2 是一位数，所以返回 2。进阶:你可以不使用循环或者递归，且在 O(1) 时间复杂度...
2018-07-27 17:49:25
532
原创 LeetCode笔记-----67 二进制求和
写在前边本文为系列文章，记录自己在leetcode上刷题的一些笔记，欢迎大家一块儿讨论。题目描述给定两个二进制字符串，返回他们的和（用二进制表示）。 输入为非空字符串且只包含数字 1 和 0。示例 1:输入: a = "11", b = "1"输出: "100"示例 2:输入: a = "1010", b = "1011"输出: "10101"
2018-07-27 16:11:33
226
原创 LeetCode笔记 ------11. 盛最多水的容器
写在前边本文为系列文章，记录自己在[leetcode](https://leetcode-cn.com/)上刷题的一些笔记，欢迎大家一块儿讨论。题目描述给定 n 个非负整数 a1，a2，…，an，每个数代表坐标中的一个点 (i, ai) 。画 n 条垂直线，使得垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0)。找出其中的两条线，使得它们与 x 轴共同构成的容器可以容纳最...
2018-07-23 12:23:05
195
原创 webpack4.x学习笔记记录
webpack学习webpack4.X间的学习笔记，为之后查阅提供方便。欢迎小伙伴一起学习哈。1.开发模式和生产模式 "scripts": { "dev":"webpack --mode development", "build":"webpack --mode production", }
2018-06-22 20:24:48
505
原创 webpack4.x踩坑之路
什么是webpack?作为一个前端积极分子，你对webpack一定不会陌生，无论你是学哪个框架都绕不过去webpack.，我这里目前安装的是最新版 v4.8.1，那到底什么是webpack呢，我们一起来探索吧！这是官方文档 看了上图，你应该可以了解一二，下面我们详细说一下： WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的...
2018-05-11 11:11:00
1077
转载 JavaScript原型与原型链
进来又仔细地看了一遍圆形与原型链的问题，每次都会搞混一些概念，所以特地整理下来，与大家一起学习。 其实原型这块的内容，总是有一些生涩难懂，但又是一个非常重要的内容。所以我觉得大家只要搞清楚一些概念就会豁然开朗的。（与君共勉）https://www.jianshu.com/p/dee9f8b14771 上边的作者讲的很通透，很好理解，以三篇文章循序渐进，不断深入适合新手学习。大家可以学习...
2018-04-01 15:51:25
230
原创 前端解决跨域问题
写在前边前后端分离编码总是会遇到跨域问题，那么究竟应该如何解决呢？我们一起来探索一下吧。什么是跨域？广义的跨域： - 资源跳转：a链接、重定向、表单提交等 - 资源嵌入： 一些dom标签等 - 脚本请求：js发起的ajax请求 dom和js对象的跨域操作等然而我们平常所说的跨域是狭义上的，是由浏览器同源策略限制的一类请求场景同源策略 1995年，同...
2018-03-24 15:53:58
4608
1
原创 css布局之水平垂直居中
今天整理了一些和水平垂直居中有关的东西，特意发出来和大家一块分享，如有不足之处还希望大家指出。（微笑脸）水平垂直居中是非常常见的页面布局基础，但是对于很多初学者来说，总是会出现一些问题，接下来我们具体的实现一下。html文件<body> <div class="contain"> <div class="wrap"> <div
2018-03-23 20:02:59
192
原创 常见的web安全及防护原理
写在前边最近想整理一下这方面的一些知识，所以专门查阅了一些资料，跟大家一块儿共享一下。如果有说的不对的地方，欢迎大家指出。sql注入原理相信很多同学应该都会听过这个，具体就是通过把sql命令插入到web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意sql命令防范1.永远不要信任用户的输入，要对用户的输入进行校验，可以通过正则表达式，或限制长度，对单引号和双"-"进行转换等。2.
2018-03-18 16:05:38
8545
原创 WebSocket & 长轮询 & 短轮询
说在前边的一些废话;最近在复习一些基础知识。看到这块刚好整理一下 。如有说的不对的地方欢迎大家积极指出 微笑脸简介我们先来看一下轮询的概念轮询：轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客户端的浏览器。 这种传统的HTTP request 的模式带来明显的缺点 – 浏览器需要不断的向服务器发出请求，然而H...
2018-03-12 15:33:11
1424
原创 唧唧歪歪JS闭包
闭包这个概念对于许多初学者来说是一个比较难理解的概念。在这里浅显易懂的讲解一下自己对这个概念的理解，以及使用的场合。有说的不对的地方，欢迎大家提出来，一块改正闭包的概念我们大家都知道的一个js语法规则，那就是 函数内部可以直接读取全局变量； 函数外部无法读取函数内的局部变量 但是有的时候我们不得不需要再外部读取函数内的局部变量，所以就产生了闭包 我们通过一段代码来理解...
2018-03-11 10:07:31
199
原创 前端自动化构建工具-gulp
偶然的一个机会，结实了gulp.js,在前端方面我们总是不可避免的调试页面，进行浏览器的刷新，使得前端开发者的任务更加繁重。为此gulp的出现就解放了双手。。终于可以放弃F5辣 哈哈。。首先来看下gulp的安装在gulp安装之前，必须先要有node的环境，因为gulp.js是基于node.js的。 所以先来安装node (如果你已经有node环境了就可以跳过此布) node
2018-01-28 19:51:57
702
转载 js实现加载更多的功能
本文转载：http://52fhy.cnblogs.com/DEMO : 滚动加载示例关于如何实现『加载更多』功能，网上有插件可用，例如比较著名的使用iscroll.js实现的上拉加载更多、下拉刷新功能。但实际用起来却是很麻烦。由于是第三方插件，要按照对方定义的方法使用，用起来总感觉很不顺心。再加上iscroll.js本身并没有集成加载更多的功能，需要进行自行扩展。想继续使用iscroll.j
2017-08-08 10:17:56
27923
原创 引用类型之RegExp类型
浅析RegExp类型前几天看了javascript中的RegExp类型，在这里总结一下，以帮助和我一样迷茫的小伙伴们！ RegExp类型来支持正则表达式，使用如下语法就可以创建一个正则表达式。 var expression = / pattern/ flags ； 其中pattern的部分可以是任何简单或复杂的正则表达式，可以包括字符类、限定符、分组、向前查找以及反向
2017-05-23 21:01:00
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人