浅谈sass在vue注意的地方
当用@import导入vue页面的时候，在sass/scss文件里面的url，路径开始就是导入的vue位置。当前目录结构App.vue我在App.vue导入了public.scss,那在public.scss里面的路径就要这样...
2020-05-27
JS实现下拉菜单列表与登录注册弹窗效果
下拉菜单列表<style> *{ margin: 0px; padding: 0px; } .menu{ width: 1100px; height: 30px; background-image: url(img/魅力罗兰Musi...
2020-05-27
用js屏蔽被http劫持的浮动广告实现方法
最近发现网站经常在右下角弹出一个浮动广告，开始的时候以为只是浏览器的广告。后来越来越多同事反映在家里不同浏览器也会出现广告。然后深入检查了下，发现网站竟然被劫持了。...
2020-05-27
通过示例彻底搞懂js闭包
例1function sayHello(name) { var text = 'Hello ' + name; var sayAlert = function() { console.log(text); } sayAlert();}sayHello("Bob") // 输出"Hello Bob"在sayHel...
2020-05-27
基于daterangepicker日历插件使用参数注意的问题
显示具体时间时分秒：timePicker设置为true，//有些资料写的pickerTime不太对重点大坑：修改时间默认展示格式,把fomat写在locale中，网上很多资料说直接写在daterangepicker属性中，...
2020-05-27
纯js实现页面返回顶部的动画(超简单)
废话不多说，直接上代码var scrollTop = document.body.scrollTop; document.body.style.marginTop = -scrollTop + 'px'; document.body.scrollTop = 0; document.body.st...
2020-05-27
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
前言 最近在研究bootstrap table的表格的单元格编辑功能，实现点击单元格修改内容，其中包括文本（text）方式修改，下拉选择（select）方式修改，日期（date）格式修改等。 本文着重解决x-edi...
2020-05-27
提高Node.js性能的应用技巧分享
一、实现一个反向代理服务器
相比大多数应用服务器，Node.js 可以很轻松的处理大量的网络流量，但这并不是 Node.js 的设计初衷。如果你有一个高流量的站点，提高性能的第一步是在...
2020-05-27
基于JavaScript实现飘落星星特效
本文实例为大家分享了js飘落星星特效的具体代码，供大家参考，具体内容如下1.效果图2.代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</t...
2020-05-27
jquery对table做排序操作的实例演示
最近要对报表数组进行排序，在前端处理如下：首先在前台页面加载时对每行tr添加自定义的属性data-sort-field-ftime，属性值为要排序的字段的值（我的是数字比较方便）：$.each(jsonarra...
2020-05-27
JavaScript使用Ajax上传文件的示例代码
本文介绍了JavaScript使用Ajax上传文件的示例代码，分享给大家，具体如下：
实现文件的上传主要有两种方式：使用form表单提交上传html代码如下：<form id="uploadForm" enctype="mult...
2020-05-27
js实现省市级联效果分享
本文实例为大家分享了js实现省市级联效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <scri...
2020-05-27
React-Native做一个文本输入框组件的实现代码
由于最近一直在做公司的项目，而且比较急。如今项目已经迭代到第三期，可以缓一缓了。。。说实话，最近一直再用android做开发，而且时间也不宽裕，react-native有点生疏了。好了，废话...
2020-05-27
AngularJs+Bootstrap实现漂亮的计算器
之前看到一个试题，要求用angularJs和Bootstrap写一个简单的计算器，通过百度，发现没有什么好的例子，所以呢，我就把自己写的一个例子发出来给大家。（大牛勿喷）HTML代码:<!DOCTYPE htm...
2020-05-27
bootstrap table服务端实现分页效果
实现bootstrap table服务端实现分页demo，具体内容如下首页index.html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">...
2020-05-27
express框架实现基于Websocket建立的简易聊天室
最近想写点有意思的，所以整了个这个简单的不太美观的小玩意首先你得确认你的电脑装了node，然后就可以按照步骤 搞事情了~~1.建立一个文件夹
2.清空当前文件夹地址栏，在文件夹地...
2020-05-27
jquery.uploadView 实现图片预览上传功能
图片上传，网上有好多版本，今天也要做一个查了好多最终找到了一个uploadview 进行了一下修改来看代码@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" c...
2020-05-27
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
1、数据类型：JavaScript定义的数据类型有字符串、数字、布尔、数组、对象、Null、Undefined，但typeof有区分可判别的数据分类是number、string、boolean、object(null / array...
2020-05-27
jQuery Ajax 实现分页 kkpager插件实例代码
代码片段一： <!--分页组件 JS CSS 开始--> <!--分页组件 CSS--> <link type="text/css" href="/resource/css/kkpager_blue.css" rel="external nofollow" rel="stylesheet...
2020-05-27
详解React Native网络请求fetch简单封装
在原生应用开发中，为了方便业务开发人员使用，我们一般会对网络库进行一些上传封装，而不是直接使用，例如基于AFNetworking库的iOS请求上层封装，Android的诸如volley,retrofit等。...
2020-05-27
Webpack性能优化 DLL 用法详解
前言在用 Webpack 打包的时候，对于一些不经常更新的第三方库，比如 react，lodash，我们希望能和自己的代码分离开，Webpack 社区有两种方案 CommonsChunkPlugin DLLPlugin对于 Com...
2020-05-27
Vue数组更新及过滤排序功能
前面的话 Vue为了增加列表渲染的功能，增加了一组观察数组的方法，而且可以显示一个数组的过滤或排序的副本。本文将详细介绍Vue数组更新及过滤排序变异方法 Vue 包含一组...
2020-05-27
基于JavaScript实现淘宝商品广告效果
本文实例为大家分享了JavaScript实现淘宝商品广告效果的具体代码，供大家参考，具体内容如下CSS部分：
ul{ margin: 0; padding: 0; } li{ list-style: none; } #ad{ width:...
2020-05-27
Vue单文件组件基础模板小结
背景相信大家在使用Vue开发项目时，基本都是以单文件组件的形式开发组件的，这种方式好处多多：1.代码集中，便于开发、管理和维护2.可复用性高，直接将vue文件拷贝到新项目中我暂时就...
2020-05-27
vue如何获取点击事件源的方法
整理文档，搜刮出一个vue如何获取点击事件源的方法，稍微整理精简一下做下分享。
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>vue click...
2020-05-27
JS非空验证及邮箱验证的实例
非空验证<body><table><tr><td>姓名：</td><td><input type="text" name="TrueName" id="TrueName" /></td></tr>....省略其他input<tr><td colspan="2"><input type=&qu...
2020-05-27
laydate 显示结束时间不小于开始时间的实例
jsp：<div class="form-group"> <label >交易时间:</label> <input placeholder="开始日期" class="form-control layer-date" id="startDate" name="startDate"> <inp...
2020-05-27
原生js 封装get ,post, delete 请求的实例
现在的项目中都在用VUE 以及react 等MVC， MVVM 框架。 丢弃了原始的JQ 。不可能为了个$.ajax();而把JQ引进来吧。在vue1的开发中 提供了 vueResouce, vue2 出来后明确提出了...
2020-05-27
详谈JS中数组的迭代方法和归并方法
数组的迭代方法
ES5中为数组定义了5个迭代方法。每个方法都要接收两个参数：要在每一项上面运行的函数和（可选的）运行该函数的作用域对象---影响this的值。传入方法中的函数会介...
2020-05-27
IScroll5实现下拉刷新上拉加载的功能实例
声明：虽然本文章为原创，但是很大部分参考了博客园博主MRxia的一篇iscroll的下拉刷新的实现方式，我个人把demo简化了一下。实现效果：类似网易新闻加载新闻列表（好吧，我的只能算是基...
2020-05-27
JS SetInterval 代码实现页面轮询
概念介绍setInterval 是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭...
2020-05-27
Node.js服务器开启Gzip压缩教程
Gzip是什么复制大神们的解释吧：GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNIX系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件，它们就是GZIP格式的。现今已经...
2020-05-27
Vue.js仿微信聊天窗口展示组件功能
源码：https://github.com/doterlin/vue-wxChat演示地址：https://doterlin.github.io/vue-wxChat/运行# install dependenciesnpm install# serve with hot reload at localhos...
2020-05-27
Mobile Web开发基础之四--处理手机设备的横竖屏问题
为了应对移动设备屏幕的碎片化，我们在开发Mobile Web应用时，一个最佳实践就是采用流式布局，保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性，用户在切换了屏幕的方向后...
2020-05-27
javascript简写常用的12个技巧（可以大大减少你的js代码量）
前言本文主要给大家分享了javascript简写常用的12个技巧，无论你是初学者还是资深人士，都值得一读！下面话不多说了，来一起看看详细的介绍：1. 空(null, undefined)验证
当我们创建...
2020-05-27
使用JS编写的随机抽取号码的小程序
刚开始学习JavaScript，写了一个随机抽取号码的小程序，附上body里的所有代码，供大家参考。本程序可以实现功能如下：1、在文本框中输入抽号最大值2、点击按钮，开始抽号，随机生成1~最...
2020-05-27
Javascript中this关键字指向问题的测试与详解
前言
Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程，...
2020-05-27
echart简介_动力节点Java学院整理
1. 插件的下载
以下是ECharts的下载链接，需要注意的是ECharts内部也是依赖于另一个插件的叫ZRender，当然对于大部分图表而言不需要ZRender的，但是对于地图控件及其他复杂的呈现...
2020-05-27
js 奇葩技巧之隐藏代码
昨天在群看到有人发了个文章叫《“短”化你的代码》，思路非常不错，采用unicode的零宽字符来实现字符隐藏，虽然有字符，可是你却看不见它。
这篇文章详细的介绍了这种方法的实现原...
2020-05-27
Echarts基本用法_动力节点Java学院整理
echarts太完美了：
1，开源软件，无私的为我们提供漂亮的图形界面；
2，使用简单，默默的为我们封装了重要的js，只要会引用就会使用echarts；
3，种类多，echarts为我们提供了各种图标，其中最具...
2020-05-27
移动端触摸滑动插件swiper使用方法详解
Swiper是移动端的一款非常强大的触摸滑动插件，下面代码只展示一些常用的配置，具体可以查看官网api<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D...
2020-05-27
JS中Swiper的使用和轮播图效果
Swiper是移动端的一款非常强大的触摸滑动插件，下面代码只展示一些常用的配置，具体可以查看官网api<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D...
2020-05-27
JSON对象转化为字符串详解
序列化定义指将 JavaScript 值转化为 JSON 字符串的过程。
JSON.stringify() 能够将 JavaScript 值转换成 JSON 字符串。JSON.stringify() 生成的字符串可以用 JSON.parse()...
2020-05-27
ionic2屏幕适配实现适配手机、平板等设备的示例代码
本文介绍了ionic2屏幕适配实现适配手机、平板等设备的示例代码，分享给大家，具体如下：推荐使用的编辑器是：VS code （Visual Studio Code）=>只负责编辑文档，不编译。
而WebStorm 有...
2020-05-27
node中使用es5/6以及支持性与性能对比
前言这几年react、vue的快速发展，越来越多的前端开始讲es6的代码运用在项目中，因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中，import、export、let、箭...
2020-05-27
Angular4实现动态添加删除表单输入框功能
首先介绍一下实现的效果,就是单一表单能实现添加其他的,也能删除代码如下:<h5>动态添加表单</h5> <div class="form"> <div class="form-group form-group-sm" *ngFor="let...
2020-05-27
Vue 表单控件绑定的实现示例
本文介绍了Vue 表单控件绑定的实现示例，感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据...
2020-05-27
AngularJs导出数据到Excel的示例代码
公司一个新的需求导出Exce表格，研究了一下，最后终于实现，分享给大家。
1 使用FileSaver第一次采用FileSaver.js 由于刚开始导致导出一片空白，还只能抓取网页里面的表格地址：https...
2020-05-27
Angular模板表单校验方法详解
本文实例为大家分享了Angular模板表单校验的方法，供大家参考，具体内容如下1. 创建指令ng g directive directives/mobileValidator 2. html<form #myForm="ngForm" (ngSubmit...
2020-05-27
js微信应用场景之微信音乐相册案例分享
这个demo只是一个js微信音乐相册案例大概思路，具体还需要根据情况来进行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...
2020-05-27
