基本参照此:http://www.gulpjs.com.cn/docs/getting-started/ 1.电脑需要安装好nodejs,安装好的时候会自带npm 2.在命令行中执行命令安装gulp npm install --save-dev gulp 3.安装sass进行scss文件的编译(请注意,需要先安装ruby) npm install gulp-sass --save-dev 4.在网站根目录建立一个gulpfile.js文件,代码如下: 'use strict'; var gulp…

类似于Grunt,gulp是另一个同样功能很强大的前端项目自动化利器. 下面是项目的效果:…

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上,她借鉴…

项目名称:视频网站项目 开发语言:HTML,CSS(前端),JavaScript,NODEJS(expres)(后台) 数据库:MySQL 开发环境:Win7,Webstorm 上线部署环境:Linux服务器 在线演示站点:http://vip.52tech.tech Github源码:https://github.com/xiugangzhang/vip.github.io 我们先来看一下最终的效果:用户主页的搭建: 实现了主页轮播图的显示和切换,用户可以从数据库中自由配置和切换轮播图的显示…

由 于移动互联用户的快速增加,现在数量已经超出10亿,几乎可以肯定的是你的网站每天都会有移动用户访问.如果你组织计划创建一个对移动用户友好的浏览体 验,有多个方面需要考虑.响应快速的网站设计似乎现在很流行,但是仅依赖你的需要也不是正确的发展方向.请记住本地化程序,混杂的程序和移动网站对正反面价值进行调查. 为了好扩展响应快的布局能完美适应任何屏幕的大小和设备型号,他们可能在设计和实现上面耗费精力.无论如何,“一个网站适合全部设备”的价值将不该低估.只是考虑这个观念对于一个操作系统和内容维护意味着…

前言 今年七月份,我和几个小伙伴们合伙建立了一个开发团队.业务开展如火如荼的同时,团队宣传就提上了日程,所以迫切需要搭建公司网站出来.确定目标后我们就开始考虑如果构建一个企业网站.先是进行业内调查,看了看别人家的网站是怎么做的.总体来讲,国外网站的设计和使用的技术总能比国内高很大一截,国内很多公司,甚至是很多软件公司都不注重公司网站的构建,网站千篇一律,没有特色.很多网站都是使用Wordpress,然后自定义皮肤.也有一些设计类公司,网站页面做的很漂亮,设计也前卫,但是前端源代码写的一塌糊涂.我…

要查看英语原文,请勾选“英语”复选框.也可将鼠标指针移到文本上,在弹出窗口中显示英语原文. 翻译 英语 本文档已存档,并且将不进行维护. Web 应用程序项目与 Visual Studio 中的网站项目 在Visual Studio可以创建 Web 应用程序项目 或 网站项目. 通过选择 新建项目 或 打开项目 创建或打开一个 Web 应用程序项目在Visual Studio 文件 菜单. 通过选择 新建网站 或 打开网站 创建或打开一个网站项目在"文件"菜单. 每种项目类型各有优缺点…

Windows Azure 入门 -- 部署 ASP.NET网站(项目) 与数据库 https://www.dotblogs.com.tw/mis2000lab/2015/12/24/windowsazure_web_db 有位学员临时需要这些步骤,我也没做过,但我简单实验一下,大概理解一些的作法 其实,有架设过IIS,自己会操作SQL Server管理画面的话,Windows Azure "入门"应该不难. 但这些简易架站的步骤,无法取代详细的书本说明 如果您真的要走网管这方面,或是…

在线体验地址:http://vip.52tech.tech/ GIthub源码:https://github.com/xiugangzhang/vip.github.io 项目预览 主页面 登录页面 注册页面 会员中心 电影播放页面 电影弹幕功能 视频网站项目已经完功能如下: v1.0.3(当前最新版本) 增加自动抓取功能,网站数据定期实时更新 电影和电视剧数据抓取 电影数据信息前端展现 电影页面图片的自动抓取.下载和展示 代码结构调整 v1.0.2 简化程序安装流程,新增可视化安装界面 用户可…

前提条件 近期我的工作内容是在维护一个历经几年的MMORPG大型项目,写下自己的一些感想 项目进度:游戏中基本的系统功能都有了,现阶段的主要工作就是修复系统的bug及重构部分系统. 维护老项目从何开始? 1.拿到一个需求,结合老代码和新需求进行分析 在老代码基础上开发?整理思路重新开发? 如果老的代码不用怎么改动就可以满足新需求,那就在老代码基础上修改 如果老代码和新需求匹配度不高,那么就重新开发吧,重新开发注意不要影响到其它的功能. 如何看待维护老的系统? 调整心态,如果能修改就修改,不能就重…

Gulp Gulp是一款项目自动化的构建工具,与Grunt一样可以通过创建任务(Task)来帮助我们自动完成一些工作流的内容.当然,今天我们的内容并不是讨论这二者的区别,仅仅是介绍介绍如何利用Gulp来优化我们的Web项目中前端自动化工作流. 引言 相信不少人看过百度大牛张云龙的那篇讲解大公司里怎样开发和部署前端代码?的文章,如果没有阅读的朋友请戳.由于在项目部署时,我们需要对项目js,css,image等文件进行压缩,合并处理,从而减少客户端对服务Http请求,已达到增强页面的加载速度,优化服…

注意:该方法用于网站项目.但对于其他类型的项目有一定的参考作用. 1.首先在你想被别人访问的位置新建一个ashx文件,如/System/xxx.ashx. 新建xxx.ashx的代码如下: [csharp] view plaincopy <%@ WebHandler Language="C#" Class="xxx" %> using System; using System.Web; public class xxx: IHttpHandler { p…

这是我的第一篇博客文章,与其说是分享经验,倒不如说是求助 最近因为要完成一个课程设计,在拿一个现成的项目过来改,要用到select下拉菜单,可是发觉怎么我的这个下拉菜单怎么变样了 刚开始它是这样的 感觉怎么有点不对 而我把这份文件拷到其他目录运行 这下正常了 后来我想啊想,我的网站项目后台相关文件都放在admin这个目录下,我把这份文件放到apache的网站根目录,显示正常,但唯独放到admin目录下就变成第一张图那种样子了,而且其实那个绿色并不是我在网页里面写的背景色,而是我windows系统…

项目需要做对接,对方提供的是一个webservice接口,自己建了个网站项目,然后添加web 引用,一切正常. 当实际编码的时候,发现一些类.方法找不到. 百思不得其解,只得对照对方提供的demo 看,发现我们项目建的不一样,引用后的webservice服务显示也有 很大的差别,想着是不是这个原因.所以赶紧也建了个asp.net应用程序项目,代码拷贝过来,发现好了,找不到的 类.方法都有了,原因暂时不明,如果哪位朋友知道,给我留言,小生不胜感激!…

之前做过一些网站项目,大多数都是首页就是登录,直接进入首页的不多,也就没有注意到,今天刚好注意到了就来记一下.也算是一个小技巧 <welcome-file>index.jsp</welcome-file>大部分人在一开始做网站往往都在webxml中这么配置,这样可以直接用网站根目录访问首页. 但是这么做有问题,那就是如果你首页的数据是从数据库里面来的(虽然对于大型网站来说数据要么缓存要么静态),那么,你肯定想要去直接调用action. <welcome-file>ind…

1.新建html2与html3两个网站项目测试,而html是本身就有,记得到/etc/hosts 添加dns记录 2.修改nginx.conf文件 3.测试访问 中间用到一些nginx的命令,就不截图,可以查看下面 ******************************************************************************************************************************* nginx -t 验证配置信…

有些项目需要在IIS发布的时候,将网站发布到虚拟目录,为了保持调试和发布的路径同一,一般会修改VS调试的虚拟目录 一.Web应用程序 Web应用程序的修改方式非常简单,在解决方案资源管理器->项目>右键>属性>Web>服务器>项目URL,修改URL后点击创建虚拟目录即可 二.Asp.Net Web网站 由于网站项目没有.csproj文件,没法从属性页面进行修改. 我们打开网站解决方案的平级目录,有一个叫.vs的隐藏文件夹,从文件间内找到.vs->config-&g…

点中网站项目按F4,虚拟目录那个栏目全部删掉!…

转自 http://blog.sina.com.cn/s/blog_53729e4601014ze9.html 本文介绍如何将现有的 Microsoft Visual Studio 2005 网站项目转换为 Microsoft Visual Studio 2005 Web 应用程序项目.Web 应用程序项目模型使用的概念方法与 Visual Studio .NET 2003 中的 Web 项目相同.该概念方法包括一个项目文件,用于将文件和编译包含到单个程序集中,或将它们排除在外. 要完成转换操作…

有时运行网站项目时,出现Bad Request问题…

.Net Core开发可以使用Visual Studio 2017或者Visual Studio Code,下面使用Visual Studio 2017搭建一个.net Core MVC网站项目. 一.新建项目 二.选择 Web应用程序(模型视图控制器) 三.项目结构和之前的比对还是有很大的不同,wwwroot用来存放前端的一些静态资源(css/js/image/html),以前是通过Nuget来下载前后端包,现在前端包使用Bower下载,后端的包的使用Nuget下载 四.运行 .net cor…

最近在用Laravel这个PHP框架搭网站,大致了解这个框架的目录结构之后感觉学到了不少东西. 首先安装好包管理器: PHP部分当然用composer,安装在全局目录下方便一点. 前端部分,我没有选择npm而是使用更“先进”的yarn. 可以打开 Laravel的官方文档 以供参考. 我写这文章是为了理清楚自己的开发思路,以前我直接把整个网站项目从服务器复制到自己的电脑上进行编写,但是这样需要复制的东西实在太多了,大部分是我根本就不会去动第三方的库.所以我得搞清楚如何做能够只需要下载最少的文件,…

首先来直接看一下最终的效果吧: 项目地址:https://github.com/xiugangzhang/vip.github.io 在线预览地址:https://xiugangzhang.github.io/vip.github.io/index.html 目前视频网站已经实现了前台页面所有数据从后台数据库的读取,由于Github上面只能查看到静态的页面,对于动态网站还是不支持的,这个等待后期网站全部写完后,会把所有代码一并上传,如果觉得不错的话,可以到Github上面支持一下. 声明:前台页…

legend3---阿里云服务器配置多个网站项目 一.总结 一句话总结: 就是和本机上面的一样,多个域名可以指向同一个ip,配置apache的时候记得ServerName配置域名,不要直接整ip 二.阿里云服务器配置多个项目 就是和本机上面的一样,多个域名可以指向同一个ip,配置apache的时候记得ServerName配置域名,不要直接整ip 1.域名处配置   2.apache处配置  …

2018年Spring Boot 2.x整合微信支付在线教育网站高级项目实战视频课程 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_1-1.SpringBoot整合微信支付开发在线教育视频站点介绍 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_1-2.中大型公司里面项目开发流程讲解 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_1-3.在线教育站点需求分析和架构设计 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实…

1.登陆 2.注册 3.主页 4.购物车 5.管理中心 6.文件上传 代码: https://github.com/Carol0311/min_Shop.git 后期会持续进行功能更新以及开发阶段遇到的问题…

安装node不再写    gulp 参考以下文档 https://blog.csdn.net/a599174211/article/details/82878095 1.使用npm命令安装,一下两个命令都需要使用gulp的安装非常简单,只要使用npm命令安装即可.但是因为gulp需要作为命令行的方式运行,因此需要在安装在系统级别的目录中. npm install gulp -g 因为在本地需要使用require的方式gulp.(需要进入到项目的路径下面)因此也需要在本地安装一份: npm ins…

环境 windows 10 准备工具 Visual Studio Code Node.js Git 需求 必须支持IE8 步骤开始: 执行命令行工具 mkdir Demo && cd Demo npm init name: demo version:0.0.1 description:This is a demo. entry point:[Enter] test command:[Enter] git repository:[Enter] keywords:[Enter] author:…

项目是一个教育类网站,先给出网站网址:http://www.oakseeds.cn/ Oak Seeds原本的名字叫做American School,后来更给为Oak Seeds,意为橡木子.网站是为一家教育类的企业定做,后来由于公司的规划变动,所以决定不使用这个网站,因此也没有再对它进行维护,目前看到的,也是很多页面呈现空白的现状. Oak Seeds从最初的构想,到最后的完成,历时一共2个多月(2016年2月末-5月初):由来自不同省份的6名小伙伴远程开发上线(产品经理*1,美工*1,前端开…

看了下,距离上次发帖都是去年10月份的事,忙于工作的我很少跑博客园里面来玩了. 做这个小网站的初衷是 https://tinypng.com/ 这个网站有时候访问很慢,然后自己去研究了下图片压缩. 网上有看到 https://tinypng.com/ 中使用的 pngquant , 我去下载了pngquant的cli看了下,然后就开始了这个小网站的基础. 先看看前端页面: 这个功能还会扩建,所以现在界面只有简洁的一部分. 现在的功能基本上只有图片压缩和打包下载, 前端页面用到的: vue.web…