自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

转载 日期

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">// 获取当前时间戳(以s为...

2018-09-13 10:10:00 134

转载 Mongodb 保存地理信息 并实现范围检索

1.添加依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-mongodb</artifactId> <version>2.0.0.RELEASE</...

2018-08-21 10:28:00 322

转载 webpack2.2API阅读笔记

entry:告诉webpack从哪里开始打包 用法:entry:string|Array<string>output:指定输出的文件转载于:https://www.cnblogs.com/cxdxm/p/9224610.html...

2018-06-25 15:46:00 112

转载 react-lazyload

https://www.npmjs.com/package/react-lazyload最近一天在研究界面懒加载,快要崩溃的时候 终于搞出来,所以我决定记录一下自己的小坑坑始用时完全按照git上的demo来的,放到项目发现就是不好用。在不断尝试中发现不好用是因为:1.界面布局中始用了height:100%及 position:absolute; 所以导致无法准确的获取...

2018-06-22 14:48:00 350

转载 项目中常用的各个依赖包的解释

antd-mobile:蚂蚁金服提供的移动端框架babel: "babel-core"://命令行转码,如某些代码需要调用babel的api进行转码"babel-eslint"://用于静态检查代码的语法和风格"babel-loader": "babel-plugin-add-module-exports""babel-plugin-import": "babel-plugin-tr...

2018-06-21 20:08:00 470

转载 日常看贴的零碎点

restFul风格:非REST的url:http://…../queryItems.action?id=001&type=T01 REST风格的url:http://…./id/001/type/T01 ajax的写法:var xhttp = new XMLHttpRequest();xhttp.onreadystatechange = function() { if ...

2018-06-20 20:34:00 41

转载 Minio 整合springboot 开发 实现文件上传

Minio 作为对象存储,灵活方便,结合java 实现minio 文件上传1.搭建maven环境,添加依赖包<properties> <minio.version>4.0.0</minio.version></properties><dependency> <groupId>io.minio&...

2018-05-19 19:44:00 4072

转载 spring boot中使用mvn 启动spring boot 显示端口被占用

在maven项目的resource目录下新建一个 application.properties , 定义server.port 没有生效 显示端口被占用,在windows 下输入 netstat -ano 显示 被占用的端口,然后输入tasklist 显示被占的端口应用,启动任务管理器将其关闭,重新启动springboot即可转载于:https://www.cnblogs.com/...

2018-03-14 21:57:00 173

转载 react的中一些防攻击处理

jsx防注入攻击:React DOM在渲染之前默认会过滤所有传入的值。它可以确保你的应用不会被注入攻击。所有的内容在渲染之前都被转换成了字符串。这样有效的防止XSS(跨站脚本)攻击。转载于:https://www.cnblogs.com/cxdxm/p/8037428.html...

2017-12-14 14:12:00 431

转载 babel

http://babeljs.io/主要是让例如es6这样的代码可以向下兼容浏览器转载于:https://www.cnblogs.com/cxdxm/p/7985145.html

2017-12-05 08:46:00 61

转载 react docs 阅读笔记

https://reactjs.org/docs/installation.html创建react项目(这里也可以用npx):npm install -g create-react-appcreate-react-app my-appcd my-appnp start使用CDN:使用它来管理客户端包开发环境<script crossorigin s...

2017-12-04 09:42:00 81

转载 javaScript日常琐碎总结

onmouseover:鼠标移到某元素之上onmouseout:鼠标从某元素移开上面两个事件会冒泡,就算是写了e.stopPropagation(),也不起作用(个人尝试后的结果,不代表权威)onmouseenter:鼠标指针移动到元素上时触发onmouseleave:鼠标指针移出元素上时触发与上面两个方法唯一bu不同的地方是会阻止事件冒泡typeof:...

2017-12-02 10:07:00 60

转载 常用的一些校验

varWi=[7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1];//加权因子varValideCode=[1,0,10,9,8,7,6,5,4,3,2];//身份证验证位值.10代表X//查询条件级联操作functionprovJoinCity(...

2017-11-03 11:28:00 314

转载 git常用指令

设置用户信息:git config [--global] user.emailgit comfig [--global] user.password提交代码:git commit -m [message] //提交暂存区到仓库区git commit [file1] [file2] -m[message] //提交暂存区的指定文件到仓库区git com...

2017-11-03 09:05:00 55

转载 css3之grid

浏览器的支持情况css grid调试工具:安装Firefox Nightly浏览器 或者安装chrome css-grid-highlighter插件使用grid的时候必须给它一个确切的行数和列数.grid-style{ display:grid; grid-template-columns: 1fr 1fr; //创建了两列的网格 gri...

2017-11-01 13:56:00 169

转载 有用的插件

67 个拯救前端开发者的工具、库和资源在本文中,我不会去谈 React、Angular、Vue 等等这些大的前端框架,也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器,我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。这套工具集中的大部分你可能见过,也可能没见过,如果有哪个/些让你眼前一亮,那么我的分享就很值了。这...

2017-09-12 09:03:00 145

转载 git

git采用的是分布式版本库的方式git init:初始化git仓库git clone <repo> <directory>:从现有的Git仓库中拷贝项目(repo:git仓库;directory:本地目录)git add:将该文件添加到缓存中git status:查看项目的当前状态查看执行git status的结果的详细信息git diff...

2017-08-22 16:52:00 56

转载 ArrayBuffer类型化数组

类型化数组是JavaScript操作二进制数据的一个接口这要从WebGL项目的诞生说起,所谓WebGL就是指浏览器与显卡之间的通信接口,为了满足JavaScript与显卡之间大量的、实时的数据交换,它们之间的数据通信必须是二进制的,而不能是传统的文本格式。比如,以文本格式传递一个32位整数,两端的JavaScript脚本与 显卡都要进行格式转化,非常耗时。这时要是存在一种机制,可以像...

2017-08-08 09:27:00 90

转载 arguments对象

arguments对象是所有函数中可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目,第一个条目的索引从0开始。arguments对象仅在函数内部有效,在函数外部调用会出现一个错误。arguments的属性:arguments.callee:指向当前执行的函数arguments.caller:指向调用当前函数的函数...

2017-08-08 08:23:00 56

转载 nodejs阅读笔记

安装包地址:http://nodejs.org ;检测是否安装成功 cmd , node设计思想:单线程,异步式I/O,事件驱动式nodejs线程执行的过程:当发起多个请求时,nodejs会专注的去执行一个请求,并把它放入事件队列里,它不会等待结果返回,而是直接继续执行后面的语句,直到进入事件循环。当结果返回时,会将事件发送到事件队列,等到线程进入事件循环后,才会调用之前的回调函...

2017-08-02 18:01:00 50

转载 常用的正则表达式

匹配所有除汉字和字母之外的字符:/[^\u4e00-\u9fa5a-zA-Z]/g(栗子:_.replace(thisColumn,/[^\u4e00-\u9fa5a-zA-Z]/g,''))转载于:https://www.cnblogs.com/cxdxm/p/7248267.html

2017-07-28 08:43:00 42

转载 lodash

_.chunk(3.0.0)_.chunk(array,[size=1]):将一个数组分成相同长度的几个数组,不够均匀分配的单独成为一个数组。参数:array(Array):要进行拆分的数组[size=1](number):指定每块的长度返回:(Array):返回新的数组例子:_.chunk([‘a’,’b’,’c’,’d’],2) //[[‘a’,...

2017-06-15 08:52:00 168

转载 angularjs2

angular1.x的困境性能问题:它是通过脏检查还更新数据的,数据越多性能越慢。落后于当前web发展理念(如组件开发方式)对手机端支持不够友好angular2新特性移除controller+$scope设计,改用组件式开发(更容易上手)性能更好(渲染更快,变化检测效率更高)优先为移动应用设计(angular mobile toolkit)更加贴合了未来的...

2017-06-07 09:02:00 89

转载 react-dnd

介绍React DnD 是一组 React 高阶组件,可以用来帮你构建复杂的拖拽接口,同时解耦你的组件。React DnD 非常适合像 Trello 和 Storify 这样的应用,在不同地方通过拖拽转移数据,而组件会改变它们的外观和应用的状态来响应拖拽事件。基本用法把应用的根组件包装在DragDropContext中把可以拖拽的组件包装在DragSource...

2017-06-04 17:30:00 82

转载 react native 使用笔记

react native的优点:跨平台,低投入高回报(因为它跨平台) 性能高 支持动态更新搭建window环境:  安装nodejs  安装react native: npm install -g react-native-cli  安装Android studio (http://developer.android.google.cn)  初始化 react ...

2017-05-31 09:14:00 62

转载 nodejs

nodejs.orgnpmjs.comgithub.comstackoverflow.comnodejs:偶数是稳定版,奇数为非稳定版本nodejs事件驱动模型nodejs:是单线程的,通过回调来实现异步nodejs:适合于高并发,io密集操作等URL:  url.parse('http://www.baidu.com',true):是把url地址解析...

2017-05-25 09:36:00 76

转载 react之redux的使用笔记

数据流:1.数据流是我们的行为与响应的抽象2.使用数据流帮助我们明确了行为对应的响应redux执行流程:1.将要改的值传给action2.在action中编写state的变化,利用store的dispatch方法来传递数据的变化3.reducer处理action并返回新的state值(纯函数)3.将值传递给store(它是整个应用保存state的redux对象...

2017-05-22 11:48:00 113

转载 react之jsx的使用

import React from "react"export default class jsx extends React.Component{ render(){ var name = '接受变量' var bool = true var html = 'sd\u0020sd' //解析空格第一种办法转码 var html...

2017-05-16 20:23:00 55

转载 react之第一个组件的定义及使用

//header.jsimport React from "react"; //"react",如果r写成大写的话,浏览器里会出现警告//如果不写export default,外部将访问不到export default class ComponentHeader extends React.Component{ //class名开头必须大写 render(){ /...

2017-05-16 20:07:00 74

转载 npm

yarn和npm:包管理器,可以用它们来安装和更新项目中用的依赖进入项目目录全局安装是-g: npm install -g webpack--save:是将安装的文件配置在package.json里搭建项目:npm init转载于:https://www.cnblogs.com/cxdxm/p/6862953.html...

2017-05-16 18:37:00 73

转载 webpack热加载

webpack --watch :监控当代码发生变化时,重新编译。webpack -dev-server:代码发生变化时浏览器自动刷新webpack-dev-server --contentbase src --inline --hot:指定启动的目录和热加载转载于:https://www.cnblogs.com/cxdxm/p/6862950.html...

2017-05-16 18:36:00 72

转载 react使用笔记及生命周期

react-intl:做国际化的react只是dom的一个抽象层,并不是web应用的完整解决方案。它没涉及到代码结构和组件之间的通信react components的生命周期,在浏览器中的三个状态:  Mounted(React.renderComponent()):React components被render解析生成对应的DOM节点并被插入浏览器的D...

2017-05-16 13:31:00 128

转载 移动开发的常见问题

1.禁止浏览器上下晃动,露出浏览器自带的背景 var firstMovewindow.addEventListener('touchstart', function (e) { firstMove = true})window.addEventListener('touchmove', function (e) { if (firstMove) { e.pre...

2017-05-05 14:45:00 53

转载 javascript常用的方法

//日期格式化format (data, fmt) { // author: meizz var o = { 'M+': data.getMonth() + 1, // 月份 'd+': data.getDate(), // 日 'h+': data.getHours(), // 小时 'm+': ...

2017-05-04 14:37:00 60

转载 vue发送邮件页面

<template> <div class="modal-email" transition="modal"> <div class="modal-email-wrapper"> <div class="modal-email-container"> <div class="modal-email-...

2017-05-03 08:38:00 4716

转载 vue2.0新增和废除

新增:  全局配置  Vue.config.errorHandler:它是一个全局钩子函数。当组件渲染时遇到未处理的异常,会调用这个函数,默认会输出错误堆栈信息  Vue.config.keyCodes:它提供了对v-on指令按键修饰符自定义key别名的配置  全局API  Vue.compile:它的功能是把一个Vue实例的模板字符串编译成render functi...

2017-04-25 09:05:00 203

转载 html5工作中遇到的小坑坑

1.关于localStorage的用法(它会把所有的数据类型都当成string,所以在使用时需要转换,下面以object类型为例)  存储:localStorage.setItem('productList',JSON.stringify(state.productList))  取出:JSON.parse(localStorage.getItem('productList'))...

2017-04-17 19:11:00 112

转载 css3之rem

em的计算公式:1 ÷ 父元素的font-size × 需要转换的像素值 = em值rem:是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数兼容性:IE9.0+;Firefox3.6+;chrome4.0+;safari5.0+;opera15.0+; IOS Safari4.1+;Android Browser2.1+;Android Chrome1...

2017-04-07 09:02:00 58

转载 关于vue工作中遇到的小坑

前提项目是用脚手架工具生成的,项目用到的技术是vue webpack 和scss1.引用定义组件的时候需要注意的点import button from '../../components/button/Button' //在引用组件时,不要用html关键字作为名字,这样在解析的时候它会当成html元素来解析,例如这里用了button,它会当做html的元素。2.父组件中定...

2017-04-06 15:57:00 142

转载 css之日常琐碎记录

1.@media可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。http://www.runoob.com/cssref/css3-pr-mediaquery.html//文档宽度小于300像素则修改背景颜色  @media screen an...

2017-04-06 09:14:00 88

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除