对于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...