web
fanfan_y
linux爱好者,追求代码的完美,强迫症
展开
-
原生 JavaScript 封住 ajax
原生 JavaScript 封住 ajaxvar loadData = function (obj) { "use strict"; // obj is null var obj = obj || {}; var type, url, success, error, data, result; type = obj.type || "post"; url = obj.url || ""; success = obj.success || ""原创 2020-11-19 17:25:06 · 204 阅读 · 0 评论 -
centos8 安装 nodejs (源码编译nodejs)
centos8 安装 nodejs (源码编译nodejs)1.安装必要的编译软件包yum -y install gcc gcc-c++2.下载源码nodejswget https://npm.taobao.org/mirrors/node/v10.13.0/node-v10.13.0.tar.gz3.解压tar xvf node-v10.13.0.tar.gz4...原创 2020-03-12 21:52:30 · 1428 阅读 · 0 评论 -
php - smarty实现原理
smarty 模板引擎实现原理1. 目录结构libs Smarty.phpapp controller index.php view index.htmlruntime temp2. Smarty.php 类<?php /** * Smarty */class Smarty{ fu...原创 2020-02-27 20:34:45 · 218 阅读 · 0 评论 -
thinkphp6 从无到有的安装之路
此教程在linux下制作(centos8)1. 下载安装 并 修改权限git clone https://gitee.com/liu21st/thinkphp.git tp62.虚拟主机配置vi /opt/lamp/apache24/conf/extra/httpd-vhosts.conf<VirtualHost *:80> ServerName t...原创 2020-02-23 12:09:54 · 870 阅读 · 0 评论 -
php执行shell命令
php执行shell命令php 操作shell函数1. system()$shell = "ls";$shell = "df -Th"; // 查看硬盘空间$shell = "ifconfig"; // 查看网卡配置$shell = "free -m"; // 查看内存使用情况echo "<pre>";system($shell, $s);echo $s;...原创 2020-02-16 18:44:12 · 1076 阅读 · 0 评论 -
javascript caller
caller注意:es5 模式不能使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>caller</title></head><body> </body><scri...原创 2020-02-13 16:47:14 · 225 阅读 · 0 评论 -
javascrript this, 预编译this指向
javascript this指向<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>this</title></head><body> </body><script> ...原创 2020-02-13 16:44:52 · 386 阅读 · 0 评论 -
javascript 节点,节点树,节点类型节点属性
节点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>节点</title></head><body> <div> <p><span></span>...原创 2020-02-13 16:36:13 · 268 阅读 · 0 评论 -
javascript Element节点 以及Element节点的一些方法
Element节点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Element节点</title></head><style> .demo { padding: 100px; backg...原创 2020-02-13 16:33:19 · 152 阅读 · 0 评论 -
javascript dom增加和删除
dom增删<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dom增删</title></head><body> <div>123</div></body>&...原创 2020-02-13 16:29:31 · 183 阅读 · 0 评论 -
javascript Dom选择器
常用的Dom选择器document 代表整个文档1. id选择器getElementById2. 标签选择器 getElementsByTagName3. class选择器 getElementsByClassName4. name选择器 getElementsByName以下选择器所选中的元素为非实时1. querySelector2. querySelectorAll...原创 2020-02-13 16:25:51 · 163 阅读 · 1 评论 -
javascript 鼠标事件
常见的鼠标事件click 点击事件mousedown 鼠标按下mousemove 鼠标移动mouseup 鼠标弹起contextmenu 右键菜单mouseover 鼠标移入mouseout 鼠标移除mouseenter 鼠标移入 html5mouseleave 鼠标移除 html5判断鼠标左右键document.onmousedown = function (e)...原创 2020-01-26 17:51:40 · 251 阅读 · 0 评论 -
javascript 时间委托 (利用事件冒泡和事件源对象进行处理)
事件委托利用事件冒泡和事件源对象进行处理优点:1 性能, 不需要循环所有元素一个个绑定事件2 灵活, 当有新的子元素不需要重新绑定事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件委托</title></...原创 2019-12-27 10:39:21 · 218 阅读 · 0 评论 -
封装 javascript 事件处理函数 addEventListener , 解决兼容性问题
封装addEventListener解决各浏览器对事件处理函数的兼容性/** * 封装事件处理函数 * 解决兼容性问题 * @Author hflxhn.com * @DateTime 2019-11-03T16:17:23+0800 * @param {obj} elem 绑定在谁身上 * @param {str} ...原创 2019-12-27 10:25:37 · 282 阅读 · 0 评论 -
javascript 绑定事件的那些事 (this的指向, onclick, addEventListener)
<div></div>1. onclick句柄的绑定方式var div = document.getElementsByTagName('div')[0];// onclick 句柄的绑定方式// this 指向谁调用指向谁// div.onclink = null; 解除事件处理函数div.onclick = function () { co...原创 2019-12-27 10:15:21 · 550 阅读 · 0 评论 -
源码编译nginx rtmp 实现流媒体服务器转发
环境 (此教程在centos7 环境下完成)1. 下载wget https://nginx.org/download/nginx-1.17.6.tar.gzwget https://github.com/arut/nginx-rtmp-module/archive/master.zip2. 解压并安装1. 解压tar xf nginx-1.17.6.tar.gzunzip...原创 2019-12-13 17:33:59 · 655 阅读 · 0 评论 -
CentOS8 源码编译安装 lamp环境 (apache24 + php7.3 + mysql57)
CentOS8 安装 apache24 + php7.3 + mysql57前期准备:close selinux (关闭SELinux)vi /etc/selinux/config查找 : SELINUX=enforcing修改成 : SELINUX=disabled1.apache24 安装1) install rely (依赖安装)dnf install -y a...原创 2019-11-23 20:07:05 · 1954 阅读 · 0 评论 -
ckeditor5 插件安装
环境要求: 安装nodejs更改npm地址为国内地址,否则很容易安装失败设置阿里源 :npm config set registry http://registry.npm.taobao.org或者:npm install --registry=https://registry.npm.taobao.org1. 下载源码到本地git clone https://gitee...原创 2019-09-28 20:46:29 · 2364 阅读 · 0 评论 -
源码编译lamp环境 (apache24 + php7.3 + mysql57)
下载centos7常用的工具包yum install -y gcc gcc-c++ cmake net-tools git wget zip unzip bzip2apache24 + mysql57 +php7软件包 (百度网盘地址)https://pan.baidu.com/s/1dbuTOx5sNw7ResyCtizizwapache24 安装1.安装依赖包yum...原创 2019-09-10 18:42:01 · 524 阅读 · 0 评论 -
flex布局, 顶部导航, 底部菜单, css3导航栏, 流式布局, css3布局
flex 常用属性,以及flex值公式计算,请前往git地址查看git地址(https://gitee.com/hflxhn/summary/blob/master/web/css3/flex/file%E5%B1%9E%E6%80%A7.md)两个常见的导航布局 (顶部导航 和 手机端的底部导航)顶部导航<!DOCTYPE html><html lang=...原创 2019-09-09 21:28:13 · 1178 阅读 · 0 评论