09 2016 档案
摘要:还是先来安装本课需要的插件: 这是一个webpack加载器,可以把文件原样返回为字符串。 这里补充下使用加载器的两种方法: 1、在我们的webpack配置文件中写上 2、在require的时候调用加载器 require(“加载器名!xxx.html”); 这里,我们也也将使用三种加载公共头部文件的方
阅读全文
摘要:首先,我们利用gulp将入口文件自动化。我们参考该课程的规则,对文件需要成为入口的文件进行一个归类和整理。 首先,我们已经建立了SRC文件夹。在SRC文件下,创建一个主文件夹叫modules。同事创建几个子文件夹,创建的基本规则是:文件夹名就代表了我们的入口节点名。 (此图仅供参考,文件夹名与文件名
阅读全文
摘要:一、多页面分离资源引用,按需引用JS和css 我们前面实现了以下功能:1、新建了一个login模版(用到htmlWebpackPlugin)。2、分别把main.js和login.js、reg.js分开写。3、学习了css加载器。我们通过webpack可以打包js文件、自动注入js和CSS引用。 那
阅读全文
摘要:我们常见的访问约定方式一:/index.php?m=xx&a=oo.其中m和a是固定参数名, 1、m的值(假设xx是index):代表我们的代码文件名、类名肯定和index有关 2、a的值:代表代码文件中有个方法叫做OO。 日常工作中为了规范,我们会把XX设定为一个类。 常见约定访问方式二:/ind
阅读全文
摘要:一、用gulp +webpack构建登录页面(1):简单构建 我们做项目经常要做的“百搭”页面 登录页面 ,它的基本要素如下: 1、页面展示要素 2、基本脚本判断 3、后端交互。 在项目根目录下创建 src(有逼格的名称) --tpl (代表是模板) --login.html(后缀随意) 注意,一旦
阅读全文
摘要:一.用gulp 构建前端页面(1) 静态构建 通过这个插件,我们可以像写后台模板(譬如PHP)一样写前端页面。我们首先学习一下写法. 现在我们创建一个新任务:创建一个裸的index.html文件,然后在body里面写上 ,我的年龄是:<%= age %> 下载好gulp-template,我们引用并
阅读全文
摘要:webpack引入 前面我们简单学习了gulp,这时一个前端构建框架 webpack产生了(模块打包) 它能帮我们把本来需要在服务端运行的JS代码,通过模块的引用和依赖打包成前端可用的静态文件。(这里有需要了解一下CommonJS规范,具体请自行查看http://commonjs.org)。 安装w
阅读全文
摘要:上节课我们“编译”的是 变量集合 如果还有函数该怎么办呢? 函数有个好处,如果重复定义会出错。我们今天要做的就是把散落在各个地方的函数归类。 首先为了防止队友乱来,我们规定在队友,如果在网站里写函数必须以 func.php作为文件后缀。 譬如 common.func.php。我们写入两个测试函数文件
阅读全文
摘要:速度上手,执行我们第一个任务 gulp,目前前端开发最火爆的工具之一。 我们先在项目目录中创建一个package.jsonwen文件:项目目录下运行node 安装gulp之前,我们先了解下 npm instal -g这个命令: 如果不加-g 则会安装到当前项目目录下。加上-g 就会安装一个全局目录里
阅读全文
摘要:本课程的前期在windows下学习,开发工具使用是webstorm。 首先请到nodejs.org下载LTS版本NODEJS.具体安装请自行google,baidu或则bing. 创建第一个文件:在项目目录下创建一个JS文件,例如test.js. 运行: 现在,我们学习一个函数,require(“脚
阅读全文
摘要:为了防止代码让我们混淆不清,大家看视频中的分离方法 1、新建了一个文件夹叫code (这代表是代码) 2、再新建一个文件夹叫page (这代表是页面) 代码该怎么写呢? 这里要记住口诀 1、index.php 永远是 “大内总管”。永远由它来加载code和page 2、code里面的文件永远只能写P
阅读全文
摘要:回到第一课,我们学过PHP母体,了解过解析PHP程序。PHP其实内置了一个web服务器,专门给我们开发测试使用,那么接下来我们要完成的是:生成后创建一个web 服务,在浏览器中可以访问。 PHP的母体,还能加入参数后启动一些特殊功能。 这里需要修改点内容: 因为开始我们输出的JSON文件是这样的:
阅读全文
posted @ 2016-09-05 12:51
前进的卒子
摘要:创建模板文件: 这节课老师带领我们开始创建TEMPLATE,按照老师教导的思路,我们希望这样一种代码写法:1、譬如我定义一个变量$name=‘’;2、然后呢我读取一个模板。3、再然后我在这个模板里 设置一些自己的 “显示格式”(逼格)。4、加载模板后可以直接替换成上面的变量。 一、首先在templa
阅读全文
摘要:一、遍历 opendir 具体函数我就不解释了,直接看代码理解: 在我的D:/test/目录下的结果: 现在我们来写一个函数,遍历指定目录下所有文件,如果遇到目录,继续遍历目录下的文件。 2、复制目录 copy($source,$dest) 3、删除目录 --unlink($path)
阅读全文
摘要:一、生成文件夹。 mkdir();--新建目录 参数:pathname:目录的路径。 mode:默认的 mode 是 0777,意味着最大可能的访问权。有关 mode 的更多信息请阅读 chmod() 页面。 看到上面的函数了吗?记牢。上节课沈老师留了一个作业,读取god.json文件,生成一个最简
阅读全文
摘要:一、常用文件函数库 1、basename(); -- 返回路径中的文件名部分。 参数:path 一个路径。在 Windows 中,斜线(/)和反斜线(\)都可以用作目录分隔符。在其它环境下是斜线(/) suffix 如果文件名是以 suffix 结束的,那这一部分也会被去掉。 返回值:返回 path
阅读全文

浙公网安备 33010602011771号