最近工作用需要设计一个自由布局的页面设计。我选了jQuery UI 的 sortable ,可以拖拽,自由排序 使用很方便,写一个demo,做个记录。 第一、单项目自由排序 下图效果代码段: <script type="text/javascript"> $(function () {$("#box_wrap").sortable({helper: "clone",placeholder: "box-holdplace",sort: function (e, ui) {//排序时触发事件},// handle: ".handle",//指定元素内的某种元素才可以拖动,非常有用}).disableSele...
闭包定义 在JavaScript中,当一个内部函数被其外部函数之外的变量引用时,就形成了一个闭包。简单说,闭包就是能够读取其他函数内部变量的函数。 闭包的作用:1. 可以读取函数内部的变量 2. 让这些变量的值始终保持在内存中。 闭包简单应用 例一:function a() { var i = 0; function b() {console.log(++i);} return b; } var c = a(); //执行完var c=a()后,变量c指向了函数b,再执行c()后就会显示i的值(为1)。 c(); /...
实例搜索应用 实现效果:实现代码与注释: <!DOCTYPE html> <html> <head><title>实例搜索</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style type="text/css">/* 隐藏没有绑定未编译的数据绑定,直到Vue实例加载 */[v-cloak]{display: none;}*{padding: 0;margin: 0;}body{font: 15px/1.3 Open Sans sans-serif;color: #03c03c;text-align: center;}a, a:visited{outl...
本文主要介绍了js单页hash路由原理与应用实战详解,分享给大家,具体如下: 什么是路由? 通俗点说,就是不同的URL显示不同的内容 什么是单页应用? 单页,英文缩写为SPA( Single Page Application),就是把各种功能做在一个页面内. 那所谓的单页路由应用就是:在一个页面内,通过切换地址栏的URL来实现切换内容的变化. 如何知道URL切换了呢? 当url后面的锚文本发生变化时, 会触发onhashchange事件。通过这个事件,我们就可以对不...
这个demo只是一个js微信音乐相册案例大概思路,具体还需要根据情况来进行 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><title>Document</title><link rel="stylesheet" href="reset.css" rel="external nofollow" ><link rel="stylesheet" href="swiper.min.css" rel="extern...
一、实现一个反向代理服务器相比大多数应用服务器,Node.js 可以很轻松的处理大量的网络流量,但这并不是 Node.js 的设计初衷。 如果你有一个高流量的站点,提高性能的第一步是在你的 Node.js 前面放一个反向代理服务器。这可以保护你的 Node.js 服务器免于直接暴露在网络中,而且可以允许你灵活的使用多个应用服务器做负载均衡和静态文件缓存。使用 NGINX 在一个已经存在的服务器前做反向代理,作为 NGINX 的一个核心应用,已经被...
本文介绍了Node.js五大应用性能技巧,分享给大家,具体如下: 一、实现一个反向代理服务器 相比大多数应用服务器,Node.js 可以很轻松的处理大量的网络流量,但这并不是 Node.js 的设计初衷。 如果你有一个高流量的站点,提高性能的第一步是在你的 Node.js 前面放一个反向代理服务器。这可以保护你的 Node.js 服务器免于直接暴露在网络中,而且可以允许你灵活的使用多个应用服务器做负载均衡和静态文件缓存。使用 NGINX 在一个已经...
在移动应用中很多功能都是必不可少的,使用vue构建移动应用自然也就需要实现这些功能。之所以写这篇文章,是希望大家能更多的将注意力放在项目的核心业务上,而不是过多的关注通用功能。基础设置 使用vue-cli搭建项目框架在index.html文件中添加<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">,在移动端设置禁止缩放,以便显示合适大小的页面。如果要将页面封装为a...
JS递归函数(菲波那切数列) 实例解析: 一组数字:0 1 1 2 3 5 8 130 1 2 3 4 5 6 7sl(0)=0;sl(1)=1;sl(2)=sl(0)+sl(1);sl(3)=sl(1)+sl(2);function sl(i){if(i==0){return 0; }else if(i==1){return 1; }else{return sl(i-1)+sl(i-2); } } 正则表达式检验 //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名:只能输入5-20个以字母开头、...
前言 在开始之前,我们先来简单介绍下Travis-ci,Travis-ci是一款持续集成(Continuous Integration)服务,它能够很好地与Github结合,每当代码更新时自动地触发集成过程。 Travis-ci配置简单,很多nodejs项目都用它做自动测试。然而,对于持续集成,仅做到自动测试是不够的,还要有后续的自动部署,才能完成“提交代码 => 自动测试 => 自动部署”的集成链条。 本文以nodejs应用为例,来谈谈如何利用travis-ci完成自动部署。话不多...
任何可以使用JavaScript来编写的应用,最终会由JavaScript编写。--Atwood定律 Atwoods Law是Jeff Atwood在2007年提出的:“any application that can be written in JavaScript, will eventually be written in JavaScript.”。据说,这只是当时开的一个玩笑。不过,这个玩笑似乎渐渐变成了现实。从各种华丽的网页框架,到功能强大的库,到了现在的机器学习,服务器开发,都有JavaScript的身影。从JavaScript也衍生出了一些语言,例...
在实际开发中,无论是做PC端、WebApp端还是微信公众号等类型的项目的时候,或多或少都会涉及到微信相关的开发,最近公司项目要求实现微信网页授权,并获取微信用户基本信息的功能及微信分享的功能,现在总算完成了,但开发过程中遇到好几个坑。废话不多说了,开始正题。描述点微信相关开发知识了解怎么样实现微信相关功能本地测试微信网页授权微信分享微信相关开发知识了解 微信公众号的appId,AppSecret当我们注册一个微信公众号后...
前言 本文给大家介绍的是关于在vue单页应用中使用jquery的相关内容,主要记录一个今天用到的vue-cli建立的应用中引入jquery的方式。下面话不多说,来一起看看详细的介绍吧。 方法如下: 1.首选通过npm安装jquery npm install jquery --save2.在build/webpack.base.conf文件当中引入jquerymodule.exports = {...resolve: {extensions: [.js, .vue, .json],alias: {vue$: vue/dist/vue.esm.js,@: resolve(src),jquery: path.resolve(...
本文介绍了Vue单页式应用(Hash模式下)实现微信分享的实例,分享给大家,具体如下:前端微信分享的基本步骤: 一.绑定域名: 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。这个不多说,微信开发的都应该清楚。 二.引入js文件: 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js。请注意,如果你的页面启用了https,务必引入 https://res.wx....
本文介绍了Vue应用部署到服务器,分享给大家,希望此文章对各位有所帮助。 很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题,但真正放在服务器上后,会发现或多或少的问题,比如:页面出现空白现象,获取资源路径不对等,我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题,我也遇到过,那现在我们就来一一解决这样的问题。 如何打包 基于Vue-Cli,通过npm run bu...