fongdaBoy-CSDN博客

原创 react（8） react的点击onClick阻止冒泡事件

react的点击onClick阻止冒泡事件下面两行代码都要加上才行e.stopPropagation();e.nativeEvent.stopImmediatePropagation();<a href="#" onClick={(event) => { e.stopPropagation(); e.nativeEvent.stopImmediateP...

2019-03-04 10:14:47 10684

原创 js（7） js精确计算相加相减相乘，保存小数点后两位，并且js去掉小数点后多余的0

js去掉小数点后面多余的0用parseFloatjs去掉小数点后面多余的0用toFixed(819*9).toFixed(2)//"7371.00"parseFloat((819*9).toFixed(2))//7371parseFloat((819*9.996).toFixed(2)))//8186.72parseFloat(1.1000)//1.1...

2019-02-28 15:28:40 1861

原创 js（6） qs.parse()、qs.stringify()、JSON.parse()、JSON.stringify()使用方法，把url的参数进行parse转换

qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.import qs from 'qs'qs.parse(location.search.replace(/^\?/, ''))const url = "http://localhost:8000/abcd?aa=111&bb=222"const qsObject = qs.parse(lo...

2019-02-28 14:25:36 1481

原创 css（2） html中css实现文字文本垂直居中

.welcome_month_li { width: 200px; height: 100px; display: table;}.welcome_month_noData { width: 100%; height: 100%; text-align: center; display: table-cell; background: re...

2019-02-26 18:37:05 331

转载 python（5） ubuntu删除文件夹

rm [选项] 文件 -f, --force 强力删除，不要求确认 -i 每删除一个文件或进入一个子目录都要求确认 -I 在删除超过三个文件或者递归删除前要求确认 -r, -R 递归删除子目录 -d, --dir 删除...

2019-02-26 09:28:31 698

原创 react（7） ant design 中 select的option 随页面滚动条滚动的bug问题

原代码(有bug代码)<Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}> <Option value="jack">Jack</Option> <Option value="lucy">Lucy</Optio

2019-01-23 16:08:39 4358

原创 js （6）获取url路径中的参数值（包括中文乱码）

function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var paramName = window.location.search.substr(1).match(reg); if(paramName != null)...

2019-01-23 15:53:21 2064

转载 python（4） python中字典常见的操作

Python 字典(Dictionary)操作详解Python字典是另一种可变容器模型，且可存储任意类型对象，如字符串、数字、元组等其他容器模型。一、创建字典字典由键和对应值成对组成。字典也被称作关联数组或哈希表。基本语法如下：dict = {'Alice': '2341', 'Beth': '9102', 'Cecil': '3258'}也可如此创建字典dict1 = { ...

2018-10-31 15:06:42 176

转载 python（3） python中列表常见的操作

Python操作列表的常用方法下面列出列表常用的方法操作列表以及小例子： 1. Append 在列表末尾添加元素，需在列表末尾添加元素，需要注意几个点: A. append中添加的参数是作为一个整体1 >>> name = list("scott")2 >>> name3 ['s', 'c', 'o', 't',...

2018-10-31 14:58:13 235

转载 python（2）python中字符串常见操作

引言字符串作为一种常见的数据类型，在日常中我们面临各式各样的字符串处理问题，那么，这就要求我们必须掌握一些常用的字符串处理函数。本文尽量囊括常用的字符串处理函数，此文也作为个人的小总结。Python中常用的字符串处理函数find()功能：检测字符串是否包含特定字符，如果包含，则返回开始的索引；否则，返回-1。示例：## find()函数str = 'hello wo...

2018-10-31 14:07:56 334

转载 python（1） linux常用命令详解

一、常用目录/文件操作命令 1.展示目录列表命令ls（list） ls 展示当前目录下的可见文件 ls -a 展示当前目录下所有的文件（包括隐藏的文件） ls -l(ll) 展示当前目录下文件的详细信息 ll -a 展示当前目录下所有文件的详细信息 ll -h ...

2018-10-31 10:25:16 438

原创 react(6) shouldComponentUpdate避免组件重复或者无意义渲染

shouldComponentUpdate()shouldComponentUpdate(nextProps, nextState)使用shouldComponentUpdate()以让React知道当前状态或属性的改变是否不影响组件的输出。默认行为是在每一次状态的改变重渲，在大部分情况下你应该依赖于默认行为。当接收到新属性或状态时，shouldComponentUpdate() ...

2018-10-15 10:36:48 7382 1

转载 js( 5 ) es6 es7 javascript对象Object.values() ， Object.entries()

1 Object.keys()ES5 引入了Object.keys方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键名。var obj = { foo: "bar", baz: 42 };Object.keys(obj)// ["foo", "baz"]目前， ES7 有一个提案，引入了跟Object.keys配套的Object....

2018-09-19 18:39:30 700

转载 js(4) 时间差相减得出天数小时分

2018-09-13 16:40:02 4230

原创 react（5） dva react中的effects 获取model state数据

dva react中的effects 获取model state数据 effects: { * query ({ payload }, { select, call, put }) { const stateArr = yield select(state => state) console.log(stateArr) },}, ...

2018-08-09 17:02:53 7928

转载 js(3) javascrt try...catch 用法心得

try 测试代码块的错误。catch 语句处理错误。 throw 创建并跑出错误。 try { //在这里运行代码抛出错误 } catch(err) { //在这里处理错误 } 下面是一个实例： <p>请输出一个 5 到 10 之间的数字:</p><input id="...

2018-07-18 18:49:44 319

原创 js（2） javascript中对象、数组、字符串合并的方法

一、js中对象合并的方法1)第一种方法var a = { a : '1', b : '2'}var content = { c: '3', ...a}console.log(content) //content = {c: "3", a: "1", b: "2"}2)第二种方法var content = {}var a = { a: '1', b: '2',...

2018-06-28 15:09:45 4460

转载 css（1） css清除浮动float的常用方法总结和兼容性处理

在清除浮动前我们要了解两个重要的定义：浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这时候我们就需要用到清除浮动的属性clear, clear:left | right | both | none ...

2018-06-14 17:27:33 180

转载 react(4) React不同条件渲染出不同效果

React 中的条件渲染有以下几种方式：if 语句三元操作符(ternary operator)逻辑 && 操作符switch.. case.. 语句枚举(enums)多层条件渲染(multi-level conditional reandering)使用高阶组件1.if 语句在React中使用if语句条件渲染是最简单的。比如List组件如果没有任何items,可以提前return...

2018-06-11 11:08:27 6285

原创 Git安装及密钥的生成以及如何查看秘钥文件夹位置（路径地址）

Git安装及密钥的生成1.下载Git软件：http://msysgit.github.io/ 2.安装git软件(很简单)。安装成功后，在[开始]->[程序]->[git],下就会看见Git Bash和Git GUI，打开Git Bash，进入bash界面。 3.注册邮箱在git bash界面输入如下内容即可完成邮箱的注册： $ git config --global user....

2018-06-04 10:20:00 62632 6

原创 nodejs（1） nodeJs 读取json数据复制写入到另外一个文件夹中

nodejs 读json文件var fs=require('fs');var file="d:\\a.json";var result=JSON.parse(fs.readFileSync( file));console.log(result) //josn 中的数据nodejs 读json文件并且写文件在D盘中创建a文件夹和b文件夹然后再a文件夹中创建a.json 然后运行下面代码之...

2018-05-22 16:49:31 3073

转载 js(1) javascript中使用Object.keys()把对象按照属性名的字母顺序进行排列

js 把对象按照属性名的字母顺序进行排列var obj = {name: "zhangsan", age: 8, ace: 5, nbme: "lisi"};//要排序的对象function objKeySort(obj) {//排序的函数 var newkey = Object.keys(obj).sort(); //先用Object内置类的keys方法获取要排序对象的属性名，再利用A...

2018-05-22 16:26:23 3022

原创微信小程序 ( 1 ) mpvue 创建微信小程序项目教程

快速上手本文假设你既不会 vue 也不会小程序，如嫌拖沓，请直接快进跳读。1. 初始化一个 mpvue 项目现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载 nodejs 并安装。然后打开命令行工具：# 1. 先检查下 Node.js 是否安装成功$ node -vv8.9.0$ npm -v5.6.0# 2. 由于众所周知的原因，可以考虑切换源为 taob...

2018-05-18 17:05:55 1568 2

转载 es6(1) es6 javascript对象方法Object.assign()

1 基本用法Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。[javascript] view plain copyvar target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assign(target, sourc...

2018-05-16 13:44:34 230

原创 react(3) react dva框架点击修改state的值类似react中的this.state和this.setState()

先展示下点击改变前state的值点击改变后state的值的变化首先创建者两个文件routes目录下的DvaState.jsimport React from 'react';import { connect } from 'dva';import { Link } from 'dva/router';let count = 0const DvaState = ({ disp...

2018-05-10 14:34:42 7896

原创 react（2） react dva框架的路由各种跳转

一、 link 跳转<Link to={ { pathname:"/ant", query:{foo: 'foo', boo:'boo'}, state:{data:'hello'} } } >二、点击路由跳转在effects 里面使用yield put<h2 onClick={test...

2018-05-10 11:05:25 7057

原创服务器(1) 利用nodeJs anywhere搭建本地服务器环境

首先去nodeJs官网下载最新版nodeJs https://nodejs.org/en/ 安装成功后win+r打开cmd 输入node -help 或者node -v查看是否安装成功装好后输入 npm install anywhere -g来安装anywhere。注意如果是mac系统会提示你权限不够，需要在代码前加上 sudo获取管理员权限。即sudo np...

2018-05-10 10:42:01 1099

原创 react(1) 如何用dva-cli 进行搭建react项目

dva是淘宝团队弄的，为了支持国货，赶紧试试看咋用吧第一步：安装 dva-clinpm install dva-cli -g第二步：采用dva来创建项目：dva new myappcd myapp第三步：npm start 启动起来访问路径：http://localhost:8000/ 界面效果如下：使用 antd#通过 npm 安装 antd 和 babel-plugin-import 。b...

2018-04-23 17:37:04 2574

原创 13、vue2.0利用better-scroll实现轮播图可以自动轮播可以无限循环轮播

1.安装better-scroll在根目录中package.json的dependencies中添加："better-scroll": "^0.2.4",然后npm install 安装2.封装代码slidertemplate> div class="slide_box"> div class="slide" ref="sli

2017-11-06 17:39:41 8883 1

转载 12、javascript中数组常用的函数操作总结

javascript中数组常用的函数操作总结 //向数组中添加值 var arr=new Array(1,2,3,4,5); var len=arr.push(7,9); console.log(len,arr);//array.push() 在数组末尾添加值，返回添加后的数组长度 var arr=new Array(1,2,3,4,5)

2017-11-01 14:09:24 260

转载 11、javascript中字符串常用操作总结、JS字符串操作大全

String对象属性(1) length属性length算是字符串中非常常用的一个属性了，它的功能是获取字符串的长度。当然需要注意的是js中的中文每个汉字也只代表一个字符，这里可能跟其他语言有些不一样。var str = 'abc';console.log(str.length);(2) prototype属性prototype在面向对

2017-11-01 14:05:41 297

转载 10、vue2.0中如何使用better-scroll

在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示：http://www.tuicool.com/articles/ueaYBjZ也可以是横向滚动的导航栏，如图所示：可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候，会用到我写的第三方库，better-s

2017-11-01 11:32:51 2202

转载 9、vue2.0子组件触发父组件的方法,父组件接收子组件的方法

方法一：子组件：提交export default { methods: { submit: function () { // 子组件中触发父组件方法ee并传值cc12345 this.$emit('ee', 'cc12345') } }}父组件： export defa

2017-10-30 09:32:28 922

转载 8、javaScript standard style eslint语法规范

JavaScript Standard Style翻译： Português, Spanish, 繁體中文, 简体中文standard 规则列表，太多不必阅读。了解 standard 的最好方式是安装它，然后写代码尝试。规则缩进使用两个空格。eslint: indentfunction hello (name) { con

2017-10-24 13:40:00 1507

原创 7、vue2.0用Vue.extend构建消息提示组件的方法实例实现alert模态框组件（2）

话不多说直接上源码喜欢的点赞哦alert.vue组件style> .header{ font-size:0.85rem;margin:0 0 0 0;margin-top:1.3rem; } .message{ font-size:0.8rem;color: #333;margin:0; padding:0.45rem 0.75

2017-10-20 17:48:48 1804 2

原创 6、用vue2.0extend写alert模态框弹窗组件

通过Vue.extend创建组件构造器的方法写弹窗组件alert.js文件代码import Vue from 'vue'// 创建组件构造器const alertHonor = Vue.extend(require('./alert.vue'));var currentMsg = {callback:function(){}}export default function

2017-10-20 16:32:05 2930

原创 5、css中vh和vw的属性

vh和vw响应式网页设计技术很大程度上依赖于比例规则。然而，CSS比例不总是每个问题的最佳解决方案。CSS宽度是相对于最近的包含父元素。如果你想使用显示窗口的宽度或高度而不是父元素的宽度将会怎么样？这正是vh和vw单位所提供的。vh等于viewport高度的1/100.例如，如果浏览器的高是900px,1vh求得的值为9px。同理，如果显示窗口宽度为750px,1vw求得的值为7.

2017-10-20 11:22:32 3583

转载 4、GitHub上README.md教程（插上图片等）

最近对它的README.md文件颇为感兴趣。便写下这贴，帮助更多的还不会编写README文件的同学们。README文件后缀名为md。md是markdown的缩写，markdown是一种编辑博客的语言。用惯了可视化的博客编辑器（比如CSDN博客，囧），这种编程式的博客编辑方案着实让人眼前一亮。不过GitHub支持的语法在标准markdown语法的基础上做了修改，称为Github Flavor

2017-10-20 10:30:32 1098

原创 3、js原生实现移动端手指滑动轮播图效果(3)

html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> title>3、js原生实现移动端手指滑动轮播图效果(3)title> meta http-

2017-10-19 15:34:13 1337 1

原创 1、js原生实现移动端手指滑动轮播图效果(2)

html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> title>雲title> meta http-equiv="X-UA-Compatible

2017-10-19 13:36:39 1139 1

空空如也

空空如也