- 博客(21)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 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
2020-08-22 17:25:39
125
原创 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
2020-07-22 14:41:18
1038
原创 vue项目中assets跟static的区别
在assets中放置的静态资源，以变量的方式取值时取不到，参与打包在static放置的，可以以变量的方式取值，不参与打包，一般放置第三方引入的东西
2020-07-14 09:46:34
95
原创 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 --
2020-07-14 09:45:01
714
原创 双向数据绑定的理解与实现
Object.defineProperty自己完成一个双向绑定Object.defineProperty方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象value: 设置属性的值writable: 值是否可以重写。true | falseenumerable: 目标属性是否可以被枚举。true | falseconfigurable: 目标属性是否可以被删除或是否可以再次修改特性 true | falseset: 目标属性设置值的方法get：目标属性获取值的方法
2020-05-26 09:04:36
228
原创 正则表达式
正则表达式归纳总结开发过程中会用到一些正则表达式，所以在这里做一下总结，总结一下相关的语法和一些常用的正则表达式。语法 记法 含义 %N 作业号 ... ... $! 最后的后台进程常用正则表达式...
2020-05-22 10:38:41
1521
原创 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
2020-05-15 10:58:44
133
原创 数组合并乱序区间
之前看到有个面试题是合并乱序区间，查了下啥是合并乱序区间，然后写代码做了下var arr = [[1,4],[2,5],[8,10]];// 合并完为[[1,5],[8,10]];分析一下，要合并区间就要拿每一个数组最后的元素去跟下一个的第一个元素做对比function merge(arg){ let arr = arg, result = []; arg.sort((a, b) ...
2020-04-15 15:52:11
349
原创 圣杯布局以及双飞燕布局
布局的样式：两边定宽，中间自适应的三栏布局，中间栏放在文档流前面以优先渲染圣杯布局1.三块都设置向左浮动且使用相对定位；2.包含三块的父元素设置左右的padding值，给左右两部分留出空间；3.中间块宽度设置为100%；4.左右两边设置负边距margin-left，左部分设置-100％，右部分设置-width；5.左右部分为相对定位，左部分left的为-width，右部分right为...
2019-11-26 16:58:51
149
原创 react中使用swiper插件
最近在写react的demo，遇到了需要滑动的功能，引入了swiper，但是在引入的时候一直报错安装的时候是这样的npm install swiper网上查的是这样引入的import Swiper from 'swiper/dist/js/swiper.js'import 'swiper/dist/css/swiper.min.css'然后就一直报错，报文件找不到后来发现是因为这...
2019-11-12 11:14:43
842
2
原创 react中使用prop-types检测props数据类型
使用这个主要是为了对父组件传来的值进行检测，看是否是需要的类型，便于项目开发过程中排错。安装引入//安装npm install prop-types --save//引入import PropTypes from 'prop-types';使用static propTypes = { title: PropTypes.string.isRequired, // title必...
2019-11-07 17:16:03
238
原创 npm cache clean --force
安装react的时候，报了一个错：npm ERR! Unexpected end of JSON input while parsing near ，查资料发现使用npm cache clean --force命令可以解决这个问题。npm cache clean --force清空一下本地缓存...
2019-11-03 18:38:18
2194
原创 声明式与命令式设计
学习react的时候，对react的介绍有一句是声明式设计，当时不太了解，就查了查资料，了解了声明式设计与命令式设计。命令式设计命令式编程描述代码如何工作，告诉计算机一步步地执行、先做什么后做什么，在执行完之前,计算机并不知道我要做什么,为什么这么做.它只是一步一步地执行了。例如：var array = [0,1,2,3,4];var newArray = [];for(var i =...
2019-11-03 13:26:15
809
原创 浏览器滚动条的隐藏与样式修改
隐藏滚动条一丶利用css隐藏/* 使用伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器 */.contentWrap::-webkit-scrollbar { width:0 !important; background: transparent; // 或者可以使用 display: none;} /...
2019-10-07 15:57:52
535
原创 项目中接入美图秀秀
在项目中遇到了接入美图秀秀的需求，于是整理了一下，总结一下我在引入美图秀秀的过程中遇到的问题。美图web开放平台：http://open.web.meitu.com/products/#M1先登录美图web开放平台，按照步骤引入即可，我这里遇到的第一个问题是上传图片的方式，上传类型有三种，http://open.web.meitu.com/wiki/，由于项目里的图片都是上传到阿里云，需要调用...
2019-08-26 17:35:00
2599
jquery拖拽排序插件.zip
2019-10-16
如何优化canvas，每20Hz重画一次，如何进行优化？
2020-08-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人