简单实现jQuery上传图片显示预览功能
本文实例为大家分享了jQuery上传图片显示预览的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>HTML5上传图片预览</title> <meta http-equiv="Conte...
2020-05-27
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
脚本只使用问卷星，多选题目前为选中任意选项数量！！！！！！！最近看到很多群里都在发问卷连接，各种求帮忙，正好这两天没任务，尝试写了自动填问卷的脚本，类似的脚本网上已经有了，但是后来问卷星...
2020-05-27
Angular2+国际化方案（ngx-translate）的示例代码
本文只针对ngx-translate/core 6.x版本，如果你使用的是5.x或者更低的版本，请参照以下链接。https://github.com/ngx-translate/core/blob/fb02ca5920aae405048ebab50e09db67d5...
2020-05-27
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
需求：最多可以抽奖5次，而且，每次只会中“2000元理财金”或者“谢谢参与”，其它的不会抽中（哈哈，果然都是套路）。效果如下：一、页面结构：<div class="g-content"> <div class="g-lott...
2020-05-27
vue中页面跳转拦截器的实现方法
本文主要给大家介绍的是关于vue页面跳转拦截器的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需...
2020-05-27
详解AngularJS跨页面传值（ui-router）
博主用的ionic 这里使用ui-router传值，用来在跳转页面的同时带着你想带走的东西一起跳走（PS：博主半路出家，尚是菜鸟，写的东西自己跑起来并没有什么问题但不敢保证写的一定对，语言...
2020-05-27
利用Vue实现移动端图片轮播组件的方法实例
前言轮播图的插件也有很多，用jQuery写起来也不难，这里分享的是关于利用Vue实现移动端图片轮播组件的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：wc-sw...
2020-05-27
使用JS组件实现带ToolTip验证框的实例代码
本组件依赖JQuery本人测试的JQuery 是1.8，兼容IE8,IE9，谷歌，火狐等。//验证输入框function ValidateCompent(input){ var _input = $(input).clone(true); _input.css("heigh...
2020-05-27
基于JavaScript实现带数据验证和复选框的表单提交
实现：1.用户至少选中某项，即表示选中该行，同时该行的数据验证通过，表单提交；否则，不提交。html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>带数据...
2020-05-27
Vue中定义全局变量与常量的各种方式详解
前言本文主要跟大家介绍了关于Vue定义全局变量与常量的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：我想要定义一个变量, 在项目的任何地方都可以访...
2020-05-27
详解webpack进阶之loader篇
webpack的loaders是一大特色，也是很重要的一部分。这遍博客我将分类讲解一些常用的laoder一、loaders之 预处理 css-loader 处理css中路径引用等问题 style-loader 动态把...
2020-05-27
关于Vue实现组件信息的缓存问题
当我们在开发vue的项目过程中，避免不了在路由切换到其他component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的组件信息，使其不再重新加载...
2020-05-27
JS数组交集、并集、差集的示例代码
本文介绍了JS数组交集、并集、差集，分享给大家，具体如下：由于下面会用到ES5的方法，低版本会存在兼容，先应添加对应的polyfillArray.prototype.indexOf = Array.prototype.indexO...
2020-05-27
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
话不多说，先看效果。 其实就是一个可以按住鼠标进行一个区域内条目选择的功能，相信用过Jquery UI 的都知道这是selectable的功能，然而我们如果用Vue开发的话没有类似的插件，...
2020-05-27
深入理解React中何时使用箭头函数
前言相信大家当想起箭头函数时，脑海里可能会浮现 棒，酷，简洁，有趣 等形容词，其实，我们存在一些 更充分的理由 使我们在联想起 箭头函数 时不得不想到的，本文详细的给大家介绍了关于...
2020-05-27
React+react-dropzone+node.js实现图片上传的示例代码
本文将会用typescript+react+react-dropzone+express.js实现前后端上传图片。当然是用typescript需要提前下载相应的模块，在这里就不依依介绍了。第一步，配置tsconfig.js "co...
2020-05-27
vue组件实现文字居中对齐的方法
继续学习Vue，这次是一个组件的制作过程先让我们来看一下组件的预期效果上图为公司自营的一个微信商城的某一部分截图，可以看到红框内部分的文字多行与单行是居中对齐的，我们现...
2020-05-27
最基础的vue.js双向绑定操作
vue.js初级入门之最基础的双向绑定操作，具体内容如下首先在页面引入vue.js以及其他需要用到的或者可能要用到的插件（这里我多引用了bootstrap和jquery）引用的时候需要注意文件...
2020-05-27
JavaScript实现的数字与字符串转换功能示例
本文实例讲述了JavaScript实现的数字与字符串转换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/ja...
2020-05-27
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
对于一个Html5框架的好坏，我们有几个评判标准， 轻量级，可拓展，易复用，速度快。对组件复用这点，angular以directive的形式展示给开发者，是一个还算不错的选择，作为一个UI组件，必定存在...
2020-05-27
JS轮播图实现简单代码
本文实例为大家分享了js轮播图实现代码，供大家参考，具体内容如下思路：1、首先要有个盛放图片的容器，设置为单幅图片的宽高，且overflow：hidden，这样保证每次可以只显示一个图片
2、...
2020-05-27
基于jQuery实现的单行公告活动轮播效果
废话不多说了，直接给大家贴代码了，具体代码如下所示：<div class="lunbo123" style="position:relative;height: 45px;overflow: hidden;background-color:white" ;><ul id="myu...
2020-05-27
JS实现浏览上传文件的代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：<div style="position:relative;width:380px;"> <iframe id="t_load" name="t_load" style="display: none"></iframe...
2020-05-27
Bootstrap table使用方法记录
本文实例为大家分享了Bootstrap table的使用方法，供大家参考，具体内容如下HTML代码：/*index.cshtml*/@section styles{ <style> .main { margin-top:20px; } .m...
2020-05-27
Vue0.1的过滤代码如何添加到Vue2.0直接使用
将Vue0.1里的过滤代码添加到Vue2.0，方法很简单，具体内容如下var filters = { orderBy: orderBy, filterBy: filterBy, limitBy: limitBy, /** * Stringify value. * * @par...
2020-05-27
详解EasyUi控件中的Datagrid
最近手头有个web项目需要用到第三方控件(EasyUi),用第三方控件做出来的效果毕竟比原生态的要稍微好看那么一点，该项目中有个需求，需要在数据列表中直接编辑数据保存，行话...
2020-05-27
jQuery Position方法使用和兼容性
1、position方法jquery api地址：http://jquery.cuishifeng.cn/position.htmlposition方法获取匹配元素相对父元素的偏移。2、说明2.1 与offset()区别.offset()是获得该元素相...
2020-05-27
bootstrap fileinput实现文件上传功能
bootstrap 的上传文件控件号称最好用的，总之我用着到是挺别扭的。首先这个控件很简单。html代码<form><input type="file" name="txt_file" id="txt_file" multiple class="f...
2020-05-27
通俗解释JavaScript正则表达式快速记忆
我们知道，正则表达式是一个处理字符串中很实用的技巧。然而，即便是Javascript写的很厉害的程序猿，有时也会忘掉正则表达式的语法，从而使用起来有些棘手1、正则表达式中最重要的...
2020-05-27
angular2路由切换改变页面title的示例代码
angular2里默认切换路由或者切换组件，页面的title是不会变化的。angular2在路由设置里提供了data参数可以传值，如下{path: 'home',component: HomeComponent,data: { title: '...
2020-05-27
Angular 2 利用Router事件和Title实现动态页面标题的方法
Angular2 为我们提供了名为Title的Service用于修改和获取页面标题，但是如果只是能够在每个页面的ngOnInit方法中为每个页面设置标题岂不是太low了，不符合Angular2高(zhuang)大...
2020-05-27
JS对象序列化成json数据和json数据转化为JS对象的代码
JS对象序列化成json数据：function Serialize(obj){ switch(obj.constructor){ case Object: var str = "{"; for(var o in obj){ str +...
2020-05-27
Vue网页html转换PDF（最低兼容ie10）的思路详解
HTML转PDF：1.页面底层实现——Vue：最低兼容ie10 2.实现思路： 1> 使用html2canvas.js将网页转换为图片 2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件具体实...
2020-05-27
详解webpack2+node+react+babel实现热加载(hmr)
前端工程化开发的一个重要标志就是热替换技术，它大大的提高开发效率，使我们专注于写代码，webpack2中的热替换相比较1更加简洁。1. 先看效果2.目录结构3.项目目录结构文件描述
b...
2020-05-27
jQuery Datatable 多个查询条件自定义提交事件(推荐)
先写2个input 分别表示开始时间跟结束时间 在写一个button 点击按钮 让表格重新刷新 代码如下如下所示在datatable设置项增加如下设置 如果已经有了 只需要添加如下的data...
2020-05-27
weui框架实现上传、预览和删除图片功能代码
jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。jQuery...
2020-05-27
JS实现电商放大镜效果
前端JS电商放大镜效果，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>26-电商放大镜</title> <style type="text/css">...
2020-05-27
VueJS 集成 Medium Editor的示例代码 （自定义编辑器按钮）
0x00 前言VueJS 社区里面关于富文本编辑器的集成也不少了，但是之前小调研了一下，基本上就是 quill,medium-editor，因为之前用 AngularJS 用过 medium-editor，并且需要自定义某些...
2020-05-27
vue不通过路由直接获取url中参数的方法示例
前言众所周知vue中使用路由的方式设置url参数，但是这种方式必须要在路径中附带参数，而且这个参数是需要在vue的路由中提前设置好的。
相对来说，在某些情况下直接在url后面拼接？m...
2020-05-27
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
JavaScript 程序中的一段源代码在执行之前会经历三个步骤，统称为 编译 分词/词法分析 解析/语法分析 代码生成先看原书对一个赋值操作的拆解说明：
变量的赋值操作会执行两...
2020-05-27
基于JavaScript实现新增内容滚动播放效果附完整代码
先给大家展示下效果图：完整demo如下每两秒随机向上或者向下滚动，如果要替换新内容，则通过html()更新内容即可（查看注释代码）<!DOCTYPE html><head> <meta name="viewport" conte...
2020-05-27
webpack学习笔记之优化缓存、合并、懒加载
除了的webpack基本配置，还可以进一步添加配置，优化合并文件，加快编译速度。下面是生产环境配置文件webpack.production.js，与wenbpack.config.js相比其不需要一些dev-tools,dev-...
2020-05-27
使用jquery+iframe做一个ajax上传效果(实例)
html页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"...
2020-05-27
JSON创建键值对（key是中文或者数字）方式详解
先准备好一个空的json对象var obj = {};1. 最原始的方法obj.name = 'zhangsan';//这种方式很简单的添加了一个键值对//输出：{name:"zhangsan"}//缺点：这边的name不能是对象/*...
2020-05-27
实例详解JSON取值(key是中文或者数字)方式
JSON取值(key是中文或者数字)方式详解先准备一个json对象用于演示var json = {'name':'zhangsan', '年龄':23, 404:'你可能迷路了'};1.使用JS中with关键字with(json) { con...
2020-05-27
Vue.js实现实例搜索应用功能详细代码
实例搜索应用实现效果：实现代码与注释：<!DOCTYPE html><html><head> <title>实例搜索</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-widt...
2020-05-27
js微信分享实现代码
本文实例为大家分享了js微信分享实现代码，供大家参考，具体内容如下微信分享代码，先引入：<script type="text/javascript" charset="utf-8" src="http://res.wx.qq.com/open/js/j...
2020-05-27
Vue.js实现价格计算器功能
本文实例为大家分享了Vue.js实现价格计算器功能的具体代码，供大家参考，具体内容如下实现效果：实现代码及注释：<!DOCTYPE html><html><head> <title>价格计算器</title> <meta ch...
2020-05-27
Vue.js实现输入框绑定的实例代码
实现效果如下：实现代码及注释<!DOCTYPE html><html><head> <title>vue.js数据动态编辑</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi...
2020-05-27
10个最优秀的Node.js MVC框架
Node.js 是最流行的 JavaScript 服务端平台，它允许建立可扩展的 Web 应用程序。Node.js 包含不同类型的框架，如 MVC 框架、全栈框架、REST API 以及大量的服务器库，使它能够快...
2020-05-27
