面条请不要欺负汉堡-CSDN博客

原创小程序跳转-官网更新

同一公众号下关联的另一个小程序。如果没有关联同一个公众号，则无法成功打开另一小程序。（A主体小程序跳转B主体小程序，必须，A主体公众号关联B主体小程序或是B主体公众号关联A主体小程序）一、公众号关联小程序公众号关联小程序后，将可在图文消息、自定义菜单、模板消息等功能中使用小程序。关联规则：所有公众号都可以关联小程序。一个公众号可关联10个同主体的小程序，3个不同主体的小程序。一个小...

2019-09-02 17:25:48 4544

原创 uni-app开发注意点

一.特征1.跨平台更多（一套代码，多段发行）2.体验更好（组件、api与维修小程序一致，兼容weex原生渲染）3.通用技术栈（vue语法、微信小程序api、内嵌mpvue）4.开发生态，组件更丰富（支持通过npm安装第三方包、支持微信小程序自定义组件及sdk、兼容mpvue组件及项目、app端支持和原生混合编码、DCloud将发布插件市场）二.注意1.单位 upx ,支持的...

2019-08-05 17:36:43 378

原创微信小程序支付开发及问题

一.前期准备微信后台申请微信支付：微信支付-商务号关联（个人信息填写，操作密码）-》api密钥设置得到appidAppSecret商户号api密钥等微信支付接口签名校验工具二大概流程1）登录，获取code（一个code只能用一次）2）通过code获取openid（通过请求服务器，由服务器请求微信获取并返回小程序）。微信登录+获取openid接口wx.logi...

2019-07-26 10:38:58 385

原创 layui 常见使用及注意

一.注意1.layui-nav-itemed 这个加上就是默认展开菜单二.菜单1.菜单数据类型[ { "name": "审核管理", "id":1,//这个每个菜单都要不一样 "icon": "",//这个字体图标 "url": "shgl",//菜单路劲 "children": null// 子集 }, { "name": "打印寄件管理",...

2019-05-12 20:50:10 8693 1

转载浅析jQuery源码特性的分析

jQuery的总体架构可以分为：入口模块、底层模块和功能模块。这里，我们以jquery-1.7为例进行分析。一.jquery的总体架构(function( window, undefined ) { // 构造 jQuery 对象 var jQuery = (function() { var jQuery = function( selector, context ) { ...

2019-02-15 10:39:33 249

1. AMD的由来　　前端技术虽然在不断发展之中，却一直没有质的飞跃。除了已有的各大著名框架，比如Dojo，JQuery，ExtJs等等，很多公司也都有着自己的前端开发框架。这些框架的使用效率以及开发质量在很大程度上都取决于开发者对其的熟悉程度，以及对JavaScript的熟悉程度，这也是为什么很多公司的技术带头人都喜欢开发一个自己的框架。开发一个自己会用的框架并不难，但开发一个大家都喜欢的...

2019-02-14 15:26:08 1855

转载 scrollIntoView()的用法

一.介绍Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。调用方法为 element.scrollIntoView() 参数默认为true。参数为true时调用该函数，页面（或容器）发生滚动，使element的顶部与视图（容器）顶部对齐；参数为false时，使element的底部与视图（容器）底部对齐。TIPS：页面（容器）可滚动时才...

2019-02-14 09:30:39 20371 7

转载原生js兼容性问题

1. 获取标签样式的兼容性问题1. getComputedStyle(node,null).value 不支持IE8以及以下第一个参数是节点对象,第二个参数是伪类,没有为null2.node.currentStyle.vale 是IE专有的function getStyleValue(node,propertyName){ if(node.currentStyle) ...

2019-01-14 09:48:06 584

转载修改Nodejs内置的npm默认配置路径

Nodejs 内置的npm默认会把模块安装在c盘的目录下：C:\Program Files\nodejs\node_modulesC盘这么小，肯定是不行的，下面一步步修改到e盘1.打开cmd命令行，查看当前配置输入 npm config ls先看一下当前npm的配置环境2.修改路径这里需要修改两个路径，module路径和cache路径module对应prefixcache...

2019-01-04 13:08:07 6971

转载 React 性能优化

简单的 todo-list-demo讲 React 性能优化不能光靠嘴说，得有一个 demo 作为依托，做一个简单的 todolist demo，根据源代码来讲解。顺便体验一下 React 最简单的用法。性能检测安装 react 性能检测工具 npm i react-addons-perf --save，然后在./app/index.jsx中// 性能测试import Perf f...

2018-11-12 21:43:10 444

转载 Web离线应用解决方案——ServiceWorker

什么是ServiceWorker?　在介绍ServiceWorker之前，我们先来谈谈PWA。PWA (Progressive Web Apps) 是一种 Web App 新模型，并不是具体指某一种前沿的技术或者某一个单一的知识点，，这是一个渐进式的 Web App，是通过一系列新的 Web 特性，配合优秀的 UI 交互设计，逐步的增强 Web App 的用户体验。Https环境部署响...

2018-09-29 10:29:44 819

原创 moment.js获年月日/js 获取时间日期

官网一.使用相对时间moment("20111031", "YYYYMMDD").fromNow(); // 7 年前moment("20120620", "YYYYMMDD").fromNow(); // 6 年前moment().startOf('day').fromNow(); // 16 小时前moment().endOf('day').fromNow()...

2018-09-06 16:19:11 43300

原创 React常用的实用技巧

一.React-classnames库在实际应用中，经常会遇到根据某些状态增加或更改组件属性中类名的情况，为了更好地满足的class动态切换的需求，React提供了classNames工具安装：npm install classnames --save引入classnames库：import classnames from 'classnames'用法：1.基本使用...

2018-09-03 13:21:05 1048

原创简单的理解Redux-Saga

一.理解redux-saga 就是用来处理副作用（副作用简单的理解为：异步操作）的一个中间件。它是一个接收事件，并可能触发新事件的过程管理者，为你的应用管理复杂的流程。redux-saga 是一个 redux 中间件，意味着这个线程可以通过正常的 redux action 从主应用程序启动，暂停和取消，它能访问完整的 redux state，也可以 dispatch redux action。...

2018-08-28 17:22:24 2193

原创 generator函数简单的理解

一.generator函数的定义语法上，可以把理解成，Generator 函数是一个状态机，封装了多个内部状态。形式上，Generator 函数是一个普通函数。它不同于普通函数，是可以暂停执行的，所以函数名之前要加星号，以示区别。整个Generator函数就是一个封装的异步任务，或者说是异步任务的容器，异步操作需要暂停的地方，都用yield语句。yield的表达式形式1.Generat...

2018-08-28 14:54:20 508

原创简单的理解：yield的表达式形式

一.说明yield 关键字用来暂停和继续执行一个生成器函数。(1).yield的功能：　　1. 与return类似，都可以返回值，不一样在于，yield可以返回多个值而且可暂停，再次执行可继续下一步操作，return到了就停止不在继续运行。　　2.为封装好的的函数能够使用__iter__和__next__方法，　　3.遵循迭代器的取值方式 .__next__(),触发函数的执行和函数...

2018-08-28 14:21:07 1914

原创学习react前端框架dva

dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：“dva 是 react 和 redux 的最佳实践”。一.介绍1.What's dva ?dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装。dva 是 react 和 redux 的最佳实践。最核心...

2018-08-23 17:10:32 12357 3

转载 React进阶之高阶组件

一.介绍1.说明：高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件。我的理解是定义一个A组件(函数)，把这个A组件传入给B组件,B组件把A组件包裹一层，然后再返回给A组件。这样的话就可以在原来的A组件上添加一些功能高阶组件是react应用中很重要的一部分，最大的特点就是重用组件逻辑。它并不是由React API定义出来的功能，而是由React的组合特性衍生出来的一...

2018-08-03 17:30:11 446

转载 jqGrid基本语法及使用

一.介绍(1).介绍首先对Jqgrid网格插件做个简要的说明。在众多的表格插件中，Jqgrid的特点是非常鲜明的。特点如下: 1.完整的表格呈现与运算功能，包含换页、栏位排序、grouping、新增、修改及删除资料等功能。 2.自定义的工具列。 3.预设的Navigator工具列，可以很容易的使用新增、删除、编辑、检视及搜寻等功能。 4.完整的分页...

2018-08-03 10:13:56 1653

转载 Express 常用中间件 body-parser 实现解析

一.写在前面body-parser是非常常用的一个express中间件，作用是对post请求的请求体进行解析。使用非常简单，以下两行代码已经覆盖了大部分的使用场景。app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: false }));本文从简单的例子出发，探究body-parser的内部实现。至于...

2018-08-01 16:44:03 848

转载 React 组件引用本地图片问题

es6不支持在<img />标签内直接写图片的路径，即：<img src="../images/photo.png"/>这种格式是不支持的。在网上看了很多博客，总结下以下几个加载的方法，当然，这种是在图片不多的情况下可以采用。一.少量图片的时候，单张引入（1）import 方法：import logos from '../../assets/images/lo...

2018-07-26 14:21:31 4875

转载 React-router4的简单理解

了解更多请参阅 v4 文档一.介绍 1.说明 react-router4是React官方推挤路由库，4是最新版本。和之前版本不兼容，浏览器和RN均兼容React Router 4.0 （以下简称 RR4）已经正式发布，它遵循React的设计理念，即万物皆组件。所以 RR4 只是一堆提供了导航功能的组件（还有若干对象和方法），具有声明式（引入即用），可组合性...

2018-07-20 16:12:06 5694 1

原创 React-Redux 的用法及connet用装饰器编写

一.介绍 1.说明使用react-redux是为了更好的组织react和redux。这个库是可以选用的。实际项目中，你应该权衡一下，是直接使用 Redux，还是使用 React-Redux。后者虽然提供了便利，react-redux在redux的基础上,但是需要掌握额外的 API，并且要遵守它的组件拆分规范。就关注两点：Provider和connect 2.安装 npm ins...

2018-07-20 14:39:56 1620

原创 datatable前端传递参数与后端返回值格式说明

一.datatable前端传递参数其中，draw是请求的序号，start是数据的起始，length是需要返回的最大数据条数。search[value]是查找的值。服务端采用java的servlet完成。前端传递参数：columns[0][data] 0columns[0][name] columns[0][orderable] truecolumns[0][se...

2018-07-18 14:07:08 9828 1

转载 js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

一.js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本 function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; i...

2018-07-09 16:45:42 1104

原创 vue的生命周期

一.概念了解1.什么是生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直...

2018-07-04 17:26:10 32280 1

转载前端表格插件 BootstrapTable 入门教程

官网地址： http://bootstrap-table.wenzhixin.net.cn/zh-cn/Github地址： https://github.com/wenzhixin/bootstrap-table主要功能支持 Bootstrap 3 和 Bootstrap 2自适应界面固定表头非常丰富的配置参数直接通过标签使用显示/隐藏列显示/隐藏表头通过 AJAX 获取 JSON 格式的数据支持...

2018-06-28 09:38:42 1202

原创 select2 案例及注意事项、首字母搜索

select2是一个非常好用的下拉框插件，支持很多功能。官方文档，例子：http://select2.github.io/select2/一.select2 案例1.单选<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="...

2018-06-25 11:16:21 3851

原创 Mongoose常用语法

一.Mongoose的介绍Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具. 在项目安装mongoose封装 :cnpm install mongoose --save二.Mongoose常用语法1.加载Mongoose模块var mongoose = require('mongoose'); 2.连接数据库(1).connec...

2018-06-13 11:27:22 3929

原创基于vue2+node+express+mongoDB 获取商量列表查询接口

一.基于express实现商品列表查询接口(1).安装mongoose封装 cnpm install mongoose (2).创建model(3).创建路由(4).基于mongoose实现商品列表的查询

2018-06-12 18:15:11 2504

原创 MongoDB安装及结合mongobooster可视化工具使用

一.MongoDB1.MongoDB定义2.安装MongoDB下载地址： https://www.mongodb.com/download-center 我电脑是win10的官方文档

2018-06-11 11:33:48 15308 2

原创搭建基于express框架运行环境

一.Express简介 Express提供了一个轻量级模块，把Node.js的http模块功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，使你轻松处理服务器的路由、响应、cookie和HTTP请求的状态。使用Express可以充当Web服务器。二.搭建基于express框架运行环境开发后端的node服务1.安装express ① 安装全局变量...

2018-06-10 16:01:36 1985

原创 Node.js简单入门

一.了解nodeJs1.什么是NodeJS简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎（Google的Chrome浏览器使用的JavaScript执行环境），V8引擎执行Javascript的速度非常...

2018-06-04 15:00:05 408

原创 JS中键盘事件及keyCode对照表

一.Keycode对照表二.键盘事件1.键盘事件：完整的 key press 过程分为两个部分：1. 按键被按下；2. 按键被松开。keydown：按键按下keyup：按键抬起keypress：按键按下抬起2.使用时//jq的方式$("input").keydown(function(){ $("input").css("background-color","#FFFFCC");});$(...

2018-06-01 15:38:02 25035 1

原创 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 4870

原创 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 133627 1

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