- 博客(19)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 常见浅拷贝和深拷贝
https://juejin.im/post/5c20509bf265da611b585bec#heading-3https://www.cnblogs.com/cckui/p/11518842.html
2020-05-25 20:08:04
398
转载 模态框实现
效果预览<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*模态框*/
2020-05-25 16:27:04
2050
原创 React中的this.props.children
1、this.props对象的属性与组件的属性是一一对应的，但是有一个例外就是this.props.children属性，它表示组件的所有子节点：var NotesList = React.createClass({ render: function() { return ( <ol> { React.Children.map(this.props.children, fun
2020-05-25 00:04:53
525
转载 Git中.gitignore文件不起作用的解决以及Git中的忽略规则介绍
在Studio里使用Git管理代码的过程中，可以修改.gitignore文件中的标示的方法来忽略开发者想忽略掉的文件或目录，如果没有.gitignore文件，可以自己手工创建。在.gitignore文件中的每一行保存一个匹配的规则例如：在填写忽略文件的过程中，我发现在Android Studio里面，.gitignore中已经标明忽略的文件目录下的文件，当我想git push的时候还会出现在push的目录中，原因是因为在Studio的git忽略目录中，新建的文件在git中会有缓存，如果某些文件已经被纳入
2020-05-24 23:10:58
138
原创 React渲染的时候采坑记，一定要return给render
React采坑记今天在用策略模式改写代码的时候，本来想简化一下代码，将渲染组件抽离出去，不料踩了一个小坑。虽然在函数里返回了内容，但是render()也是一个函数，所以也需要return内容原代码如下：<div id='wrapper'> { this.props.data.map((item, index) => { if (item.template === 'grid' && this.props.repo
2020-05-22 16:03:01
2311
转载 px - % - em - rem - vw - vh区别
视口单位(Viewport units)什么是视口？在PC端，视口指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。视口单位中的“视口”，PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。根据CSS3规范，视口单位主要包括以下4个：vw：1vw等于视口宽度的1%。vh：1vh等于视口高度的1%。vmin：
2020-05-21 17:24:53
346
原创 CSS3中的 calc()计算函数
calc() 函数用于动态计算长度值需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；任何长度值单位都可以使用calc()函数进行计算；calc()函数支持 “+”, “-”, “*”, “/” 运算；calc()函数使用标准的数学运算优先级规则；clac() 嵌套calc() 函数可以嵌套。在函数里边，会被视为简单的括号表达式，如下例所示。.foo { width: calc( 100% / calc(100px * 2) );
2020-05-21 16:58:21
932
转载 UTF-8 和UTF8和utf-8和utf8有什么区别 ？
“UTF-8”是标准写法，在Windows下边英文不区分大小写，所以也可以写成“utf-8”。“UTF-8”也可以把中间的“-”省略，写成“UTF8”。一般程序都能识别，但也有例外（如下文），为了严格一点，最好用标准的大写“UTF-8”。在MySQL数据库中只能使用“utf8”在MySQL的命令模式中只能使用“utf8”，不能使用“utf-8”，也就是说在PHP程序中只能使用“set names utf8(不加小横杠)”，如果你加了“-”此行命令将不会生效，但是在PHP中header时却要加上“-”，因
2020-05-14 16:31:14
686
原创 Node读写文件和通过promise处理异步
一. 在之前的node版本中读写文件可以通过fs模块的readFile() 和 readFileSync()方法。其中，readFile()为异步读取，readFileSync()为同步读取。sync 同步async 异步下面举例说明两种操作先结论：异步读取文件的时候由操作系统在后台进行读取，不会阻碍下面的代码执行。同步读取的时候会阻碍下面的代码执行。test.jsvar fs = require('fs'); //获取fs模块console.log('sta
2020-05-14 16:24:46
2213
1
原创 聊一聊valueOf和toString
前言基本上，所有JS数据类型都拥有这两个方法，null除外。它们俩解决javascript值运算与显示的问题，重写会加大它们调用的优化。测试分析先看一例：var aaa = { i: 10, valueOf: function() { return this.i+30; }, toString: function() { return this.valueOf()+10; } } alert(aaa > 20); // true alert(+aaa); // 40 al
2020-05-14 13:36:34
167
原创 SVG学习记录
SVG 图像入门教程理解SVG viewport,viewBox,preserveAspectRatio缩放秒懂<SVG/>里的viewboxSVG 线性渐变svg入门详解（理论篇）svg入门详解（实例篇）svg之path详解
2020-05-13 17:58:45
121
1
转载 flex复合属性的几种写法
flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。该属性有两个快捷值：flex: auto; //flex: 1 1 auto;flex: none; //flex: 0 0 auto;flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（
2020-05-12 17:13:05
1551
转载 redux中如何让一个action的方法触发另一个action的方法
一定要用dispatch包裹，否则不会触发方法return dispatch => {}的代码通过dispatch()将想要触发的方法包裹起来，dispatch检测到方法就会执行它export default handleGet (data) { return dispatch => { axios.get(list).then() ... }}export default handlePost (data) { return d
2020-05-12 13:31:53
1599
原创 http请求参数之Query String Parameters、Form Data、Request Payload
HTTP请求中不同的请求方式和设置不同的Content-Type时，参数传递的方式会不一样，一起了解这三种形式：Query String Parameters、Form Data、Request Payload；一. GET请求Query String ParametersGET请求时，参数会以url string 的形式进行传递，即?后的字符串则为其请求参数，并以&作为分隔符。GeneralRequest URL: http://test.com?from_type=省&from
2020-05-09 10:55:28
9907
2
原创 js中关于假值和空数组、空对象类型转换 总结
最近写代码入了一个坑，if([ ]) { } 以为空数组为假了，后来才发现大错特错，之前在JavaScript高级程序这本书里页看到过这个知识点，只是自己忘记了。。。1、“假值”总共只有6个：false，undefined，null，0，""（空字符串），NaN除此之外的所有值，都是“真值”，即在逻辑判断中可以当true来使用用代码表示：if(false&&und...
2020-05-07 21:06:57
1780
转载 meta标签相关设置
一.<meta content="yes" name="apple-mobile-web-app-capable">apple-mobile-web-app-capable：删除默认的苹果工具栏和菜单栏。需要显示工具栏和菜单栏时，不需要添加，默认值为no，即正常显示。如果content设置为yes，Web应用会以全屏模式运行，可以通过只读属性window.naviga...
2020-05-06 13:37:06
246
转载 cross-env使用
是什么运行跨平台设置和使用环境变量的脚本出现原因当您使用NODE_ENV =production, 来设置环境变量时，大多数Windows命令提示将会阻塞(报错)。 （异常是Windows上的Bash，它使用本机Bash。）同样，Windows和POSIX命令如何使用环境变量也有区别。 使用POSIX，您可以使用：$ ENV_VAR和使用％ENV_VAR％的Windows。说人话：wind...
2020-05-06 11:05:07
400
java设计模式
2016-10-06
关于web开发中的响应式布局
2016-11-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人