- 博客(26)
- 收藏
- 关注
原创 电子签名实现--react canvas draw
近期公司有一个小需求,在电子合同的基础上加上手写签名,并支持ipad适配,听到这里,我把ipad从泡面盖上拿了起来,打开了爱奇艺...????好的,接下来让我给大家介绍一下这个高效简单易上手的组件 --- react-canvas-draw简单介绍 && 快速上手Installation// via npmnpm install react-canvas-draw --sa...
2020-04-23 10:54:46
1466
2
原创 react native初体验
作为一位react的忠实用户,最近断断续续开始接触到react native,在此希望能给大家解决一些疑问,以及讲一下我们该如何学习及上手react native一、概念首先有三个名词需要区分开:reactnativereact native其实这三个关键词联系并没有字眼来的亲密:React:前端工程师必不可能不知道的一个框架,其核心思想是将视图组件化,通过更新组件的s...
2020-04-23 10:54:03
246
原创 2020,从“根”开始进化
年轻人,你的职责是平整土地,而非焦虑时光,你做三四月的事,在八九月自有答案。——余世存随着突如其来的疫情,在新冠肺炎疫情的影响下,人人自危的情绪更是紧张,而如何在复杂的情况下保持自我价值的稳定,是值得思考的问题。海明威说过,世界上最大的勇气,是压力下的优雅开工在即,做一份全年规划和目标制定对每个人都是有必要的。学习如逆水行舟,不进则退,只有不断的进化、沉淀才能更好的适应洪流变动。以下是我对...
2020-04-23 10:53:05
253
原创 如何摆脱”淡黄的长裙“---mysql transaction
一、mysql事务是什么?MySQL 事务主要用于处理操作量大,复杂度高的数据。比如说,在人员管理系统中,你删除一个人员,你既需要删除人员的基本资料,也要删除和该人员相关的信息,如信箱,文章等等,这样,这些数据库操作语句就构成一个事务!就拿银行转账这个事情来说select user.balance from user -- 首先判断用户余额是否足够update user set ba...
2020-04-23 10:51:54
177
原创 mac上更好看的终端shell选择:zsh与 oh_my_zsh
为什么要安装zsh这个shell呢? 无非是为了装x哈哈哈哈说实话,有个酷炫一点的主题以及可视化的界面会大大的提升编码的幸福感安装:分别安装zsh以及oh_my_zsh安装流程:`在这里插入代码片# 安装zshbrew install zsh git -y#安装oh-my-zsh# via curl(使用的是这个安装方法)curl -L https://raw.github...
2019-06-21 10:42:39
1510
原创 每次都要sudo,解决mac上的目录权限问题
相信不少人都会碰到这么一个烦人的问题。虽然加个sudo就可以解决当前的问题,但是长此以往,会降低程序员的工作效率,也会影响心情
2019-06-03 15:01:36
15160
转载 Eslint报错总结
“no-alert”: 0,//禁止使用alert confirm prompt“no-array-constructor”: 2,//禁止使用数组构造器“no-bitwise”: 0,//禁止使用按位运算符“no-caller”: 1,//禁止使用arguments.caller或arguments.callee“no-catch-shadow”: 2,//禁止catch子句参数与外部作...
2019-05-29 12:03:25
650
原创 react map循环一直报Expected to return a value in arrow function array-callback-return警告
在前端代码上传仓库的过程中,eslint报错:react map循环一直报Expected to return a value in arrow function array-callback-return警告,提示内容的意思是没有return一个值解决方法:1:用Object.keys(this.props.ntn).forEach去替换.map,因为ESLint array-ca...
2019-05-29 12:00:52
11665
原创 Mysql select 如何去除重复数据
开门见山在数据库进行数据查询的时候,由于查询条件的不充分性,直接导致数据耦合在这时,需要对数据进行一定的处理如何避免重复数据首先可以使用distinct字段在表中,可能会包含重复值。这并不成问题,不过,有时您也许希望仅仅列出不同(distinct)的值。关键词 DISTINCT 用于返回唯一不同的值。语法:SELECT DISTINCT 列名称 FROM 表名称先把不重复数据的i...
2019-05-26 11:27:05
11776
原创 React.Component与React.PureComponent的区别
它们主要的区别就是对于状态更新渲染DOM,判断状态是否变化的条件不同。Component:setState状态更新都会引起dom渲染PureComponent:react有个方法优化了shouldComponentUpdate,提高了性能,就是当props或者state改变时,会引起dom重新渲染,这里值的注意的是,当state为数组,对象等引用类型的时候,如果引用没有发生改变,它会认为sta...
2019-05-20 11:47:29
792
原创 MAC上终端上管理多个窗口
mac终端使用烦恼众所周知,在日常的终端操作中,必不可少的会要使用到多个命令行工具在后台运行如果是新建窗口的话,就会出现很多个窗口显示对于强迫症来说,很难受那么,该如何管理多个窗口呢打开一个窗口光标移动到终端,命令+ N代开一个新的窗口在一个新窗口中建立多个终端窗口,命令+ T,即可实现然后就只需要自己选择新建的方式即可。...
2019-05-10 10:20:59
3532
转载 页面自定义光标
在进入别人的博客的时候,注意到页面的光标图标被改变,有些新意话不多说,直接引入代码,只需要改变样式即可,注意改变的是cursor。html:hover{cursor: url(favicon.jpeg),auto;;background: red;}Opera 9.3 和 Safari 3 不支持 url 值 url 是光标引用地址,后带一个参数指状态,auto表示浏览器默认的...
2019-05-09 15:25:29
559
原创 一行代码实现数组排序、查询
数组根据age排序sort方法(一行代码解决)arr.sort(function(item1,item2){return item1-item2;})array.sort()方法默认是升序排序,如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个 用于说明这两个值的相对顺序的数字。比较函数两个参数a和b,返回a-b升序,返回b-a降序在数组中找到age=...
2019-04-30 12:14:44
526
原创 Error: listen EADDRINUSE: address already in use :::9090
端口被占用问题描述:我在使用taro框架开发多端的时候吧,终端报错显示端口被占用,我一直设置的端口就是9090Error: listen EADDRINUSE: address already in use :::9090解决:在终端当前文件下查看端口占用情况:lsof -i:9090会有这样一行占用的类型:COMMAND PID USER FD TYPE DEVICE SIZE/OFF...
2019-04-23 11:03:40
6075
原创 Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 11.x
Error: Missing binding /Users/yezufa/github/mini-program/fusion-fitness/node_modules/node-sass/vendor/darwin-x64-67/binding.nodeNode Sass could not find a binding for your current environment: OS X 6...
2019-04-16 15:33:56
724
原创 MySQL said: Authentication plugin 'caching_sha2_password' cannot be loaded: dlopen
sequel pro 连接数据库时失败Mac OS X 原生的应用工具Sequel Pro是一款管理 Mysql 的工具,界面简洁易用,你可以一次性连接多个数据库,允许快速访问那些你经常需要访问的数据库。使用Mac下的sequel Pro链接数据库时,出现如下问题:MySQL said: Authentication plugin 'caching_sha2_password' cannot...
2019-04-12 12:42:27
1004
原创 Requires Babel "^7.0.0-0", but was loaded with "6.26.3".
babel is a javascript compiler想通过babel-node让后端node可以运行es6,结果装完babel-cli总是报错Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”.具体如下:下面是我的package.json文件{ "name": "form-react", "version": "1....
2019-04-09 11:42:45
15511
4
原创 webpack4 热更新
安装好webpack之后在运行npm run build命令时,到底做了写什么?首先这个命令会去运行package.json文件里面的scripts脚本scripts脚本首先通过babel把drag编译成.temp临时文文件第三步是scripts会去执行webpack打包命令,该命令会去查找webpack.config.js配置文件中的entry和output,然后输出一个build/b...
2019-04-04 16:59:57
482
原创 WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
webpack4项目打包后出现警告npm run start解决webpack中添加如下配置performance: { hints:false }performance: { hints: "warning", // 枚举 maxAssetSize: 30000000, // 整数类型(以字节为单位) maxEntrypointSize...
2019-04-04 16:47:00
2625
2
原创 webpack+babel+react环境配置
webpack+babel+react环境安装:mkdir webpack-test && cd webpack-teat终端新建文件夹并打开npm init初始化项目结构,才能在结构中添加package.json在根目录下创建src文件夹,并创建src/index.js文件安装webpackcnpm install --save-dev webpack安装webpa...
2019-04-03 23:00:09
235
原创 DOM操作一览
理解DOM:DOM(Document Object Model ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口。一、 怎么说,我从两个角度理解:对于JavaScript,为了能够使JavaScript操作Html,JavaScript就有了一套自己的dom编程接口。对于Html,dom使得html形成一棵dom树,类似于一颗家族树一样,一层接一层,子子孙孙。...
2019-04-01 09:56:46
158
原创 使用面向对象并模块化开发倒计时组件(重写)
每日简报一、学习任务 移动端页面的自适应完善 amd规范以及require.js深入学习 重写倒计时模块,初步实现组件效果 es6的学习es6文档二、知识点、问题及解决响应式布局实现,意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式设置 Meta 标签<meta name="viewport" content="width=device-width, initi...
2019-03-29 00:53:55
194
转载 快速上手前端框架Vue
基础知识:vue的生命周期: beforeCreate/created、 beforeMount/mounted、 beforeUpdate/updated、 beforeDestory/destoryedvue常用指令: v-for、 v-bind(缩写形式 :prop)、 v-on(缩写形式 @click=’sss’)、 v-if/v-else/v-else-if、 v-model、 v-...
2019-01-17 10:14:55
291
转载 点击按钮,回到页面顶部的5种写法
1.锚点方式:1 2 3 回到顶部4 2.scrollTop:scrollTop属性表示被隐藏在内容区域上方的像素数。元素未滚动时,scrollTop的值为0,如果元素被垂直滚动了,scrollTop的值大于0,且表示元素上方不可见内容的像素宽度由于scrollTop是可写的,可以利用scrollTop来实现回到顶部的功能复制代码1 2 回到顶部3 8 复制代码3.scr...
2019-01-16 16:47:46
7140
原创 vue快速入门
Vue.js——60分钟快速入门Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM...
2019-01-15 09:32:27
117
转载 github团队功能实现
如何实现github多人协作功能github 快速实现多人协作 介绍了如何快速的实现多人协作的功能。其优点是:操作简单,快速上手。缺点是:没有办法实现权限控制。为啥要权限控制?这是一个蛋疼的问题,因为我们为了项目的安全考虑,需要对一部分人开放只读权限(只能 read、clone) ; 或者对一部分人开放写权限(只能 read、clone、push) ; 或者对一部分人开放管理者权限(只能 re...
2018-12-31 11:48:58
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人