全局参数 网站名称:title{if isset($SEO['title']) !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}/title 网站关键词:meta name="keywords" content="{$SEO['keyword']}" 网站描述:meta name="description" content="{$SEO
图片,JS,CSS目录[注意我们以后在开发项目的时候 图片路径,js路径,统一写成 ./img ./css ./js 记住统一!!! 不然后期模版修改非常麻烦!!!] 在phpcms根目录 index.php定义一个 模版常量 这样后期上线
phpcms设为首页代码: a href=" " onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{siteurl($siteid)}');"设为首页/a phpcms加入收藏代码: a href="javascript:window.external.AddFavorite('{siteurl($siteid
列表分页: {pc:content action="lists" catid="$catid" num="10" order="id DESC" page="$page"} {loop $data $r} li class="tr"a href="{$r[url]}" title="{$r[title]}" alt="{$r[title]}" class="fl"{$r[title]}/a span{date('Y-m-d H:i:s',$r[inputtim
文章标题:{$title} 文章内容:{$content} 发布日期:{$inputtime} 文章来源:{$copyfrom} 责任编辑:{$username} 点击量:a id="hits" href="javascript:"script language="JavaScript" src="{APP_PATH}api.php?op=countid={$id}modelid={$m
二级栏目循环: {loop $arrchild_arr $cid} li{if $catid==$cid} class="cur"{/if}a href="{$CATEGORYS[$cid][url]}"{$CATEGORYS[$cid][catname]}/a/li{/loop} 标题:{$title} 内容:{$content} {catpos($catid)} 显示文章位置导航 {$CATEGORY
如何设置PHPCMS V9是否允许后台在线编辑模板 一般来说为了网站安全,我们建议关闭PHPCMS后台在线编辑模板的功能,但在phpcms的后台设置里,我们找不到关闭在线编辑模板的选项,其实这个设置
Phpcms V9广告位管理位置:模块 模块管理 广告 ,打开后你可以系统默认已经了N个广告位。 Phpcms V9广告位当前有矩形横幅、固定位置、漂浮移动、对联广告、图片轮换广告、图片列表广告
对于文章储层而言,有v9_news和v9_news_data两个表,前面就是主表,后面是副表。如果需要调用文章内容,则这个字段是在v9_news_data 的content字段,在列表页是不能直接调用的, 然后添加
PHPCMS条件循环IF判断 {pc:content action="lists" moreinfo="1" catid="$catid" num="3" order="id DESC" page="$page"} {loop $data $i $r} {php $num++;} div class="{if $num == 1}al1{elseif $num == 2}al2{else}al3{/if}" div class="tb fl"img sr
导语 说实话,高逼格的H5都是广告商投了钱的。今天分享的十个案例权当H5赏析,不涉及打广告的说法。以下案例都很优秀,而且种类风格大都不同,插坐菌提前当了下体验者,给大家
本篇文章主要介绍了AngularJS1.X学习笔记2-数据绑定详解,具有一定的参考价值,有兴趣的可以了解一下。
这篇文章主要给大家介绍了ES5中新增的Array对象的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。
vuex是vue的状态管理模式,主要可以解决父子组件嵌套层数较多,或者兄弟组件之间需要维护同一个状态的情况。下面这篇文章主要给大家介绍了关于学习vuex的相关资料,需要的朋友可以
这篇文章主要给大家介绍了webpack学习教程之publicPath路径问题的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要给大家介绍了关于Laravel学习教程之View模块的相关资料,文中通过示例代码将View模块介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面
我们大家都知道HTML和CSS不属于编程语言而是属于标记语言,所以很难像JS一样定义变量、编写方法、实现模块化开发等。而目前的CSS编写模式中,都是定义一些公共的样式类名,哪一块
我们一起来学习一下LESS的基础语法,LESS的基础语法基本上分为以下几个方面:变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住,然后才可
先附上一张网上广为流传的 前端 知识体系图:前端知识体系 (网易推荐的课程) 从大图中我们总结出: 优秀的 Web 前端开发 工程师要在知识体系上既要有广度和深度!应该具备快速
指定入口文件和输出path: 1、执行 `npx webpack --entry src main js --output-path build` 命令 2、`package json` 配置:` "dist ": "webpack --entry src main js --output-path build "`,
1 PostCSS是通过JavaScript来转换样式的工具 2 这个工具可以帮助我们进行一些css的转换和适配,比如自动添加浏览器前缀、css样式重置 3 实现上面的功能,需要借助PostCSS对应的插件
1 什么都不配置,直接就将资源文件打包在 webpack 配置的打包路径的根目录 2 js中, `require( img 1 jpg )` 在file-loader 4 X,返回的是资源,在5 x以后返回的是对象,通过 `require( img 1 jpg ) default` 才能拿到资源 3 js中,除了 require 引入资源,还可以用 `import xxx from img 1 jpg` 的方式引入资源
1 在webpack5之前,加载图片等其他资源要用到一些loader,如raw-loader、url-loader、file-loader 2 从webpack5开始,我们可以直接使用资源模块类型(assets module type)替代上面的loader 3 资源模块类型(assets module type)通过四种心的模块类型,替换上面的loader
1 Loader是用于特定的模块类型进行转换 2 Plugin可以用于执行更加广泛的任务,比如打包优化、资源管理、环境变量注入等
webpack 模块化的四个原理: 1 CommonJs模块化原理 2 ES Module实现原理 3 CommonJs加载 ES Module 原理 4 ES Module加载CommonJS 原理
1 安装命令行工具(在webpack中使用不需要安装):`npm install @babel cli -D` 2 命令行命令:`npx babel src index js --out-dir result` src index js为处理的文件,如果要处理文件夹里所有文件,这里就传文件夹名:src
typescript compiler 的使用 安装typescript编译器tsc(typescript compiler)1 全局安装的TypeScript,直接运行 tsc`npm ins
1 它是一个静态代码分析工具,在代码没有执行时,进行分析 2 帮助团队建立统一规则 3 规则可以配置
安装完vue-loader后,会自动安装 VueLoaderPlugin 插件,在webpack config js配置时,需要用到
安装、初始化 1 npm init 初始化项目生成package json 2 安装webpack和webpack-cli `npm install webpack webpack-cli -D` 3 新建入口文件:src index js 4 创建`webpack config js`,代码如下:
HMR全称 Hot Module Replacement 模块热替换指应用程序运行过程中,替换、添加、删除模块,而无需刷新整个页面
它默认值为空字符串,打包后引入js时,路径为bundle js 在开发中,我们也将其设置为 ,路径就是 bundle js,浏览器会根据所在域名+路径去请求对应资源 如果我们希望在本地直接双击打开 index html 文件夹来运行,会将其设置为 ,路径是 bundle js,可以根据相对路径去查找资源
1 在开发中,会有各种模块依赖,这些模块可能来自于自己编写的代码,也可能来自第三方库 2 resolve可以帮助webpack从每个 require import 语句中,找到需要引入的合适的模块代码 3 webpack 使用 enhanced-resolve 来解析文件路径
将webpack配置文件分离是一种常见的方式:新建三个文件,放到config文件夹下:webpack common js 这是测试和生产都会用到的配置webpack dev js 这是测试环境的配置 webpack prod js 这是生产环境的配置 package json 中配置:
Webpack中常用的代码分离: 入口起点:使用entry配置手动分离代码 防止重复:使用Entry Dependencies或者SplitChunksPlugin去重和分离代码 动态导入:通过模块的内联函数调用来分离代码
动态import使用最多的一个场景是懒加载(比如路由懒加载)封装一个 component js,返回个 component对象 我们可以点击按钮时,加载这个对象
CDN称之为内容分发网络(Content Delivery Network 或 Content Distribution Network) 它指的是通过相互连接的网络系统,利用最靠近每个用户的服务器 更快、更可靠的将多媒体、应用程序等发送给用户 来提供高性能、可扩展及低成本的网络内容产地给用户
MiniCssExtractPlugin可以将css单独抽离到一个css文件。
1 DLL全称动态链接库(Dynamic Link Library),是为软件在windows中实现共享函数库的一种实现方式 2 webpack中也有内置的DLL的功能,它指的是我们可以将可以共享、并且不经常改变的代码,抽取成一个共享的库 3 这个库在之后编译的过程中,会被引入到其他项目中的代码中
webpack 在打包的时候将会剔除掉被没有被使用到的代码达到减小报体积,缩短 http 请求时间,起到一定效果的页面优化,此即tree shaking
webpack-bundle-analyzer 可以在打包后的目录产生一个文件,用以分析打包性能
1 Loader是用于对模块的源代码进行转换(处理),之前我们已经使用过很多Loader,如css-loader、style-loader、babel-loader、vue-loader、ts-loader等 2 Loader本质上是一个导出为函数的JavaScript模块 3 Loader runner库会调用这个函数,然后将上一个loader产生的结果或者资源文件传入进去
1 在webpack函数的 createCompiler 方法中,注册了所有插件 2 在注册插件时,会调用插件函数或者插件对象的 apply 方法 3 插件方法会接收 compiler 对象,我们可以通过 compiler 对象来注册Hook事件 4 某些插件也会传入一个 compilation 对象,我们也可以监听 compilation 的 HOOK 事件