基于flexbox的运动主题响应式网页 使用到fontawesome 5<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="C:\Wnmp\html\shop-cart-2\fontaw
基于Flexbox 的响应式个人博客样式 效果图:源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>响应式Blog -- 基于Flexbox</title> <style>
flexbox card的小例子 效果如下:代码如下<!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> *{
Flexbox 响应式网页例子 使用到font-awesome, google 字体。效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="C:\Wnmp\html\
flexbox小例子--一个商场响应式网站的导航和图片展示部分 以下是基于flexbox的商城产品展示区域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Flexbox Shop</title> <style> *{ marg
PHP小例子(1)--jQuery检查session过期后并实现跳转 PHP7.2+Bootstrap 5测试,未通过,貌似jsquery中的setinterval有问题。用到的数据库文件 -- -- Table structure for table `tbl_users` -- CREATE TABLE IF NOT EXISTS `tbl_users` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL, `password` va
PHP小例子(6)--jQuery实现数据的增删改查综合案例 本例子是一个Ajax(jQuery)增删改查的综合案例Bootstrap 5 + PHP 7.2通过https://www.webslesson.info/2016/02/live-table-add-edit-delete-using-ajax-jquery-in-php-mysql.html 修改而来。适合初学者。用到的数据库叫test,下面的是sql代码-- ----------------------CREATE TABLE IF NOT EXISTS `tbl_sample` (
PHP小例子(8)-- 通过jQuery实现数据插入 功能:Ajax添加数据,jQuery实现页面元素添加Bootstrap 5 + PHP 7.2 测试参考:https://www.webslesson.info/2016/02/dynamically-add-remove-input-fields-in-php-with-jquery-ajax.htmlSQL文件---- 使用test数据库--CREATE TABLE IF NOT EXISTS `tbl_name` ( `id` int(11) NOT NULL AUTO_INCRE
PHP小例子(5)--手动加载评论 前言:手动加载评论在国外网站(比如油管等)的评论区已经不再是通过分页进行,而是通过手工点击一个按钮或者不断下拉屏幕进行加载。其技术本质就是Ajax,并不复杂。代码修改自https://www.webslesson.info/2016/02/how-to-load-more-data-using-ajax-jquery.htmlBootstrap 5 + PHP 7.2...
PHP小例子(4)-- 调用MYSQL数据库的存储过程 Bootstrap 5 + PHP 7.2测试通过 -- -- Table structure for table `tbl_users` -- CREATE TABLE IF NOT EXISTS `tbl_users` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL, `password` varchar(20) NOT NULL, PRIMARY KEY
PHP 小例子(3)--jQuery,Ajax 实现数据库添加 修改自:https://www.webslesson.info/2016/06/php-jquery-ajax-insert-radio-button-value-on-click.htmlBootstrap 5 + PHP7.2测试通过test数据库下的表格 -- -- Table structure for table `tbl_gender` -- CREATE TABLE IF NOT EXISTS `tbl_gender` ( `id` int(11) NOT N
Flex box 小例子(2) 书接前文,在给出了一个例子后,再给一个例子:navbar<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Navbar in Flexbox</title> <style> *{ box-sizing: border-box; magin:0;
PHP小例子(0)--购物车 本项目基于www.webslesson.info上的例子修改而来,Bootstrap 5 加持,经过wnmp(PHP7.2)测试通过,可以做为初学者学习使用。<?php ini_set('display_errors', 1); ini_set('display_startup_errors', 1); error_reporting(E_ALL); session_start(); // connect to DB by mysqli
Flex box 小例子(1) 前言:网页元素布局从最初的table画表格阶段(史前到2000前后),到div+float(2000到2017),再到现在的flex box, grid(2017后)的布局方式,已经过去了20年了。flex尤其是grid布局出现后,基本上取代了float的功能,再不用左右float了。至于兼容性,最新的的浏览器全部支持flex box与grid的布局。今天开始,以几个例子展示一下flex box的布局。如果需要了解flex box的基础语法,请离开本教程。0.一个简单的响应式布局...
基于Zephir 的 Phalcon 框架即将死亡 --- 2020年8月的官方blog 前言:内容来源于Phalcon 官方blogPhalcon 是基于C语言(或者说Zephir组件)的一个PHP框架(也有人称为PHP扩展,因为它太不像其他PHP框架了),以小巧高效著称,历来是最快的PHP框架,没有之一。Phalcon小组开发人员Serghei离开导致Zephir这个半成品面临无人维护升级的尴尬地位,其积累下的诸多bug使得Zephir面临重构的需求。这实际上已经不可能了。另一方面,2020年底PHP 8即将发布,这使得Zephir下开发的Phalcon框架面临严重的语法兼容性问题。
一步一步学PHP MVC 框架--一个简单例子 前言:MVC模式是PHP下的默认开发模式。不懂MVC模式的请出门左转,有很多PHP在MVC的开发的教程。本教程再赘述一下环境:XAMPP(PHP 7.4.10) + Ubuntu 20.04。安装略过。Step 0:创建目录:在/opt/htdocs/tutorials/创建基本目录如下,这里没有什么好说的。Step 1: 初始化程序这里把.htaccess的部分放在后面,把初始化的部分提前。许多写程序的人都会有一个基本思路:先把初始化的部分准备好,然后其余的部分随后跟进,这里也把这部分提前。
Linux/Unix下多进程之间通过共享内存交替读写的例子(一) 前言:Linux/Unix系统编程中的一个重要概念是进程以及进程的通信问题。不懂进程、进程通信、共享内存的朋友请出门左传看看基本概念,这里就不再赘述。逻辑描述:首先生成一个共享内存区域,通过fork生成1个子进程,然后父子进程交替进行读写。这里,由于没有进行同步化的处理(加锁的问题),仅仅作为展示。本来,想通过almart的信号来处理的,会修改后在下一个例子中进行展示。代码 oss.c#include <stdio.h>#include <stdlib.h>#include
Flexbox响应式教程 Flexbox属于一个html的一个布局,其设计初衷为的是便于适应新时期多种屏幕碎片化的趋势,具有良好的拉伸适应性。其浏览器兼容性也比较好。本讲把重点放在响应式的例子,而非flexbox的基本概念上,通过几个例子进行演示。0.flexbox小结这个小结旨在把容易弄错的内容总结一下:父容器的属性:display, flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content子元素的属性:order,
MySQL 5.7+ 实用技巧、最佳实践、索引等 前言:本讲将讲解MySQL的实用技巧.本讲内容不适合对sql语法毫无基础的初学者。参考内容https://github.com/michaljuhas/sample-databasehttps://github.com/michaljuhas/SQL-training-advanced使用平台:wampserver x64+mysql 5.7.x0.导入数据1.代码书写风格注释缩进, tab空行关键词打头阵1 = 1 (这里相当于一个关节点,便于debug使用的)别名的可读性至