对于Node.js新手，搭建一个静态资源服务器是个不错的锻炼，从最简单的返回文件或错误开始，渐进增强，还可以逐步加深对http的理解。那就开始吧，让我们的双手沾满网络请求！ Note: 当然在项目中如果有使用express框架，用express.static一行代码就可以达到目的了： app.use(express.static(public))这里我们要实现的正是express.static背后所做工作的一部分，建议同步阅读该模块源码。 基本功能不急着写下第一行代码，而是先梳理一...
直接打开html文件，是以file:///方式打开的，这种方式很多时候会遇到跨域的问题，因此我们一般会搭建一个简易的本地服务器，来运行测试页面。 一、构建静态服务器 1、使用express模块 建立个js文件，命名server，内容代码如下： var express = require(express); var app = express(); var path = require(path);//指定静态资源访问目录 app.use(express.static(require(path).join(__dirname, public))); // app.use(express.stat...
webpack系列目录webpack 系列 二：webpack 介绍&安装 webpack 系列 三：webpack 如何集成第三方js库 webpack 系列 四：webpack 多页面支持 & 公共组件单独打包 webpack 系列 五：webpack Loaders 模块加载器webpack 系列 六：前端项目模板-webpack+gulp实现自动构建部署 基于webpack搭建纯静态页面型前端工程解决方案模板， 最终形态源码见github: https://github.com/ifengkou/webpack-template 正文 Webpack将所有静态资源都认为...
前言 刚开始用Nodejs写简单的web服务器的时候，总是感觉少了点什么。 原来，我一直是在页面上输出什么Hello World！啊， It Works.之类的了。还确实没有处理关于CSS， JS这些引用的静态相关的资源。 一开始觉得处理这些东西应该会非常的easy，结果发现不仅仅是这么回事。途中也遇到了一些人们经常可能会犯的想当然的错误。于是我就决定好好的记录一下关于Nodejs中对于静态资源的处理。 着眼于问题 重现问题 先来展示一下目录结构吧...
Metronic高级表格是Metonic框架中自行实现的表格，其底层是Datatables，本教程将主要使用Vue实现交互部分，使用Bootstrap做样式库，jQuery做部分用户交互（弹窗）。 使用到的库：Vue 2.0，Bootstrap3、jQuery2、font-awesome4，均可在CDN下载 需要注意的是，Vue最好使用开发版本 一、需求和原型设计#8;产品目标是一个图书管理表格，书籍字段：书籍名称、分类、价格、更新时间。 需求： ① 书籍信息的增删改 ② 分页功能，并且能自行...
效果图：代码如下： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>jquery实现静态搜索功能</title><!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 Bootstrap 主题文...
先给大家展示下效果图，如果感觉还不错，请参考实现代码：bookstore静态页面代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #right{ float: right; vertical-align: middle; line-height:50px; margin-right:70px; } #right img{ margin-top:11px; } #right a{ margin-left: -4px; text-decoration: none; font-size: 13px; color: #0066FF; } #right a:hover{ color:#909; } #menu{ ...
微信分享网页的时候，希望分享出来的链接是标题+描述+缩略图，微信开发代码示例里已提供了方法，但只适用于动态页面。我使用phpcms把页面生成了静态文件，示例代码就起不到作用了。在网上找了下，有大神使用ajax实现静态页面也能实现微信分享功能，在这里分享给大家。 前台代码： <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> url=location.href; $.ajax({ type : "get", url : "http://xxx...
今天没事的时候，研究了一下JS继承的实现，下面是html的源码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS类的继承的实现</title> <script type="text/JavaScript"> //定义父类及公有、私有、静态属性及方法 function parent(){ var pname = "private";//私有属性 var pfun = function(){//私有方法 console.log("调用类的私有方法"); } this.getName=function(name){//公有方法 this.name = name;//公有属性...
在项目中遇到这也一个问题：有a.html和b.html。1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。注意：不涉及跨域问题。想了很久，终于想到了解决方案。第一个问题，我们可以利用html页面锚点的特性，将参数通过url传递给b页面这是a页面代码：...
在项目中遇到这也一个问题： 有a.html和b.html。 1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。 2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。 注意：不涉及跨域问题。 想了很久，终于想到了解决方案。 第一个问题，我们可以利用html页面锚点的特性，将参数通过url传递给b页面 这是a页...
本文实例讲述了静态页面html中跳转传值的JS处理技巧。分享给大家供大家参考，具体如下： 在html中通过"?"传值： <a href="index2.html?name=caoy">静态传值</a>在跳转到的页面index2.html中接收： var name=UrlParm.parm("name");代码如下： index.html: <script type="text/javascript" src="getUrlParam.js"></script> <a href="index2.html?name=caoy">静态传值</a>index2.html: <script type="text/javascript">var name=UrlPa...
上学时C#老师讲到对象有两类方法，静态方法(Static)和实例方法(非Static)，当时不理解静态是为何意，只是强记。后来从事了前端的工作，一直在对类(即对象，Js中严格来说没有类的定义，虽众所周知，这里还是赘述一番，以免产生歧义)的操作上，严重缺乏整体概念，最近看extetnd中再次提到拓展静态方法与实例方法，故而再次百度，才幡然领悟，其实一直有用，只是不知其专业术语呀，哈哈~静态方法，属于类的方法，即类可以直接调用的方...
1.Object类 在JS中，Object是所有类的基类，使用Object类来创建自定义对象时，可以无需定义构造函数（constructor，prototype，hasOwnProperty(property)） var per = new Object(); per.name = zhangsan; per.age = ; alert(per.name + per.age);我们想在程序中得到一个对象变量，只要能存储大量数据即可，这个时候，我们可以考虑使用Object类。Object类避免了对构造器的定义。 Object类下另一个常用的属性：hasOwnProperty var p...
本文实例分析了JavaScript面向对象之私有静态变量。分享给大家供大家参考，具体如下： 大家知道，私有实例变量的原理是根据作用域。 私有实例变量是在Javascript的function内部用var关键字实现，只在function内部有效。 仿照这个，提出私有静态变量的解决方案： <script language="javascript" type="text/javascript"> var JSClass = (function() {var privateStaticVariable = "私有静态变量";var privateStaticMethod = functio...