PHP前后端交互
文章平均质量分 60
PHP前后端交互,学习前端技术结合PHP应用。
知其黑、受其白
每个优秀的人,都有一段沉默的时光,那段时光,是付出了很多努力,却得不到结果的日子,我们把它叫做扎根。
你可以从别人那里汲取某些思想,但必须用你自己的方式加以思考!
展开
-
jQuery表格添加数据并Ajax提交数据
jQuery表格添加数据并Ajax提交数据...原创 2022-06-30 18:04:37 · 506 阅读 · 0 评论 -
jQuery 用 post() 传递数组给 php
jQuery 用 post 传递数组给php...原创 2022-06-30 12:08:53 · 686 阅读 · 0 评论 -
python、JavaScript、PHP 面向对象
阅读目录pythonJavaScriptPHPpython、js、php 面向对象的逻辑都是一样的,具体实现因为语言的不同而略有区别,比如python 中继承用的是圆括号,比如 class Bird(Animal):python"""需求:创建Animal类(name属性,say方法)创建Animal类的子类Bird类(age属性,say方法)"""class Animal: def __init__(self,name): self.name = name原创 2022-04-11 12:38:53 · 495 阅读 · 0 评论 -
Vue+axios+php使用v-for遍历显示数据
阅读目录default.htmlindex.phpPromise对象中[[PromiseResult]]的取值default.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-11-29 19:49:28 · 520 阅读 · 0 评论 -
ajax 基本格式
function modaldemo() { $.ajax({ url: 'modaldemo', type: 'post', headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { a: 1 }, dataType: .原创 2021-11-04 18:07:36 · 132 阅读 · 0 评论 -
浏览器的同源策略
阅读目录浏览器的同源策略同源的定义浏览器的同源策略同源策略是一个重要的安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。 它能帮助阻隔恶意文档,减少可能被攻击的媒介。同源的定义 URL 结果 原因 http://store.company.com/dir2/other.html 同源 只有路径不同 http://store.company.com/dir/inner/another.原创 2021-11-03 16:52:31 · 69 阅读 · 0 评论 -
Promise 用法
promise是什么?1、主要用于异步计算2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,帮助我们处理队列为什么会有promise?为了避免界面冻结(任务)同步:假设你去了一家饭店,找个位置,叫来服务员,这个时候服务员对你说,对不起我是“同步”服务员,我要服务完这张桌子才能招呼你。那桌客人明明已经吃上了,你只是想要个菜单,这么小的动作,服务员却要你等到别人的一个大动作完成之后,才能再来招呼你,这个便是同步的问题:也就是“顺序交付的工作1原创 2021-11-03 16:37:16 · 341 阅读 · 0 评论 -
JavaScript实现九九乘法表四种方法
阅读目录第一种第二种第三种第四种第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九九乘法表</title></head><style> div{ width: 80px; display: inline-block; font-size: 18px; background-color:原创 2021-09-27 15:18:54 · 2597 阅读 · 0 评论 -
JavaScript循环遍历
JavaScript循环遍历for() 遍历数组元素forEach() 遍历数组元素map() 遍历数组元素for…in 可循环对象和数组,推荐用于循环对象1.循环值为对象属性2.值为数组索引for…of 可循环对象和数组,推荐用于遍历数组1.遍历值为数组元素2.循环值为对象属性总结const arr = ['a', 'b', 'c', 'd', 'e', 'f'];const obj = { a: 1, b: 2, c: 3, d: 4}for() 遍历数组原创 2021-09-27 15:07:46 · 128 阅读 · 0 评论 -
Canvas 动画时钟
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>Canvas时钟</title> <style>#clock {margin-left:350px;}</style> <script>window.onload = function(){var clock = d原创 2021-09-27 14:53:25 · 155 阅读 · 0 评论 -
JS实现字体逐个打印
<body> <textarea name="" id="text" cols="30" rows="10"></textarea> </body> <script> var i =0; var str = '就让他带走你的那瞬间 成为我们的纪念 谁能发现我的世界 曾经有过你的脸!' //页面加载完成后执行 window.onload = function demo() {原创 2021-09-27 14:44:29 · 409 阅读 · 0 评论 -
Canvas 雨滴特效
阅读目录<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>汇制雨滴</title> <style type="text/css"> *{ margin: 0; padding: 0; }原创 2021-09-27 14:39:44 · 251 阅读 · 0 评论 -
Express简单使用
阅读目录Express路由配置Express使用get请求Express使用post请求取值Express使用put请求取值Express使用delete请求取值多级路由配置动态路由Express框架EJS 模板引擎Express路由配置Express使用get请求// 引入 express 框架const express = require('express');// 实例化 express 赋值给 app 创建网站服务器const app = new express();// 配置路由,匹原创 2021-09-04 17:28:50 · 454 阅读 · 0 评论 -
Node 常用
阅读目录NPM版本控制NPM 使用介绍全局安装与本地安装本地安装全局安装npm 的 --save 选项node工具之nodemonexpress 查看版本常用工具列表node的版本管理工具 `nvm`查看当前所有的node版本显示所有可下载的版本安装指定的版本使用特定版本`nrm` 资源管理工具,可以切换国内服务器下载常用命令Node.js REPL(交互式解释器)Axios 是一个基于 promise 的 HTTP 库axios 响应结果async/await 用法package.json 中 ~ 和 ^原创 2021-09-03 11:25:41 · 4628 阅读 · 0 评论 -
nodemon : 无法加载文件 C:\Program Files\nodejs\nodemon.ps1,因为在此系统上禁止运行脚本。
PS E:\node\Project> nodemon .\app.jsnodemon : 无法加载文件 C:\Program Files\nodejs\nodemon.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ nodemon .\app.js+ ~~~~~~~ + CategoryInf.原创 2021-09-02 00:03:56 · 808 阅读 · 0 评论 -
画心css+js
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>JS心型线</title><style> div{ position:absolute; } .xx-box{ left:50%; top:50%; margin-left:-250px; margin-top:-250px; width:500px; he原创 2021-08-30 14:08:43 · 138 阅读 · 0 评论 -
CSS制作动态闪光文字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> text { .原创 2021-06-30 18:39:18 · 644 阅读 · 0 评论 -
HTML+jQuery表单操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户登录</title> <link rel="stylesheet" href="/admin/lib/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="/admin/c原创 2021-06-12 16:22:01 · 221 阅读 · 0 评论 -
nvm安装教程
nvm安装教程介绍一、下载nvm(GitHub)安装完确认二、使用nvm安装node使用特定版本node介绍nvm全名 node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。一、下载nvm(GitHub)下载地址:GitHub博主用的是绿色版一路下一步安装完成安装完确认2022-04-20 目前稳定版本 1.1.7二、使用nvm安装node$ nvm -h //查看nvm的指令$ nvm list原创 2021-05-29 12:08:45 · 3192 阅读 · 0 评论 -
前端布局面典型案例
这里写目录标题搭建web静态页面基础知识前端布局典型案例一、题目要求及页面效果示意图二、考点分析三、解答代码1)定位写法2)伸缩布局写法四、页面展示搭建web静态页面基础知识前端布局典型案例一、题目要求及页面效果示意图1)如下图布局,分为上下两栏,下面一栏又分左右两栏。上栏宽度为100%、高度为200px,下栏左侧栏宽度为100px,下栏右侧栏根据页面宽度自适应。请写出具体的HTML和css代码。2)当浏览器宽度减少到700px后,顶部栏高度变为50px,下栏左侧栏消失,下栏右侧栏宽度为100%原创 2021-05-28 19:12:39 · 928 阅读 · 4 评论 -
前端工程化之webpack打包知识总结
前端工程化之webpack打包知识总结一、认识 webpack二、安装和配置1.初始化项目2.跟目录下新建 src 目录,作为代码文件目录3.在 src 目录下新建 index.html 和 index.js 文件4.在 index.html 中编写 html 代码5.安装 jQuery6.编写 index.js 文件并在 index.html 中直接引入7.安装 webpack8.配置 webpack9.配置启动命令10.打包11.运行三、打包入口和打包出口1.入口文件2.出口文件3.在 webpack.原创 2021-05-28 19:00:07 · 357 阅读 · 3 评论 -
ajax轮询
setInterval 按照固定的周期(单位是毫秒)去执行一个函数或者计算表达式。在 Ajax 请求里有一个参数非常重要,async 为 True 时代表了是异步请求,这样不会锁死浏览器,但是为 False 时代表了同步请求会锁住浏览器。<script> setInterval("test()",500); function test() { $.ajax({ url: '/new_window_url/',原创 2021-04-14 11:03:23 · 601 阅读 · 0 评论 -
Express框架
Express框架1 概述Express是目前最流行的基于Node.js的Web开发框架,可以快速地搭建一个完整功能的网站。Express上手非常简单,首先新建一个项目目录,假定叫做hello-world。$ mkdir hello-world进入该目录,新建一个package.json文件,内容如下。{ "name": "hello-world", "description": "hello world test app", "version": "0.0.1", "priva原创 2021-03-31 19:53:02 · 393 阅读 · 0 评论 -
Node回调函数fs读取text文件
/*http://caibaojian.com/nodejs/3-1.html 学习手册安装nvm管理node版本工具通过nvm安装node稳定版本安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm 安装 nodemon 实时侦测文件变化工具cnpm install nodemon -gnodemon .\server.js 这样侦测不过只有js文件修改的时候才变化修改TXT不变哈*/原创 2021-03-08 17:47:18 · 322 阅读 · 0 评论 -
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。有关详细信息
选择的时候选Y在新公司新建项目时候遇到一个问题如上图,安装cnpm或者node都会报这个错误找了半天发现解决方法如下(操作如上图)1、打开终端2、在终端执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)3、在终端执行:set-ExecutionPolicy RemoteSigned4、在终端执行:get-ExecutionPolicy,显示RemoteSigned...原创 2021-03-08 17:35:22 · 2329 阅读 · 1 评论 -
Node.js 创建第一个应用
/*Node.js 创建第一个应用如果我们使用 PHP 来编写后端的代码时,需要 Apache 或者 Nginx 的 HTTP 服务器,并配上 mod_php5 模块和 php-cgi。从这个角度看,整个"接收 HTTP 请求并提供 Web 页面"的需求就不需要 PHP 来处理。不过对 Node.js 来说,概念完全不一样了。使用 Node.js 时,我们不仅仅 在实现一个应用,同时还实现了整个 HTTP 服务器。事实上,我们的 Web 应用以及对应的 Web 服务器基本上是一样的。在我们原创 2021-03-08 15:46:37 · 185 阅读 · 0 评论 -
Node.js基础入门
安装包nvm管理node版本工具具体要怎么安装百度查看远端所有node版本# nvm ls-remote安装node某个版本# nvm install 8.0.0安装最新版本node# nvm install --lts查看已安装的node几个版本NPM是node的包管理工具Node安装好了npm就安装好了# npm -v安装nodemon实时侦测文件变化工具使用不同版本的node.js模块/包与CommonJS这个其实就是node_models文件里装的那.原创 2021-03-07 21:29:32 · 220 阅读 · 0 评论 -
axios——post提交
<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script type="text/javascript"> axios.post('http://mawu.cc/api/careerinformation', { api_token:'zCdvC3DcUhaRPjySQrI6xWyWb13W7551DkWegTgXKGTG1P6R8J59wIlXZnBy',原创 2021-02-24 18:44:40 · 385 阅读 · 0 评论 -
Jquery中的bind()方法绑定事件总结
Jquery中的bind()方法绑定事件总结bind() 功能是为了每一个选择元素的时间绑定一个或多个处理函数;语法格式:bind(type,[data],fn);参数说明type:type 表示添加一个或多个的事件, 如:click,dbclick,change,load,resize,scroll,unload,blur,focus,mousemove,mouseout,mouseup,mousedown,mousemove,mouseenter,mouselea原创 2021-03-02 15:33:26 · 2759 阅读 · 0 评论 -
Node.js应用场景
《Node.js in action》一书里说,Node.js 所针对的应用程序有一个专门的简称:DIRT。它表示数据密集型实时(data-intensive real-time)程序。因为 Node.js 自身在 I/O 上非常轻量,它善于将数据从一个管道混排或代理到另一个管道上,这能在处理大量请求时持有很多开放的连接,并且只占用一小部分内存。它的设计目标是保证响应能力,跟浏览器一样。这话不假,但在今天来看,DIRT 还是范围小了。其实 DIRT 本质上说的 I/O 处理的都算,但随着大前端的发展,No原创 2021-02-03 11:58:32 · 1215 阅读 · 0 评论 -
Vue--Element-UI的基本使用
1、基于命令行方式手动安装2、图形化界面自动安装ElementUI1 添加插件2 查找并安装插件3 插件配置第一项(选择按需导入)第二项查看源代码测试并启动项目原创 2021-02-03 10:46:37 · 114 阅读 · 0 评论 -
Vue脚手架基本使用方法
1 安装3X版本的Vue脚手架npm install -g @vue/clicnpm install -g @vue/cliC:\Users\Administrator>vue -V@vue/cli 4.2.22 创建项目图形界面启动[root@bogon ~]# vue ui???? Starting GUI…???? Ready on http://localhost:80003 选择路径创建新项目下一步4 手动配置项目5 选择开启功能Babel 是一个工具链原创 2021-02-03 10:32:50 · 542 阅读 · 1 评论 -
在CentOS使用宝塔使用pm2部署node的express项目
宝塔按钮pm2后,node就装好了。对于前端开发人员来说,配置后端服务器的工作都是脑瓜疼的,好在宝塔这种可视化工具还是挺好用在部署上线前,假设你的项目已经写好的了。1. 在宝塔上添加新的站点2. 打包你的项目到站点目录下(我的放在根目录下)3. 安装pm24.点击设置打开pm2配置环境4.1选择node的版本跟安装依赖5.配置nginx(因为我的宝塔安装的是Nginx)在nginx站点配置文件下添加(后面的端口号是node设置的那个) location / { proxy_p原创 2021-02-02 19:06:56 · 1904 阅读 · 0 评论