前端

手写原生JS打字小游戏

突然翻到了以前大学时候写过的js小游戏——打字游戏,不得不怀念,那时候的JS是多么的纯洁,没有漫天飞的框架,没有那么多的花里胡哨 。 我将其稍微整理了下,放到我的网站内—— [http://freebytes.net/game/typewrite.html]()

用面向对象的思想开发js小游戏:贪吃蛇

随着前端的发展,js在编码风格领域,也早有了另一番新气象,ES6新增的class关键字,企图为js打造出面向对象的编程风格,另外,各种JavaScript设计模式,也是在将js往面向对象的领域发展。 但是,不得不说,如果将JavaScript作为一种编程语言来使用,是十分牵强的,其自身的弱语言属性,

html的锚链接

html中的a标签可以跳转到不同的页面,这叫超链接;但其实也可以跳转到同页面或不同页面的某个特定节点,这种跳转方式就叫锚链接。实现锚链接的方式非常简单,如下代码: ` <!DOCTYPE html<html lang="en"<head<meta charset="UTF-8"<title>Titl

小程序,想隐藏右上角的分享按钮?

简介 在做小程序的页面设计时,有些UI可能不太了解小程序,设计时把右上角的分享按钮去掉了。 [ ]() 官方文档有错 因此,有些开发员一定会去找办法解决,想把这歌按钮块去掉,但其实,这个按钮是去不掉的。可能有些人看到了官方的文档,以为只要在js的 onLoad 函数中调用一下 [wx.hideSha

wangEditor增加行高和具体字号功能

简介 wangEditor是一个很轻巧的富文本编辑器,这个编辑器在v2版本的时候,带有行高功能,但是在最新的V3版本,却去掉了这个很基本的功能。另外,编辑器的字号功能一直都有很大的限制,只能设置“x-small、small、normal、large”这样的字号,不能设置“12px、14px、16px

Bootstrap响应式导航条的实现原理

Bootstrap官方导航栏 Bootstrap官方导航栏组件的实现效果,是这样的: [ ]()小屏幕及以上( >=768px) [ ]() 超小屏幕 手机(<768px) 可见,屏幕收缩前,导航栏的每个导航项都横向排列在同一行内;屏幕收缩后, 最右端,出现了一个按钮(toggle), 点击t

Bootstrap栅栏系统中的响应式原理探索

栅栏系统与响应式 Bootstrap的栅栏式布局,可以应用在任何一个合适的div上,它将这个div当成是可以划分成12个相同宽度的列的集合。开发者可以在这个div下,书写内嵌div,这些内嵌div可以根据需要占据12个列中的1个或多个列。如下的代码中,是一个简单的示例: ` <div cla