- 博客(25)
- 收藏
- 关注
原创 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关注的人