2018年05月_面条请不要欺负汉堡

11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Redux基本语法

一.Redux1.什么是ReduxRedux是专注于状态管理,单一状态，单向数据流处理.在Redux中，所有的数据（比如state）被保存在一个被称为store的容器中 → 在一个应用程序中只能有一个。store本质上是一个状态树，保存了所有对象的状态。任何UI组件都可以直接从store访问特定对象的状态。要通过本地或远程组件更改状态，需要分发一个action。分发在这里意味着将...

2018-05-30 21:55:58 1064

一.什么是JSX JSX 是 JavaScrip 的一种扩展语法。JSX是React的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构（DOM结构）的语法，它的目的不是要在浏览器或者引擎中实现，它的目的是通过各种编译器将这些标记编译成标准的JS语言。下面就是jsx的语法function formatName...

2018-05-28 15:34:56 5171

原创使用 create-react-app 构建 react应用程序流程及开发注意点

一.了解1.什么是React.jsReact.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。React 中，把一切东西都看成组件，而且所有组件有其状态。什么是状态？简单来说，一个组件有多种有限的状态，但同时只能是一种状态，不过条件处罚就会变成另一种状态。学术上叫有限状态机。React.js 是一个新兴的 JavaScript 库，有很多经典的思想值...

2018-05-28 10:24:54 4150

原创 Redux异步操作redux-thunk

用户发出 Action，Reducer 函数算出新的 State，View 重新渲染。但是，一个关键问题没有解决：异步操作怎么办？Action 发出以后，Reducer 立即算出 State，这叫做同步；Action 发出以后，过一段时间再执行 Reducer，这就是异步。怎么才能 Reducer 在异步操作结束后自动执行呢？这就要用到新的工具：中间件（middleware）。Github：htt...

2018-05-31 17:39:11 4221 2

转载 Redux Reducer 的拆分

写一个Reducer的例子import React from 'react';import { DatePicker } from 'antd';import 'antd/dist/antd.css';import { createStore } from 'redux'; import { Provider, connect } from 'react-redux'; var da...

2018-05-31 14:46:57 1419

原创 vue中proxyTable反向代理进行跨域

一.分析(一).jsonp的方式<script>标签里的src是没有跨域限制的，<img>标签里的src也是没有限制的，我们书写网页的过程中不难发现这一点。jsonp就是通过在本站脚本创建一个<script>便签，将地址指向第三方的API地址来达到第三方通讯的目的，并提供一个回调函数来接收数据，第三方响应为json数据的包装，这个是jsonp名字的由来（json...

2018-05-23 14:23:22 4869

原创 vue.js-使用slot插槽分发内容

最初在 <slot> 标签中的任何内容都被视为备用内容。备用内容在子组件的作用域内编译，并且只有在宿主元素为空，且没有要插入的内容时才显示备用内容。一、单个插槽子组件，备用内容在子组件的作用域内编译，并且只有在宿主元素为空时，且没有要插入的内容时才显示备用内容1.parent.vue<div id="exp1"> <h1>我是父组件的标题</h1>...

2018-05-22 09:40:24 470

转载 jsonp原理及同源策略

一.jsonp原理及同源策略jsonp 是用来跨域读取数据的，为什么从不同的域访问数据要用jsop呢？这源于一个著名的安全策略--同源策略，即：　　协议、端口号、域名相同　　举例说明：http://www.myweb.com:8080/demo/index.html [协议：http:// 端口：8080 域名：www.myweb.com]　　http://www.myweb.com:8080...

2018-05-21 14:11:09 696

转载 js中getBoundingClientRect()方法详解

一.getBoundingClientRect()分析getBoundingClientRect()获取元素位置，这个方法没有参数getBoundingClientRect()用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。 getBoundingClientRect()是DOM元素到浏览器可视范围的距离（不包含文档卷起的部分）。该函数返回一个Object对象，该对象有6个属性：...

2018-05-18 16:16:50 133622 1

原创 vue.js事件修饰符(阻止冒泡默认行为)

事件处理函数只有纯粹的逻辑判断，不处理DOM实践的细节，例如：阻止冒泡，默认行为，判断按键。vue修饰符是指在触发事件或按键时额外的触发条件或回调。比如点击事件只允许触发一次，可以使用@click.once。一.原生事件对象vue可以通过以下方式，获取原生的事件对象。<button @click="getEventDom($event);">getEventDom</button...

2018-05-18 13:55:16 21076 1

原创手机端切图注意

一.了解以iPhone6设置屏幕大小， psd设置大小为750×1334。在切图的时候以要屏幕的一半来切图（无论图片还是文字间距都除以2 ）1.图片要切2张，一张是750×1334 屏幕下的命名@2x；另一张是 750×1334屏幕1.5倍的情况下命名@3x如：图片在 750×1334屏幕下是44×24 imgs@2x.png 那么imgs@3x.png就是66×36...

2018-05-14 13:22:59 1529

转载 sticky-footer的三种解决方案

sticky-footer的三种解决方案在网页设计中，Sticky footers设计是最古老和最常见的效果之一，大多数人都曾经经历过。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送，我们看到的效果就如下面两张图这样。这种效果基本是无处不在的，很受欢迎。那么面对这样的问题有什么解决方法呢？首先我们先构建简单...

2018-05-14 09:21:23 1967 2

原创 sublime text 3 添加各种插件

1.sublime text3 less和scss文件高亮显示less高亮插件下载： https://github.com/danro/LESS-sublime/zipball/masterscss高亮插件下载： https://github.com/kuroir/SCSS.tmbundle/zipball/SublimeText2使用方法：(1).打开Sublime Text ...

2018-05-11 18:28:32 782

转载最新的vue没有dev-server.js文件，如何进行后台数据模拟？

最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步，在const portfinder = require(‘portfinder’)后添加//第一步const express = require('express')const app = express()//请求serve...

2018-05-10 18:02:01 476

原创简单的分析ES6的语法

一.定义变量(1).let块级作用域的使用代码块: { }包起来的代码，形成了一个作用域，简称块级作用域比如:if for while特点：只能在代码块里面使用{ let a=12; console.log(a);//打印出 12 } console.log(a);//undefined总结：var与let的区别①l...

2018-05-08 11:33:07 309 1

原创 ES6 Module的语法

一.概述1.概述ES6中模块的设计思想:尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入输出的变量。比如，CommonJS 模块就是对象，输入时必须查找对象属性。// CommonJS模块let { stat, exists, readFile } = require('fs');// 等同于let _fs = require('fs');let stat = _fs.sta...

2018-05-03 15:54:38 321

原创 JavaScript常见的操作

1.弹框之外的区域点击关闭弹框写到一个弹框需要在页面之外点击时关闭弹框var container=$('#myModal');container就是弹框的最外层元素 $(document).bind('click',function(e){ if(!container.is(e.target)&&container.has(e.target).length==...

2018-05-03 13:52:26 225

vue3+wangEditor5自定义上传音频+视频

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单；并扩展音频元素节点，保证音频节点的插入、读取、回写功能正常；支持动态修改尺寸

2023-07-05

select2首字母

select2 插件要首字母搜索时，请添加这个pinyin.js的插件

2019-02-26

ztree官网案例

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。

2018-07-09

mongobooster可视化工具

mongobooster可视化工具，不用安装，下载解压直接打开就可以使用

2018-06-11

web页面批量打印

批量打印 HTML：打印页面预览，跳转到打印那边使其分页（使每个报告单占据一页）

2018-01-31

PLSQL Developer

PLSQL Developer 7.1.5.1398 中文破解版 32位中文破解版

2017-11-28

瀑布流waterfall

瀑布流布局插件waterfall，这是基于jquery，类似于 Pinterest、花瓣、发现啦。直接引用js就好。兼容ie8等浏览器

2017-09-12

全国省份城市

这里面包括：js原生态最新版本省市县全国地名选择input插件和jQuery省市区三级联动（将代码片段封装成了jQuery插件）

2017-09-12

验证码生成

图形验证码插件gVerify.js：纯JS实现图片验证码功能，简单好用，实现完美。但是说要兼容IE8以下，是不行的。

2017-09-12

百度地图map

基于jQuery的百度地图，实现省、市、区三级联动，然后您可以再结合百度API控件增加功能。百度地图兼容ie7等

2017-09-12

鼠标悬停图片动画

20款css3鼠标悬停图片动画过渡特效:鼠标移上图片，显示一些内容或是另一张图片，这个过程中产生的效果动画的多样性。

2017-09-11

webuploader上传图片源码

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。此文件中webuploader上传图片的案例以及webuploader+cropper裁剪图片，还有md5-demo等案例。

2017-09-01

cropper裁剪案例

jQuery.cropper是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。

2017-09-01

小程序案例1

微信小程序（选项卡,轮播图,弹出框,上传图片/获取图片信息,滚动区/无限滚动,链接,列表, 无限滚动,音乐播放,表单,下拉菜单,搜索, 预览图片,拖放图片,上传文件）

2017-08-29

常见视频插件

视频插件，不支持ie8一下

2017-08-15

WebUploader+cropper

上传图片以及裁剪图片，用WebUploader+cropper结合使用

2017-08-11

FLIP 动画实现多维网格的过渡

内部的实现，Vue 使用了一个叫 FLIP 简单的动画队列使用 transforms 将元素从之前的位置平滑过渡新的位置。我们将之前实现的例子和这个技术结合，使我们列表的一切变动都会有动画过渡

2017-08-09

简单vue2开发

Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

2017-08-08

webuploader上传图片

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。

2017-08-07