JS实现点击循环切换显示内容的方法
本文实例讲述了JS实现点击循环切换显示内容的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
2020-05-27
微信小程序组件之srcoll-view的详解
微信小程序组件之srcoll-view的详解今天记录一下scroll-view学习中遇到的问题及解决办法，希望能对其他同学有所帮助。
首先展示一下想达到的效果。↓ vertical scroll实现上...
2020-05-27
BootStrap模态框不垂直居中的解决方法
本文实例为大家分享了BootStrap模态框不垂直居中的解决方法，供大家参考，具体内容如下解决问题：BootStrap自带的模态框不垂直居中
解决方案：调用BootStrap为我们提供的方法$('.mo...
2020-05-27
安装vue-cli报错 -4058 的解决方法
本人在安装vue脚手架时报这样的错，我访问了漫山遍野还是没找到答案，有人叫我用cnpm安装，但是cnpm安装的vue有好多坑在里面：npm WARN checkPermissions Missing write access to...
2020-05-27
bootstrap Table服务端处理分页(后台是.net)
本文实例为大家分享了bootstrap Table服务端处理分页的具体代码，供大家参考，具体内容如下要考虑函数可被可重复使用（调用），需要将可变化的变为参数封装起来function HQCreatTable...
2020-05-27
Vue如何从1.0迁移到2.0
使用vue-route路由到新的页面是，会刷新当前页面的dom，el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。1.0 是使用ready钩子函数2.0使用mounted钩子函数代替
总结...
2020-05-27
JS实现的按钮点击颜色切换功能示例
本文实例讲述了JS实现的按钮点击颜色切换功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...
2020-05-27
AngularJS表单验证功能
能够根据用户在表单中输入的内容给出实时视觉反馈是非常重要的。在人与人沟通的语境中，表单验证给出来的反馈同获得正确输入同等重要。 表单验证不仅能给用户提供...
2020-05-27
浅谈Node Inspector 代理实现
背景平时做 node 开发的时候，通过 node inspector 来进行断点调试是一个很常用的 debug 方式。但是有几个问题会导致我们的调试效率降低。问题一：当使用 vscode 进行断点调试...
2020-05-27
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
本文实例讲述了jQuery实现的粘性滚动导航栏效果。分享给大家供大家参考，具体如下：粘性滚动是当导航在滚动过程中会占粘于浏览器上，达到方便网站页面浏览的效果，也是一种用户体验...
2020-05-27
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
本文实例讲述了jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能。分享给大家供大家参考，具体如下：弹出层：两种方式一是打开网页就自动弹出层
二是点击弹出<!DOCTYPE htm...
2020-05-27
Angular2仿照微信UI实现9张图片上传和预览的示例代码
本来在看vue.js没多久，最近在赶一个项目用回了angular2，还是先把ng2搞定吧，毕竟还不怎么懂。这两天我做的是用户表单数据的提交，大部分很简单，双向绑定就完事了，主要还是沟通的问...
2020-05-27
vue-cli 自定义指令directive 添加验证滑块示例
vue项目注册登录页面遇到了一个需要滑块的功能，网上看了很多插件发现都不太好用，于是自己写了一个插件供大家参考；用的是vue的自定义指令direcive，只需要在需要的组件里放入对应...
2020-05-27
AngularJS的$location使用方法详解
AngularJS的$location使用方法详解一、配置config
app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({ //设置为html5...
2020-05-27
vue+Java后端进行调试时解决跨域问题的方式
今天在开发过程中遇到一个问题，拿到了一套vue代码，计划对这套代码的部分样式进行调整，Java后端代码已经写好并且部署到了线上。这时命令行运行vue项目时访问会受限，取不下...
2020-05-27
JavaScript门面模式详解
外部与一个子系统的通信必须通过一个系统的一个门面对象进行，这就是门面模式。门面模式具备如下两个角色：1. 门面角色客户端可以调用这个角色方法，此角色中有子系统的应用（知晓...
2020-05-27
JavaScript适配器模式详解
适配模式可用来在现有接口和不兼容的类之间进行适配，使用这种模式的对象又叫包装器（wrapper），因为它们是在用一个新的接口包装另一个对象。
基本理论
适配器模式：将一个接口转换...
2020-05-27
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
html:<template> <el-autocomplete popper-class="my-autocomplete" custom-item="my-remote" v-model="state" :fetch-suggestions="querySearch" placeholder="默认空" ic...
2020-05-27
vue resource post请求时遇到的坑
使用 post 请求// global Vue objectVue.http.get('/someUrl', [options]).then(successCallback, errorCallback);Vue.http.post('/someUrl', [body], [options]).then(suc...
2020-05-27
vue2.0设置proxyTable使用axios进行跨域请求的方法
这里请求的是知乎日报的api，由@izzyleung这位大神提供的，这是github地址。在vue-cli构建的项目中先安装axiosnpm install axios -S这里暂不考虑用vuex封装的方式，只讲在当前组...
2020-05-27
phantomjs导出html到pdf的方法总结
最近要为我们的文章服务做一个转pdf的功能。经过比较，我觉得phantomjs是转化比较好的。现在讲讲如何使用。环境centos x86_64下载可以到官网下载: 官网或者wget也可以:wget -...
2020-05-27
浅谈JS 数字和字符串之间相互转化的纠纷
字符串转数字1 parseInt() 函数parseInt() 函数从string的开始解析，返回一个整数
parseInt('123') : 返回 123；
parseInt('1234xxx') : 返回 1234；
parseInt('123.456') : 返回...
2020-05-27
用JavaScript做简易的购物车的代码示例
下面是我做的一个超简单的购物车,全部都是用原生js做的css<style> table{ text-align: center; } table img{ width: 50px; } a { text-decoration: none; color:...
2020-05-27
JS 中使用Promise 实现红绿灯实例代码(demo)
要求 使用promise 实现红绿灯颜色的跳转 绿灯执行三秒后 黄灯执行四秒后 红灯执行五秒html 实现如下：<ul id="traffic" class=""> <li id="green"></li> <li id="yellow"...
2020-05-27
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
前言：cookie，localStorage和sessionStorage都是浏览器本地存储数据的地方，其用法不尽相同；总结一下基本的用法。一、cookie定义：存储在本地，容量最大4k，在同源的http请求时携带传递...
2020-05-27
js 中rewrap-ajax.js插件实例代码
最近写了一个JS插件，用圈内的话说叫造了个轮子，造的好与不好都不是自己说了算，关键还是大家用的好与不好。
当然我自己也在使用，由于个人偏爱与喜好，所以未能借签其他Aja...
2020-05-27
Js利用prototype自定义数组方法示例
前言在开始之前，先给大家介绍下js中使用使用原型（prototype）定义方法的好处
经常在前端面试或是和其他同行沟通是，在谈到构造在JS定义构造函数的方法是最好使用原型的方式：将方法...
2020-05-27
利用jQuery实现简单的拖曳效果实例代码
前言本文主要给大家介绍了一种利用jQuery实现的简单拖曳效果，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。提出问题如何实现将一个盒子里的元素拉到另外一...
2020-05-27
浅谈如何使用 webpack 优化资源
前言在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于 webpack 打包，以 Re...
2020-05-27
vue利用better-scroll实现轮播图与页面滚动详解
前言better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等...所以本文主要给大家介绍了关于vue用better-scroll实现轮播图与页面滚动的相关内容，分...
2020-05-27
详解webpack性能优化——DLL
Webpack性能优化的方式有很多种，本文之所以将 dll 单独讲解，是因为 dll 是一种最简单粗暴并且极其有效的优化方式。在通常的打包过程中，你所引用的诸如：jquery、bootstrap、reac...
2020-05-27
移动端效果之IndexList详解
写在前面
接着前面的移动端效果讲，这次讲解的的是IndexList的实现原理。效果如下：代码请看这里：github移动端效果之swiper移动端效果之picker移动端效果之cellSwiper1. 核心解...
2020-05-27
jquery select插件异步实时搜索实例代码
一、先看看效果。二、做此插件的原因。 1.数据量过大（几千、几万条），无法一次性全部加载。 2.现有插件各不相同，无法满足功能需求。 3.美观性，可控性不足。三、如何使用...
2020-05-27
Validform验证时可以为空否则按照指定格式验证
在使用Validform v5.3.2时（http://validform.rjboy.cn/）问题：可以为空，但不为空时需要按照指定格式验证数据查看文档：5.2.1版本之后，datatype支持：1、直接绑定正则：如可用这样写data...
2020-05-27
JavaScript html5 canvas实现图片上画超链接
本文实例为大家分享了html5 canvas在图片上画超链接的具体代码，供大家参考，具体内容如下1. html<canvas id="canvasFile" style="margin-top:15px;" width="500" height="400"...
2020-05-27
dropload.js插件下拉刷新和上拉加载使用详解
本文实例为大家分享了dropload.js下拉刷新和上拉加载的具体代码，供大家参考，具体内容如下第一步，下载dropload插件，dropload插件下载地址 官方文档：https://github.com/ximan/dro...
2020-05-27
vue.js实例对象+组件树的详细介绍
vue的实例对象首先用js的new关键字实例化一个vueel: vue组件或对象装载在页面的位置，可通过id或class或标签名template: 装载的内容。HTML代码/包含指令或者其他组件的HTML片...
2020-05-27
pm2 部署 node的三种方法示例
Node安装以及部署
去官网下载最新版本，分两种一种是源码，一种是编译后的文件。下面是官网下载地址: https://nodejs.org/en/download/current/ 分不同的版本 win linux mac...
2020-05-27
2种简单的js倒计时方式
一般倒计时的时间都是后台传来的然后渲染到页面，这里有2个简单的倒计时方式//带天数的倒计时function countDown(times){ var timer=null; timer=setInterval(function(){ v...
2020-05-27
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用ionic(选项卡栏tab) icon(图标) ionic上拉菜...
2020-05-27
使用JS中的Replace()方法遇到的问题小结
今天在写pc客户端自动化打包脚本的时候遇到遇到了几个问题，虽然是小问题，但是也卡了一段时间，所以决定记录一下。js的replace()方法是用于替换某些内容，它可以接收两个参数，第一...
2020-05-27
vue做网页开场视频的实例代码
本demo背景是一个视频，文字是打印机效果，按钮在文字打完才会显示，点击按钮背景向上收起，同时显示默认首页组件（如是初建vue项目列表，则为helloWorld.vue的组件内容）公司电脑没有gif...
2020-05-27
深入浅析ES6 Class 中的 super 关键字
以下只是个人的学习笔记：super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。1、当作函数使用class A {}class B extends A { construc...
2020-05-27
基于twbsPagination.js分页插件使用心得(分享)
项目中之前需要分页插件，以前用的都是单纯叫做pagenation.js的插件，但是这次集成的时候，项目组一个孩纸用了这个插件，结合网上的例子琢磨了一把。其实大致流程都是相同的，主要将...
2020-05-27
js Dom实现换肤效果
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换肤</title> <link...
2020-05-27
angular4实现tab栏切换的方法示例
管理系统 tab 切换页，是一种常见的需求，大概如下：点击左边菜单，右边显示相应的选项卡，然后不同的选项卡面可以同时编辑，切换时信息不掉失！用php或.net,java的开发技术,大概是切换显...
2020-05-27
js注册时输入合法性验证方法
本文实例为大家分享了js正则表达式验证输入合法性的具体代码，供大家参考，具体内容如下// 验证用户名,只允许 字母 数字 下划线 中文//在input元素后面增加一个span元素，提示fun...
2020-05-27
js实现鼠标移动到图片产生遮罩效果
本文实例为大家分享了js实现鼠标移动到图片产生遮罩效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>mask</...
2020-05-27
js实现Tab选项卡切换效果
本文实例为大家分享了js实现Tab选项卡切换效果展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel=...
2020-05-27
JS实现瀑布流布局
本文实例为大家分享了JS实现瀑布流布局展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流布局...
2020-05-27
