JavaScript截屏功能的实现代码
最近参与了网易炉石盒子的相关页面开发，在做卡组分享页（地址：炉石盒子卡组分享），有个需求：用户可以把这个卡组以图片的形式分享给好友。最初的的做法是使用服务器把该页面转换成图...
2020-05-27
详解React 16 中的异常处理
详解React 16 中的异常处理异常处理在 React 15.x 及之前的版本中，组件内的异常有可能会影响到 React 的内部状态，进而导致下一轮渲染时出现未知错误。这些组件内的异常往往也...
2020-05-27
详解Vue2中组件间通信的解决全方案
前言在Vue中组件是实现模块化开发的主要内容，而组件的通信更是vue数据驱动的灵魂，下面这篇文章将给大家介绍关于Vue2组件间通信的相关内容，下面话不多说，来一起看看详细的介绍。...
2020-05-27
将 vue 生成的 js 上传到七牛的实例
一般 vue 的项目，大家都是直接把最后生成的 css js 等文件直接上传到服务器，并没有才有 cdn 的业务这样做一般有2个弊端， 增加服务器带宽压力，访问量一旦上去，服务器就可能因为...
2020-05-27
Vue.js中的图片引用路径的方式
当我们在Vue.js项目中引用图片时，关于图片路径有以下几种情形：使用一我们在data里面定义好图片路径imgUrl:'../assets/logo.png'然后，在template模板里面/*错误写法*/<img src=...
2020-05-27
vue中七牛插件使用的实例代码
本文介绍了vue中七牛插件使用，我也正在学习，分享给大家，顺便留个笔记，废话不说了，如下：
<template> <div id="cxUpload" class="cx-upload"> <button id="pickfiles" class="up...
2020-05-27
基于JavaScript实现图片连播和联级菜单实例代码
<!DOCTYPE html><html> <head> <title>图片轮播</title> <style> div{ border: 1px solid red; width:218px; height: 218px; } .show{ display: inline-block; }...
2020-05-27
用JS实现简单的登录验证功能
实现过程示意图代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <style> .ok { color: green; border: 1px solid green...
2020-05-27
vue使用vue-cli快速创建工程
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下：vue-cli安装npm i vue-cli -gvue init webpack-simple vue-todosvue-cli 是一个官方发布 vue.js 项目脚手架，使用 v...
2020-05-27
Vue2.0利用vue-resource上传文件到七牛的实例代码
本文介绍了Vue2.0利用vue-resource上传文件到七牛，分享给大家，希望对大家有帮助关于上传，总是有很多可以说道的。
16年底，公司项目番茄表单的前端部分，开始了从传统的jquery到vue...
2020-05-27
vue+vux实现移动端文件上传样式
样式使用的是vux的cell组件 如下图的官方demo样子上图的样式需要修改一下，把 保护中 修改成一个图片 并且内嵌一个input type=‘file' 就可以拥有好看的样式的文件上传了<!-...
2020-05-27
解决React Native端口号修改的方法
本文介绍了解决React Native端口号修改的方法，分享给大家，具体如下：看图说话一般情况下,如果本地安装过一些服务的话，ReactNeact 就会毫不犹豫的给你报出错误信息，如果你是这个错...
2020-05-27
BootStrap Fileinput上传插件使用实例代码
0、效果图1、引入js、css（建议css放在html头部，js加载在html底部）<link href="~/Content/fileinput.min.css" rel="external nofollow" rel="stylesheet" /><script src="~/scr...
2020-05-27
webpack实现热更新（实施同步刷新）
本文介绍了webpack实现热更新（实施同步刷新），分享给大家，希望对大家有帮助。
解决方案一：实现热更新，首先，安装一系列的node命令，如果嫌麻烦，你可以直接看解决方案二，相对来说比较简单...
2020-05-27
Vue2.0 多 Tab切换组件的封装实例
Vue2.0 多 Tab切换组件简单封装，满足自己简单的功能，可以直接拿去使用！首先上效果图：功能简单介绍：1、支持tab切换2、支持tab定位3、支持tab自动化仿React多Tab实现，总之可以正常...
2020-05-27
基于JS实现移动端左滑删除功能
废话不多说了，直接给大家贴代码了，具体代码如下所示：<div class="wrap pay-wrap" id="lists"> @foreach (var item in Model) { <div class="pay-list" style="heig...
2020-05-27
基于BootStrap multiselect.js实现的下拉框联动效果
背景：当option特别多时，一般的下拉框选择起来就有点力不从心了，所以使用multiselect是个很好的选择，可以通过输入文字来选择选项很方便，但是有一个需要下拉框联动，网上找了半天才...
2020-05-27
bootstrap datepicker插件默认英文修改为中文
datepicker插件默认为英文，而且格式为：mm/dd/yyyy这种情况，看起来不怎么直观。修改目标：1、默认显示为中文 2、格式为：yyyy年mm月dd日 需要修改两个地方：1、更改datas对象， 增加zh-...
2020-05-27
解决Vue2.0自带浏览器里无法打开的原因（兼容处理）
本文介绍了解决Vue2.0自带浏览器里无法打开的原因（兼容处理），分享给大家，希望对大家有帮助Vue 之 android内嵌H5页面不显示出现这个问题，原因有很多首先，别急，请看下面的推荐方案：1...
2020-05-27
AngularJS service之select下拉菜单效果
本文实例为大家分享了service之select下拉菜单效果的具体代码，供大家参考，具体内容如下<!-- $watch：持续监听数据上的变化，更新界面 --><!DOCTYPE html><html lang="en" ng-app=...
2020-05-27
基于AngularJS实现表单验证功能
本文实例为大家分享了AngularJS实现表单验证功能的具体代码，供大家参考，具体内容如下<!--实例解析ng-app 指令定义了 AngularJS 应用。ng-controller 指令定义了应用控制器。n...
2020-05-27
webpack 2的react开发配置实例代码
基于webpack 2.3的标准语法，包含了less变量替换、React组件热加载、第三库单独输出、区分生产与开发环境等常用配置。'use strict'module.exports = function( env ) { //...
2020-05-27
完美实现js拖拽效果 return false用法详解
本文为大家分享了完美实现js拖拽效果的具体代码，告诉大家return false的用法，供大家参考，具体内容如下1.return false可以用来阻止默认事件即系统默认事件。例如通过阻止默认事...
2020-05-27
jQuery dateRangePicker插件使用方法详解
jQuery dateRangePicker插件使用总结。
版本说明：
当前使用版本：2.1.25
特别说明：版本不同，部分api可能会发生变化，需要引起重点关注效果图关键代码片段
$("#dateTimeRange span"...
2020-05-27
VUE axios上传图片到七牛的实例代码
浏览器上传图片到服务端，我用过两种方法：1.本地图片转换成base64，然后通过普通的post请求发送到服务端。操作简单，适合小图，以及如果想兼容低版本的ie没办法用此方法2.通过form表...
2020-05-27
Vue单文件组件的如何使用方式介绍
在很多 vue项目中，我们使用 vue.component 来定义全局组件，紧接着用 new vue(el: ”)在每个页面内指定一个容器元素这种方式在很多中小规模的项目中运作的很好，在这些项目里 Ja...
2020-05-27
vuejs 单文件组件.vue 文件的使用
vuejs 自定义了一种.vue文件，可以把html, css, js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需...
2020-05-27
ReactNative踩坑之配置调试端口的解决方法
本文介绍了ReactNative踩坑之配置调试端口的解决方法，分享大家，顺便也给自己留个笔记问题是这样的,由于公司的机器安装了安全软件，http://localhost:8081被占用了。(windows上...
2020-05-27
Vue自定义指令详解
在 AngularJs 中，它的指令使用 directive ( name,factor_function)来实现：angular.module( 'myapp' ,[]).directive (myDirective,function (){ return{ template : '...
2020-05-27
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
前言最近突然对数据库和后台感兴趣了,就开始了漫长的学习之路,想想自己只是一个前端,只会java斯科瑞普,所以就开始看nodejs,看着看着突然发现mongodb和nodejs更配哦!,遂就开...
2020-05-27
微信小程序对接七牛云存储的方法
前言：做小程序有一段时间了，总结一下做过的技术点，特此贡献给小伙伴们！项目中，有图片存储、视频存储、录音存储这三个需要云对接存储。一、图片/视频/录音上传七牛对接准...
2020-05-27
jquery easyui如何实现格式化列
本文主要介绍了jquery easyui如何实现格式化列 ，正好最近需要用到，分享给大家，也给自己留个笔记
主框架页面: 在主界面区会加载西区菜单点击的URL内容.<!DOCTYPE html><html><h...
2020-05-27
关于前后端json数据的发送与接收详解
前言最近因为笔者后台使用的是flask框架接收和前端使用的是原生的JavaScript和jQuery的ajax发送，能力有限，在此仅写下我开发项目过程中所得，分享出来供大家参考学习，下面话不多...
2020-05-27
Angular.js中上传指令ng-upload的基本使用教程
前言本文主要给大家介绍了关于Angular.js中上传指令ng-upload的基本使用，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：Angular上传指令ng-upload的基本使用，包括...
2020-05-27
利用JavaScript如何查询某个值是否数组内
本文主要给大家介绍了关于利用JavaScript查询某个值是否数组内的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：问题> var b = ["aa", "bb"]> "aa" in...
2020-05-27
webpack实现热加载自动刷新的方法
本文介绍了webpack实现热加载自动刷新的方法，分享给大家，具体如下：一、webpack-dev-server
一个轻量级的服务
功能：修改代码及时呈现到浏览器上。第一步：安装npm install webpa...
2020-05-27
Vue的Flux框架之Vuex状态管理器
学习vue之前，最重要是弄懂两个概念，一是“what”，要理解vuex是什么；二是“why”,要清楚为什么要用vuex。Vuex是什么？Vuex 类似 React 里面的 Redux 的状态管理器，用来管理Vue的所...
2020-05-27
Angular.js中$resource高大上的数据交互详解
本文主要给大家介绍的是关于Angular.js中$resource数据交互的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：$resource创建一个resource对象的工厂函数，可以让你安...
2020-05-27
webpack配置sass模块的加载的方法
webpack管理的项目，我们希望用sass定义样式，为了正常编译，需要做如下配置。这里不讲webpack的入门，入门的文章，我推荐这篇《webpack入门》。为了使用sass，我们需要安装sass的依赖...
2020-05-27
Vue框架中正确引入JS库的方法介绍
本文主要给大家介绍的是关于在Vue框架中正确引入JS库的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：错误示范全局变量法
最不靠谱的方式就是将导入的库...
2020-05-27
使用travis-ci如何持续部署node.js应用详解
前言在开始之前，我们先来简单介绍下Travis-ci，Travis-ci是一款持续集成（Continuous Integration）服务，它能够很好地与Github结合，每当代码更新时自动地触发集成过程。Travis-ci配...
2020-05-27
深入理解Vue transition源码分析
这两天学习了Vue transition感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。本来打算自己造一个transition的轮子，所以决定先看看源码，理清思路。Vue的transitio...
2020-05-27
JavaScript实现简单的双色球(实例讲解)
如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双色球</title> <link rel="stylesheet" type="text/css" href="css/twoToneClass.css"...
2020-05-27
JS时间控制实现动态效果的实例讲解
如下所示：<script> BOM //Bowers Object Model 浏览器对象模型 setTimeout()// 延迟执行一次 setInterval()// 间隔执行 var a = 300; window.setTimeout('abc(a)...
2020-05-27
老生常谈ES6中的类
前面的话大多数面向对象的编程语言都支持类和类继承的特性，而JS却不支持这些特性，只能通过其他方法定义并关联多个相似的对象，这种状态一直延续到了ES5。由于类似的库层出不穷，...
2020-05-27
Kindeditor单独调用多图上传实例
html代码：<input type="button" id="J_selectImage" value="图片上传" /><div id="J_imageView"><?php foreach($imgs as $row):?><div class="img_view"><img class...
2020-05-27
Kindeditor单独调用单图上传增加预览功能的实例
html代码：<p><input type="hidden" id="url1" name="IDCardPicture1" value="" /> <input type="button" id="image1" value="选择图片" style="width: 150px;height: 30px;"...
2020-05-27
vue组件 $children,$refs，$parent的使用详解
本文介绍了vue组件 $children,$refs，$parent的使用，分享给大家，也自己留个笔记
如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？？1）$refs首先你的给子组件...
2020-05-27
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
背景最近在使用Bootstrap table ，有一个在某一列添加一个下拉列表，并且通过 “getAllSelections”方法获取所选行的需求，在实现这个功能的时，走了一些弯路，遇到了一些坑。所以今...
2020-05-27
浅谈对Angular中的生命周期钩子的理解
本文介绍了Angular中的生命周期钩子的理解，分享给大家，希望对大家有所帮助什么是生命周期钩子简单点来说生命周期钩子就是Angular中一个组件从被创建当销毁期间的一些有意义的...
2020-05-27
