117浏览

0评论

phantomjs导出html到pdf的方法总结

最近要为我们的文章服务做一个转pdf的功能。经过比较，我觉得phantomjs是转化比较好的。现在讲讲如何使用。环境centos x86_64下载可以到官网下载: 官网或者wget也可以:wget -...

• 2020-05-27

63浏览

0评论

浅谈JS 数字和字符串之间相互转化的纠纷

字符串转数字1 parseInt() 函数parseInt() 函数从string的开始解析，返回一个整数
parseInt('123') : 返回 123；
parseInt('1234xxx') : 返回 1234；
parseInt('123.456') : 返回...

• 2020-05-27

73浏览

0评论

用JavaScript做简易的购物车的代码示例

下面是我做的一个超简单的购物车,全部都是用原生js做的css<style> table{ text-align: center; } table img{ width: 50px; } a { text-decoration: none; color:...

• 2020-05-27

103浏览

0评论

JS 中使用Promise 实现红绿灯实例代码(demo)

要求 使用promise 实现红绿灯颜色的跳转 绿灯执行三秒后 黄灯执行四秒后 红灯执行五秒html 实现如下：<ul id="traffic" class=""> <li id="green"></li> <li id="yellow"...

• 2020-05-27

83浏览

0评论

jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法

前言：cookie，localStorage和sessionStorage都是浏览器本地存储数据的地方，其用法不尽相同；总结一下基本的用法。一、cookie定义：存储在本地，容量最大4k，在同源的http请求时携带传递...

• 2020-05-27

52浏览

0评论

js 中rewrap-ajax.js插件实例代码

　　最近写了一个JS插件，用圈内的话说叫造了个轮子，造的好与不好都不是自己说了算，关键还是大家用的好与不好。
　　当然我自己也在使用，由于个人偏爱与喜好，所以未能借签其他Aja...

• 2020-05-27

64浏览

0评论

Js利用prototype自定义数组方法示例

前言在开始之前，先给大家介绍下js中使用使用原型（prototype）定义方法的好处
经常在前端面试或是和其他同行沟通是，在谈到构造在JS定义构造函数的方法是最好使用原型的方式：将方法...

• 2020-05-27

76浏览

0评论

利用jQuery实现简单的拖曳效果实例代码

前言本文主要给大家介绍了一种利用jQuery实现的简单拖曳效果，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。提出问题如何实现将一个盒子里的元素拉到另外一...

• 2020-05-27

184浏览

0评论

浅谈如何使用 webpack 优化资源

前言在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于 webpack 打包，以 Re...

• 2020-05-27

69浏览

0评论

vue利用better-scroll实现轮播图与页面滚动详解

前言better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等...所以本文主要给大家介绍了关于vue用better-scroll实现轮播图与页面滚动的相关内容，分...

• 2020-05-27

82浏览

0评论

详解webpack性能优化——DLL

Webpack性能优化的方式有很多种，本文之所以将 dll 单独讲解，是因为 dll 是一种最简单粗暴并且极其有效的优化方式。在通常的打包过程中，你所引用的诸如：jquery、bootstrap、reac...

• 2020-05-27

97浏览

0评论

移动端效果之IndexList详解

写在前面
接着前面的移动端效果讲，这次讲解的的是IndexList的实现原理。效果如下：代码请看这里：github移动端效果之swiper移动端效果之picker移动端效果之cellSwiper1. 核心解...

• 2020-05-27

84浏览

0评论

jquery select插件异步实时搜索实例代码

一、先看看效果。二、做此插件的原因。　　1.数据量过大（几千、几万条），无法一次性全部加载。　　2.现有插件各不相同，无法满足功能需求。　　3.美观性，可控性不足。三、如何使用...

• 2020-05-27

96浏览

0评论

Validform验证时可以为空否则按照指定格式验证

在使用Validform v5.3.2时（http://validform.rjboy.cn/）问题：可以为空，但不为空时需要按照指定格式验证数据查看文档：5.2.1版本之后，datatype支持：1、直接绑定正则：如可用这样写data...

• 2020-05-27

79浏览

0评论

JavaScript html5 canvas实现图片上画超链接

本文实例为大家分享了html5 canvas在图片上画超链接的具体代码，供大家参考，具体内容如下1. html<canvas id="canvasFile" style="margin-top:15px;" width="500" height="400"...

• 2020-05-27

218浏览

0评论

dropload.js插件下拉刷新和上拉加载使用详解

本文实例为大家分享了dropload.js下拉刷新和上拉加载的具体代码，供大家参考，具体内容如下第一步，下载dropload插件，dropload插件下载地址 官方文档：https://github.com/ximan/dro...

• 2020-05-27

91浏览

0评论

vue.js实例对象+组件树的详细介绍

vue的实例对象首先用js的new关键字实例化一个vueel: vue组件或对象装载在页面的位置，可通过id或class或标签名template: 装载的内容。HTML代码/包含指令或者其他组件的HTML片...

• 2020-05-27

90浏览

0评论

pm2 部署 node的三种方法示例

Node安装以及部署
去官网下载最新版本，分两种一种是源码，一种是编译后的文件。下面是官网下载地址: https://nodejs.org/en/download/current/ 分不同的版本 win linux mac...

• 2020-05-27

80浏览

0评论

2种简单的js倒计时方式

一般倒计时的时间都是后台传来的然后渲染到页面，这里有2个简单的倒计时方式//带天数的倒计时function countDown(times){ var timer=null; timer=setInterval(function(){ v...

• 2020-05-27

80浏览

0评论

使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用ionic(选项卡栏tab) icon(图标) ionic上拉菜...

• 2020-05-27

91浏览

0评论

使用JS中的Replace()方法遇到的问题小结

今天在写pc客户端自动化打包脚本的时候遇到遇到了几个问题，虽然是小问题，但是也卡了一段时间，所以决定记录一下。js的replace()方法是用于替换某些内容，它可以接收两个参数，第一...

• 2020-05-27

72浏览

0评论

vue做网页开场视频的实例代码

本demo背景是一个视频，文字是打印机效果，按钮在文字打完才会显示，点击按钮背景向上收起，同时显示默认首页组件（如是初建vue项目列表，则为helloWorld.vue的组件内容）公司电脑没有gif...

• 2020-05-27

96浏览

0评论

深入浅析ES6 Class 中的 super 关键字

以下只是个人的学习笔记：super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。1、当作函数使用class A {}class B extends A { construc...

• 2020-05-27

75浏览

0评论

基于twbsPagination.js分页插件使用心得(分享)

项目中之前需要分页插件，以前用的都是单纯叫做pagenation.js的插件，但是这次集成的时候，项目组一个孩纸用了这个插件，结合网上的例子琢磨了一把。其实大致流程都是相同的，主要将...

• 2020-05-27

77浏览

0评论

js Dom实现换肤效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换肤</title> <link...

• 2020-05-27

79浏览

0评论

angular4实现tab栏切换的方法示例

管理系统 tab 切换页，是一种常见的需求，大概如下：点击左边菜单，右边显示相应的选项卡，然后不同的选项卡面可以同时编辑，切换时信息不掉失！用php或.net,java的开发技术,大概是切换显...

• 2020-05-27

63浏览

0评论

js注册时输入合法性验证方法

本文实例为大家分享了js正则表达式验证输入合法性的具体代码，供大家参考，具体内容如下// 验证用户名,只允许 字母 数字 下划线 中文//在input元素后面增加一个span元素，提示fun...

• 2020-05-27

69浏览

0评论

js实现鼠标移动到图片产生遮罩效果

本文实例为大家分享了js实现鼠标移动到图片产生遮罩效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>mask</...

• 2020-05-27

75浏览

0评论

js实现Tab选项卡切换效果

本文实例为大家分享了js实现Tab选项卡切换效果展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel=...

• 2020-05-27

78浏览

0评论

JS实现瀑布流布局

本文实例为大家分享了JS实现瀑布流布局展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流布局...

• 2020-05-27

94浏览

0评论

详解node nvm进行node多版本管理

写在前面nvm（nodejs version manager）是nodejs的管理工具，如果你需要快速更新node版本，并且不覆盖之前的版本；或者想要在不同的node版本之间进行切换；使用nvm来安装我们的node开发...

• 2020-05-27

83浏览

0评论

Vue filter介绍及其使用详解

VueJs 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果
Vue 过滤器的基本用法// 注册Vue.filter('my-filter', function (value) { // 返回处理后的值})//...

• 2020-05-27

91浏览

0评论

详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持

本文介绍了详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持，分享给大家，具体如下：一个小遗憾
能来看这篇文章的想必不用我来介绍vue是什么了。先让我们膜拜大神！vue项目...

• 2020-05-27

103浏览

0评论

现代 JavaScript 参考

简介初心本文档是一份 JavaScript 速查表，你在现代项目中会经常遇到，以及最新的代码示例。本指南不是为了教你从头开始学习 JavaScript ，而是为了帮助那些可能不熟悉当前代码库...

• 2020-05-27

69浏览

0评论

vue使用keep-alive实现数据缓存不刷新

到现在，接触vue也小段时间了，项目进行到了一定程度，然而项目缺少了缓存机制，所以每次跳转页面都会重新created一下数据，虽说系统的数据请求速度很快，但是这样做对系统的性能会有很...

• 2020-05-27

70浏览

0评论

vue+socket.io+express+mongodb 实现简易多房间在线群聊示例

项目简介
主要是通过做一个多人在线多房间群聊的小项目、来练手全栈技术的结合运用。
项目源码：chat-vue-node 主要技术： vue2全家桶 + socket.io + node(express) + mongodb(...

• 2020-05-27

86浏览

0评论

VUE2实现事件驱动弹窗示例

前几天想了解vue如何写弹窗组件
有以下两种可取的写法：
1.状态管理 如果弹窗组件放在根组件，使用vuex来管理组件的show和hide。放在组件内，通过增加v-show或v-if来控制，可结合sl...

• 2020-05-27

78浏览

0评论

JS返回顶部实例代码

本文实例为大家分享了JS返回顶部实例代码，供大家参考，具体内容如下html/css部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <sc...

• 2020-05-27

103浏览

0评论

vue 1.x 交互实现仿百度下拉列表示例

0、前言
vue 本身不支持交互，想要做交互，必须引入ajax 模块。vue 团队提供一个新的库文件叫做 vue-resource.js 。
网络CDN：https://cdn.bootcss.com/vue-resource/1.3.4/vue-r...

• 2020-05-27

89浏览

0评论

vue.js中父组件调用子组件的内部方法示例

前言今天同事问了一个问题，他在用iview开发时，需要用到iview一个组件的内部方法，而这个内部方法并没有暴露出来，这种情况下如何调用组件内部方法呢，其实很简单，举个栗子&#127792;...

• 2020-05-27

92浏览

0评论

利用pm2部署多个node.js项目的配置教程

前言相信大家应该都知道，一般在实际项目部署中，我们服务器在启动的时候需要自动启动node服务。以前是通过liunx自带的命令启动。但是随着后台微服务越来越多。每次发布新程序...

• 2020-05-27

77浏览

0评论

React操作真实DOM实现动态吸底部的示例

动态吸底：开始时fixed在页面上，当页面滚动到距离底部一定距离的时fixed部分固定。这个是需要计算页面滚动距离的，如果使用Jquery或者原生js实现是非常好实现的，但是由于使用reac...

• 2020-05-27

95浏览

0评论

基于Vue2.0+ElementUI实现表格翻页功能

Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源...

• 2020-05-27

78浏览

0评论

浅谈js的解析顺序 作用域 严格模式

一、javascript的解析顺序我们大家所理解的代码的执行顺序都是从上到下的，但是实际上确不是这样的。我们看一下下面的代码。alert(a);var a = 1;如果执行顺序是从上到下的，在...

• 2020-05-27

97浏览

0评论

JavaScript之创意时钟项目(实例讲解)

“时钟展示项目”说明文档（文档尾部附有相应代码）一、最终效果展示：二、项目亮点1.代码结构清晰明了2.可以实时动态显示当前时间与当前日期3.界面简洁、美观、大方4.提高浏览器...

• 2020-05-27

55浏览

0评论

Vue2.0+ElementUI实现表格翻页的实例

ElementUI的表格要求的数据类型为字典数组。我使用了python3写后端，那么从数据库取数据时添加一行cursorclass=pymysql.cursors.DictCursor即可。取出后我将其存入redis数据...

• 2020-05-27

69浏览

0评论

Vue.js组件通信的几种姿势

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址： https://github.com/answershut...

• 2020-05-27

60浏览

0评论

深入浅析javascript继承体系

最近做web项目，接触了jquery等框架，虽然使用方便，但是还是想学习下Javascript，今天分享下最近对js原型继承的理解，不足之处欢迎指正。一、构造器的原型属性与原型对象　　刚接触j...

• 2020-05-27

79浏览

0评论

详解vue 实例方法和数据

1.vm.$set问题描述:如何在不通过循环数据给list数据添加一个showMore属性，并且在moreFun中改变这个新增属性的值，并实现双向绑定？
<template> <div id="app"> <div class="dem...

• 2020-05-27

80浏览

0评论

node文件批量重命名的方法示例

在一个实际需求中，需要对一批文件(如：文本、图片)进行重命名，按照数字编号。正好借此熟悉了一下node的fs文件操作，写了一个批量修改文件名的脚本。需求
现有以下图片文件
需要批...

• 2020-05-27