html

最初,唯有时光记得

回顾Retrospect to the past and look into the future最近在积极地学习webview,原本打算整理一下写成一篇文章。无奈时间有限,暂时没有把握把webview要学习的知识写清楚,个人也还在摸索中。此外从周末开始迁移自己的文章到gitbook上,加上处于实习的尾声,突然发现这周可能无法完成,突然有些慌,把自己写的gitbook的序拿

小白上学のcanvas零基础

元素看起来和 元素很相像,唯一的不同就是它并没有 src 和 alt 属性。实际上, 标签只有两个属性—— width和height。当没有设置宽度和高度的时候,canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小,但在绘制时图像会伸缩以适应它的框架尺寸:如果CSS的尺寸与初始画布的比例不一致,它会出现扭曲。元素有一个做 getConte

模板引擎Jade

前言:node.js的模板引擎有多种,如:ejs,Handlebars,jade。一开始首先学习了ejs,但是发现其有一个很大的弊端,那就是它不能继承(由于之前用的全部是thinkphp的模板,所以用起来非常别扭,只能进行include,而不能extend),于是转为jade,将html做了一层抽象的模板引擎。安装jade利用npm全局安装:$ npm install ja

一个前端写的php博客系统2--前台展示+后台登录

部署的演示地址我的博客地址: http://www.weber.pub 可以查看到具体的站点展示github 地址:https://github.com/baiyuming/byblog前台首页展示首页的侧边预留的位置是给后面的统计,热门之类的版块预留位置。。。控制器文章列表展示要考虑到文章数量增多后分页展示,那么我们要统计文章数量,使用 count() 计算文章总数,然后

织梦本地调试好的网站怎么上传到服务器

1/ 织梦在本地调试好后,进入本地网站的后台:点击 “系统-----数据库备份/还原”, 织梦本地调试好的网站怎么 上传到服务器。 2/ 把本地程序根目录的install这个文件夹删除。 重新拷贝一个没有安装过织梦程序里面的install文件夹放到本地程序根目录下。 3/ 把本地织梦程序上传到服务器解压后,运行http://你的域名/install/ 这时就可以开始安装

解决 css 浮动后 父元素高度失效问题

应用场景 子元素标签使用 浮动后,会出现浮在父元素上层,脱离了。导致父元素没办法根据子元素的高度而变化,提供以下解决方案。 解决代码 把 ‘.clearfix ’ Class 样式添加到 父元素即可。 .clearfix:after, .clearfix:before{content:" ";display:table;} .clearfix:after{clear:bo

一个前端写的php博客系统--支持markdown哦

部署的地址我的博客地址起因最近买了个新的域名,同时在阿里云申请了免费的虚拟主机。。。借此机会就想搞个自己的博客站点,虽然之前也使用了hexo + github 、 WordPress 做过,但是我的阿里云虚拟主机实在是不知道怎么去搞hexo (也许根本就搞不起来,除非自己花钱买主机,哈哈)。。。WordPress总是感觉好笨重,运行起来一股的人到中年,气喘吁吁啊。。。百度之

设计模式---状态模式在web前端中的应用

在vue.js之类的mvvm的框架大行其道的当下,开发中最常见的场景就是通过改变数据来展示页面或模块的不同状态,当我们把mvvm玩的不亦乐乎的时候,有时也会停下了想想:在某些项目中不能用vuejs之类的框架时,我们怎么通过改变数据来修改页面或者模块的状态呢。嗯。说到状态,就想到了状态模式状态模式:在很多情况下,一个对象的行为取决于一个或多个动态变化的状态属性,这样的对象叫做

一个纯CSS3实现的酷炫翻书效果

项目地址:https://github.com/BUPT-HJM/c...demo地址:https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性,perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离,使具有三维位置变换的元素产生透视效果。z>0的三维元素

CSS3 聊天气泡框以及 inherit、currentColor 关键字

效果如上图所示,主要用到CSS3的伪类::after、::before,以及圆角边框border-radius属性。对于下面的气泡框,可以有两种方式实现小三角:传统方式,利用CSS画小三角,利用到了透明背景和边框属性transparent的应用。CSS3的transform属性的使用然后通过position定位到合适的位置。此外,本文还会讲一下CSS的inherit属性值的