前端
Pointer_Sky
小王子的自留地
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【前端开发】Windows本地Nginx部署WEB项目
目录一、部署说明二、nginx说明三、nginx部署1、nginx下载2、本地部署项目四、配置说明1、原始配置文件说明2、配置文件修改说明3、静态资源文件(css/js/png)等配置说明4、特殊字体加载配置五、运行说明1、nginx运行2、相关运行要点六、Nodejs项目Nginx反向代理部署1、node.js监听域名端口2、node.js后台运行3、nginx反向代理部署一、部署说明通常情况下,web项目开发后需要在本地部署进行试运行,确保在服务器能正常上线,部署的方式一般有以下几种:1、静态H5原创 2020-08-14 10:06:27 · 2561 阅读 · 0 评论 -
前端开发【jQuery异步加载】H5页面局部加载、js动态加载、延迟加载
目录一、HTML局部加载二、HTML延迟加载三、js函数动态加载一、HTML局部加载.load()函数根据input内容局部加载html页面。 $searchInput .on('input', function () { if (!this.value.length) { $searchResult.load('search_main.html'); } }); }原创 2020-08-11 17:31:43 · 755 阅读 · 0 评论 -
前端开发【特殊字体】特殊字体使用及font-spider优化加载时间
目录一、特殊字体引进1、字体下载2、字体引进二、加载时间优化问题1、特殊字体加载缓慢2、优化方式三、font-spider1、工作原理4、安装指令5、引进说明6、运行 font-spider 命令一、特殊字体引进1、字体下载下载地址:http://www.downcc.com/font/326030.html2、字体引进下载后解压缩并将资源放置到项目目录下;在CSS中引进特殊字体引进:@font-face {font-family: SourceHanSansCN-Medium;src原创 2020-08-11 11:16:44 · 1685 阅读 · 0 评论 -
前端开发【请求响应】node.js-http根据不同请求地址返回不同页面
目录一、node.js-http使用说明二、项目架构三、代码实现一、node.js-http使用说明静态HTML页面实现根据客户端调用请求返回不同结果的HTML页面的功能;Node.js 标准库提供了HTTP模块,可以支持根据客户端不同的请求响应返回不同的处理结果。二、项目架构项目包含CSS,HTML,images,js等静态资源文件,各自存放在以文件后缀名命名的文件夹下。三、代码实现//引进http模块var http = require("http")//引进fs模块var fs原创 2020-08-11 10:41:12 · 784 阅读 · 0 评论 -
前端开发【构建工具】静态资源路径转换
目录一、前端构建工具fis31、fis3说明2、官网链接:3、本地环境支持部署:4、项目引入5、运行 fis-conf.js文件一、前端构建工具fis31、fis3说明HTML项目代码中,前端静态页面往往包含了大量资源文件,如CSS、JS、PNG、JPG等。本地开发时往往指向本地相对路径,在服务器部署时往往要更换为资源在服务器上部署的路径,这个时候通常采用前端工程构建工具fis3批量转化HTML文件中的资源路径2、官网链接:官网链接:http://fis.baidu.com/3、本地环境支持原创 2020-08-11 10:31:02 · 808 阅读 · 0 评论 -
前端开发【JS控件】flickity根据手势滑动图片
目录一、flickity.js2、控件引入3、布局修改4、呈现效果一、flickity.js官网地址:https://flickity.metafizzy.co/2、控件引入下载后将flickity-docs.min.css和flickity-docs.min.js这两个文件分别添加到自身项目中。3、布局修改隐藏左右按钮及下方滑动条。//隐藏左右按钮.flickity-button { display: none;}//隐藏下方滑动条.flickity-page-dots {原创 2020-08-11 10:07:24 · 1046 阅读 · 0 评论 -
前端开发【WEUI框架】移动端H5页面开发
目录一、WEUI框架说明二、引进步骤1、源码下载2、CSS文件引入3、示例代码引入一、WEUI框架说明WEUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。UI演示:https://weui.io/二、引进步骤1、源码下载源码所在的GitHub链接: WEUI;源码地址:https://github.com/Tencent/weui2、CSS文件引入css文档:下载路径.将CSS文档下载后的源文件放置到项目对应的目录下。在对应要原创 2020-08-11 10:00:10 · 3604 阅读 · 2 评论 -
前端开发【短信分享】——H5调起短信,发送指定内容到指定号码
目录一、终端调试本地localhost页面1、网络环境设置2、查看电脑本地3、手机访问地址4、防火墙问题二、项目说明1、sns短信调起2、终端发送说明3、终端判断说明4、项目源码三、终端调试结果一、终端调试本地localhost页面因H5页面需要调起移动终端短信应用,因此需要启动终端调试本地localhost页面的功能。1、网络环境设置需要确保电脑端和移动终端处于相同网络环境下,通过电脑端启动热点,移动终端连接电脑WiFi实现。win10 启动热点:2、查看电脑本地由于手机需要访问电脑本地地原创 2020-08-04 12:15:06 · 3712 阅读 · 1 评论 -
前端开发【WEUI框架H5网页开发】—— WEUI+Node.js+fis3 项目开发
静态WEUI H5页面开发一、框架说明二、引进方式三、手势滑动图片效果引入四、特殊字体引进五、批量转化HTML文件中的资源路径一、框架说明开发采用腾讯开发的WEUI样式,WEUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。官方地址:1)UI演示:https://weui.io/2)JQuery库:http://www.jqweui.cn/components3)源码地址:https://github.com/Tencent/weui二、原创 2020-06-23 10:55:09 · 1855 阅读 · 0 评论
分享