前端笔记
关注
分享
扫一扫
风飞扬fq
这个作者很懒，什么都没留下…
展开
-
PHP动态显示设备时间
web页面动态刷新设备时间调用函数PHP自带的date函数一般的形式如下，其中Y为4位数字完整表示的年份；m为数字表示的月份，有前导零；d为月份中的第几天，有前导零的2位数字；H为小时，24小时格式，有前导零；i为有前导零的分钟数；s为有前导零的秒数。date("当前时间显示Y年m月d日 H:i:s");实现原理php实现动态显示设备时间需要两个php文件，一个php文件实现...原创 2020-03-13 13:56:25 · 914 阅读 · 0 评论 -
邮件、IP、URL等正则表达式字符串
中文的正则表达式[\u4e00-\u9fa5]Email的正则表达式\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*URL的正则表达式http(s)?://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?ip地址的正则表达式^(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[0-9]{1,2})...原创 2019-12-31 16:56:54 · 257 阅读 · 0 评论 -
HTML基础各种input输入标签总结
单行文本输入框<input type="text" value="文本"/>密码输入框<input type="password" value="111111"/>普通按钮<input type="button" value="普通按钮">单选框<input type="radio" checked/>男复选...原创 2019-12-31 13:01:33 · 2032 阅读 · 0 评论 -
基于vue及localStorage的评论功能实现【组件数据传递】
引入js及相关css文件导入vue.min.js及相关css文件<script src="./vue-js/vue.min.js"></script><link rel="stylesheet" href="./vue-css/bootstrap.css">vue.min.js存放在vue-js目录下，实现vue实例的创建等操作；bootstra...原创 2019-12-28 18:02:55 · 317 阅读 · 0 评论 -
Vue中关于localStorage的使用总结
1、什么是localstoragelocalStorage是HTML5提供的在客户端存储数据的新方法之一，主要用于长久保持整个网站的数据，保持的数据没有过期时间，直到手动删除，存储形式一般为key/value对的数据，另一种是sessionStorage。localStorage实现数据存储没有时间限制，sessionStorage针对一个session实现数据存储且有时间限制，其默认...原创 2019-12-28 14:34:10 · 1419 阅读 · 0 评论 -
json_encode()&json_decode()及JSON.parse()&JSON.tostringify介绍
json_encode()json_encode()返回json格式的字符串，常常用户将数组转换为json格式的字符串表示，其中第一个参数可以为对象、数组或字符串；第二个参数为 JSON_UNESCAPED_UNICODE (integer)时，字符串中的中文可被正常显示。具体实例代码如下。<?phpheader('Content-Type:application/json');/...原创 2019-12-25 15:04:52 · 1563 阅读 · 0 评论 -
基于vue.js及vue-resource.js的异步post请求php文件数据
下载vue.min.js文件及vue-resource.min.js文件，存放在对应目录,vue实现异步加载通过vue-resource库<script src="./vue-js/vue.min.js"></script><script src="./vue-js/vue-resource.min.js"></script>通过pos...原创 2019-12-25 14:29:48 · 974 阅读 · 0 评论 -
基于vue.js,axios.js获取后端php文件json数据基本实例
基于vue框架异步获取后端php文件json实例准备js文件下载好两个js文件于本地目录，此处本人放于vue-js目录下，前端加载js文件如下。<script src="./vue-js/vue.min.js"></script><script src="./vue-js/axios.min.js"></script>后端php文件...原创 2019-12-23 10:04:36 · 1219 阅读 · 0 评论 -
基于vue.js及axios.js下获取json文件数据的基本实例
基于vue框架异步获取json文件实例准备js文件下载好两个js文件于本地目录，此处本人放于vue-js目录下，前端加载js文件如下。<script src="./vue-js/vue.min.js"></script><script src="./vue-js/axios.min.js"></script>本地准备好json文件，...原创 2019-12-22 13:02:27 · 1543 阅读 · 0 评论 -
前端主流日期时间控件laydate介绍【推荐下这款日期组件】
laydate详解背景介绍laydate主要以：年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心，并且均支持范围选择（即双控件）。内置强劲的自定义日期格式解析和合法校正机制，含中文版和国际版，主题简约却又不失灵活多样。由于内部采用的是零依赖的原生 JavaScript 编写，因此又可作为独立组件使用。毫无疑问，这是 layui 的虔心之作。基本用法...原创 2019-12-18 14:32:53 · 1696 阅读 · 0 评论 -
vue.js入门实例实现基本数据绑定
简单实例通过点击添加按钮，能够向表格中添加数据在搜索框中查询数据，键盘点击回车表格能动态显示关键词有关数据可实现表格数据的删除可实现搜索框关键词的css样式设置可显示规定时间格式的表格数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2019-11-30 14:01:36 · 488 阅读 · 0 评论 -
通过jquery实现全选、全不选、反选功能
通过jquery实现全选功能点击全选/全不选，若子选项都未选择，则子选项全部选择；若子选项都选择，则子选项全部取消选择；在全部选择情况下，若点击子选项取消选择，则全选/全不选取消选择；在部分选择和另一部分未选择情况下，点击反选，则前一部分取消选择，后一部分选择<!DOCTYPE html><html><head> <meta cha...原创 2019-11-29 10:04:15 · 371 阅读 · 0 评论 -
ajax同步请求和异步请求详解
- ajax异步请求由于网络访问一般存在延时，我们一般设计http请求为异步请求。http对象发送请求时，将方法open()的第三个参数设置成true，代码如下：var xhr = null;if(window.XMLHttpRequest){ xhr = new XMLHttpRequest();}else { xhr = new ActiveXObject("Microsoft.X...原创 2019-11-27 10:32:30 · 692 阅读 · 0 评论 -
跨域请求封装优化
跨域请求方法封装jsfunction myFun(obj){ var defaults = { type:"get", url:"#", data:{}, success:function(data){}, jsonp:callback, jsonpCallback:"hhhh" ...原创 2019-11-25 16:53:37 · 253 阅读 · 0 评论 -
跨域请求的初步封装与测试
跨域请求的封装js代码：function myFun(obj){ var defaults = { type:"get", url:"#", data:{}, success:function(data){} }; for(var key in obj){ defaults[key] = ...原创 2019-11-25 16:36:49 · 219 阅读 · 0 评论 -
ajax封装优化测试
<script> var username = document.querySelector("#username"); username.onblur = function(){ var usernameValue = username.value; var type = "get"; var url = "checkU...原创 2019-11-24 21:48:56 · 383 阅读 · 0 评论 -
ajax封装优化实现
var obj = { type:"post", url:"XXX", dataType:"json", data:{ age:"18", name:"Bob" }, success:function(){};};function myAjax(obj){ var default = { t...原创 2019-11-24 21:37:46 · 302 阅读 · 0 评论 -
Ajax详解与封装
Ajax详细步骤1、创建XMLHTTPRequest对象，并对浏览器兼容处理var xhr = null;if(window.XMLHttpRequest){ xhr = null;}else if{ xhr = new ActiveXObject("Microsoft.XMLHTTP");}2、准备发送http请求xhr.open("get","xxx.php",tr...原创 2019-11-24 13:23:53 · 460 阅读 · 2 评论 -
设备数据管理前端模块化设计构建
设备数据管理前端模块化设计构建根据公司业务需求，本人根据现有资源搭建LAMP平台，其中L代表Linux操作系统，A代表Apache服务器，M代表MYSQL数据库，P代表PHP语言。应用现有的DIV+CSS布局前端页面，根据业务需求使用PHP语言设计后端业务逻辑，从而设计出一款设备的数据管理平台。由于公司业务的不断扩展，客户数量越来越多，各个客户不同的定制化需求随之不断增加，前端代码的版本维护越...原创 2019-07-31 09:50:14 · 630 阅读 · 0 评论 -
浅谈CGI程序与web间数据交互
CGI是通用网关接口的简称，通过CGI可实现客户端浏览器与服务器之间数据的交互。CGI通信系统由显示在前端的HTML页面以及运行在服务端上的cgi程序组成。web客户端显示的是相关的html文件，这些文件一般存储在目录/www下，CGI程序一般为后缀是.cgi的文件，存储路径一般也是/www。CGI通信系统的结构框图如下：步骤1：web客户端对服务器发起HTTP请求；步骤2：...原创 2019-07-31 15:08:04 · 3032 阅读 · 0 评论 -
关于ajax异步通信请求已响应无法解析数据的问题
-解决ajax响应无法解析数据的问题项目需求：设备配置管理系统平台的设计中，需要将所有的设备的IP地址、子网掩码、网关等参数在前端页面实时显示解决方案：采用ajax异步通信机制，其在不刷新整个页面的前提下与服务器通信刷新数据，减少了不必要的数据传输，降低了前端与后端数据通信的数据流量，最大程度的减少冗余请求和响应对服务器造成的负载，更加快速的响应用户交互，减少了用户等待时间，有效地提高了用户...原创 2019-08-21 15:02:45 · 3195 阅读 · 0 评论 -
关于服务器后台php-cgi进程无法启动的问题解决
问题背景基于用户需求设计一款电源分配单元PDU配置管理平台，实现对相关电源分配单元的识别和远程控制，对各单元相关电能参数如电流、电压、功率、电能等参数实现实时低时延的跟踪采集。问题环境基于linux操作系统的开发环境，已搭建php开发环境，存储空间约300M。功能需求核心功能：实现各PDU电能参数的实时采集和监控，实现设备的远程控制；重要功能：PDU相关电能参数阈值设置；邮...原创 2019-08-28 14:39:02 · 1639 阅读 · 0 评论 -
简单设备配置管理平台web设计
用户需求[1] 设备相关运行数据能够在web平台上实时刷新显示[2] web平台能够对设备进行远程控制及相关参数的配置技术框架[1] web页面采用div+css进行布局，呈上+左+右的框架布局，上面top层为配置管理系统名称等相关title信息显示。左侧为导航栏设计，右侧采用内联iframe框架。[2] web页面右侧内容随着左侧导航栏中标题切换而随之改变，其功能定义相关的事件...原创 2019-08-30 11:31:27 · 1969 阅读 · 0 评论 -
关于PHP Warning：Invalid argument supplied for foreach()问题分析解决
问题现象~# ls /var/logs/ -li 2128 -rw-r--r-- 1 root root 218031 Mar 4 16:08 access.log 2319 -rw-r--r-- 1 root root 13024 Mar 4 15:56 error.log每隔几秒钟执行 ls /var/logs/ -li 命令，发现err...原创 2019-09-19 10:22:54 · 5602 阅读 · 0 评论 -
以POST的方式stream_socket_client通信向网关设置MAC地址
web前端与网关数据通信方式1、采用UDP通信方式，调用php自带的接口stream_socket_client()自定义函数，php逻辑代码如下：function getUdp($smsg = '', $ip = '', $port = '8888'){ $addr = "udp://".$ip.":".$port; $socket = stream_socket_client($a...原创 2019-09-29 21:36:29 · 866 阅读 · 0 评论 -
PHP:以共享内存shmop系列函数从网关读取数据
共享内存shmop系列函数：shmop_close : Close shared memory block(关闭共享内存块)shmop_delete: Delete shared memory block(删除共享内存块)shmop_open: Create or open shared memory block(创建或打开共享内存块)shmop_read: Read data from...原创 2019-09-30 09:17:19 · 392 阅读 · 0 评论 -
Ajax请求响应实时刷新json格式解析数据
web页面ajax异步通信js代码调用setInterval()函数，设置对应参数，每隔一秒获取数据并实时刷新页面。请求响应采用以json数据格式，根据具体格式获取数据。多的不说，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2019-09-30 10:22:56 · 909 阅读 · 0 评论 -
PHP：字符串二进制、十进制、十六进制转换及ASCII码转换函数
bin2hex() 函数功能：二进制转换成十六进制，与此相反的功能便是十六进制转换成二进制使用范例：<?phpfunction hex2bin（$data）{ $len = strlen($data); for($i = 0; $i < $len; $i +=2) { $newdata .= pack("C", hexdec(substr($data, $i, 2...原创 2019-10-05 09:47:33 · 5196 阅读 · 0 评论 -
Ajax基本流程
1、一个客户端事件触发一个Ajax事件。从简单的onchange事件到某个特定的用户动作，很多这样的事件都可以触发Ajax事件。如：2、创建XMLHTTPRequest对象的一个实例。使用open()方法建立调用，并设置URL以及所希望的HTTP方法（GET/POST）。请求实际上通过一个send()方法调用触发。可能的代码如下所示：var xmlHttp;function validat...原创 2019-07-25 20:29:36 · 419 阅读 · 0 评论