canvas画图 最近有使用canvas画图的需求，所以整理一下用到的知识简单使用<canvas id="myCanvas" width="200" height="100"></canvas>var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);常见配置moveTo(x,y) ：定义线条开始坐标l
git上传添加忽略文件如node_modules 新建一个项目上传的时候，不小心把node_modules上传上去了，这个文件实在过于庞大，下面就介绍如何能忽略文件上传进入项目所在目录创建文件.gitignore在”.gitignore” 文件里输入要忽略的文件夹及其文件# dependencies/node_modules/.pnp.pnp.js# testing/coverage# production/build# misc.DS_Store.env.local.env.development.local.en
Ubuntu部署yapi以及遇到的问题 // node.js安装sudo apt-get updatecurl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -sudo apt-get install -y nodejs// npm安装sudo apt-get -y npm// mongodbsudo apt-get install mongodb// 启动service mongodb start// npm install -g yapi-cli --
双向数据绑定的理解与实现 Object.defineProperty自己完成一个双向绑定Object.defineProperty方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象value: 设置属性的值writable: 值是否可以重写。true | falseenumerable: 目标属性是否可以被枚举。true | falseconfigurable: 目标属性是否可以被删除或是否可以再次修改特性 true | falseset: 目标属性设置值的方法get：目标属性获取值的方法
正则表达式 正则表达式归纳总结开发过程中会用到一些正则表达式，所以在这里做一下总结，总结一下相关的语法和一些常用的正则表达式。语法 记法 含义 %N 作业号 ... ... $! 最后的后台进程常用正则表达式...
div垂直水平居中的几种方式 布局如下<html> <head> <meta charset="utf-8"> <title>测试</title> </head> <body> <div id="parent" style="width: 300px;height: 300px;border: 1px solid #0000FF;"> <div id="child" style="width: 100px;he
数组合并乱序区间 之前看到有个面试题是合并乱序区间，查了下啥是合并乱序区间，然后写代码做了下var arr = [[1,4],[2,5],[8,10]];// 合并完为[[1,5],[8,10]];分析一下，要合并区间就要拿每一个数组最后的元素去跟下一个的第一个元素做对比function merge(arg){ let arr = arg, result = []; arg.sort((a, b) ...
圣杯布局以及双飞燕布局 布局的样式：两边定宽，中间自适应的三栏布局，中间栏放在文档流前面以优先渲染圣杯布局1.三块都设置向左浮动且使用相对定位；2.包含三块的父元素设置左右的padding值，给左右两部分留出空间；3.中间块宽度设置为100%；4.左右两边设置负边距margin-left，左部分设置-100％，右部分设置-width；5.左右部分为相对定位，左部分left的为-width，右部分right为...
react中使用swiper插件 最近在写react的demo，遇到了需要滑动的功能，引入了swiper，但是在引入的时候一直报错安装的时候是这样的npm install swiper网上查的是这样引入的import Swiper from 'swiper/dist/js/swiper.js'import 'swiper/dist/css/swiper.min.css'然后就一直报错，报文件找不到后来发现是因为这...
react中使用prop-types检测props数据类型 使用这个主要是为了对父组件传来的值进行检测，看是否是需要的类型，便于项目开发过程中排错。安装引入//安装npm install prop-types --save//引入import PropTypes from 'prop-types';使用static propTypes = { title: PropTypes.string.isRequired, // title必...
npm cache clean --force 安装react的时候，报了一个错：npm ERR! Unexpected end of JSON input while parsing near ，查资料发现使用npm cache clean --force命令可以解决这个问题。npm cache clean --force清空一下本地缓存...
声明式与命令式设计 学习react的时候，对react的介绍有一句是声明式设计，当时不太了解，就查了查资料，了解了声明式设计与命令式设计。命令式设计命令式编程描述代码如何工作，告诉计算机一步步地执行、先做什么后做什么，在执行完之前,计算机并不知道我要做什么,为什么这么做.它只是一步一步地执行了。例如：var array = [0,1,2,3,4];var newArray = [];for(var i =...
关注
