首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • canvas像素画板的实现代码

    canvas像素画板的实现代码

    最近项目上要实现一个类似像素风格的画板,可以像素小格子可以擦除,框选变色,可以擦出各种图形,这样一个小项目看似简单,包含的东西还真不少。绘制像素格子我们先定义像素格子类Pixel = function (option) { this.
    2025-01-18
  • 解析Javascript中难以理解的11个问题

    解析Javascript中难以理解的11个问题

    1.原始值与引用值 原始值存放在栈里, 引用值存放在堆里. 如程序:复制代码代码如下:function Person(id,name,age){this.id = id;this.name = name;this.age = age;}va
    2025-01-18
  • 深入理解Javascript作用域与变量提升

    深入理解Javascript作用域与变量提升

    下面的程序是什么结果?复制代码代码如下:var foo = 1;function bar() {if (!foo) {var foo = 10;}alert(foo);}bar();结果是10; 那么下面这个呢?复制代码代码如下:var a
    2025-01-18
  • js简单实现删除记录时的提示效果

    js简单实现删除记录时的提示效果

    样式 复制代码代码如下: <style type="text/css"> body{font-size:13px} .divShow{line-height:32px;height:32px;background-color:#eee;wi
    2025-01-18
  • webapp字号大小跟随系统字号大小缩放的示例代码

    webapp字号大小跟随系统字号大小缩放的示例代码

    最近做了一个webapp项目,混合式开发,外部原生,内部webview嵌套H5页面。前端方面采用了vue开发,适配采用的是flexible+rem做的适配。本来一切都很好,可是吧,领导说客户有的年纪大 ,看不清字体,希望网页字体可以跟随系统
    2025-01-18
  • 详解webapp页面滚动卡顿的解决办法

    详解webapp页面滚动卡顿的解决办法

    手机浏览器在滚动当前页面(还可能是缩放页面)时,由于默认行为被阻止,导致页面被迫静止,导致用户使用体验差,感觉滚动页面有停顿感。具体一点的解释:由于 touchstart 事件对象的 cancelable 属性为 true,也就是说它的默认
    2025-01-18
  • HTML页面局部刷新的实现代码

    HTML页面局部刷新的实现代码

    事件响应刷新:有请求才会刷新1、通过JS HTML DOM或jQuery获取HTML元素,通过DOM方法或jQuery方法监听页面事件,获取用户请求;2、通过Ajax将用户请求提交至服务器,服务器处理后返回结果,再由Ajax接收数据;3、通
    2025-01-18
  • HTML5之多线程(Web Worker)

    HTML5之多线程(Web Worker)

    提到 HTML5 总是让人津津乐道,太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段,忽视了 HTML5 的强劲之处。这节我们来探讨一下多线程 Web-Worker。一、明确 JavaScript 是单线程Java
    2025-01-18
  • h5使用canvas画布实现手势解锁

    h5使用canvas画布实现手势解锁

    前言最近做的一个app项目使用的 apicloud 来实现跨平台开发,现在需要为这个 app 添加手势(九宫格)解锁的功能,apicloud 已经有一些第三方的原生实现的手势解锁插件,因为是原生的性能也比较好,调用也比较方便,但是都不能对它
    2025-01-18
  • JS获取URL中的参数数据

    JS获取URL中的参数数据

    复制代码代码如下:function getParam(paramName) {paramValue = "";isFound = false;if (this.location.search.indexOf("?") == 0 && thi
    2025-01-18
  • 浅谈JavaScript函数参数的可修改性问题

    浅谈JavaScript函数参数的可修改性问题

    一道笔试题思考而来的,通常情况下没人会在函数内部修改参数值。这里仅拿出来讨论,有三种方式可以修改。1,直接修改函数声明时的形参复制代码代码如下:function f1(a) { alert(a); a = 1;//修改形参a alert(1
    2025-01-18
  • 浅析JavaScript中两种类型的全局对象/函数

    浅析JavaScript中两种类型的全局对象/函数

    这里所说的JavaScript指浏览器环境中的包括宿主环境在内的。第一种是ECMAScript Global Object,第二种是宿主环境(Host)下的全局对象/函数。一、核心JavaScript内置对象,即ECMAScript实现提供
    2025-01-18
  • 完美解决IE低版本不支持call与apply的问题

    完美解决IE低版本不支持call与apply的问题

    Function.prototype的apply和call是在1999年发布的ECMA262 Edition3中才加入的(1998年发布ECMA262 Edition2)。在此前的的浏览器如IE5.01(JScript 5.0)中是没有ap
    2025-01-18
  • JavaScript子类用Object.getPrototypeOf去调用父类方法解析

    JavaScript子类用Object.getPrototypeOf去调用父类方法解析

    每个function有个prototype属性,称为原型。每个对象也有个原型,Firefox/Safari/Chrome/Opera 中可以通过__proto__来访问,IE6/7/8中没有提供相关接口。复制代码代码如下:function
    2025-01-18
  • 详解通过变换矩阵实现canvas的缩放功能

    详解通过变换矩阵实现canvas的缩放功能

    这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。第一步就是监听鼠标的滚轮事件,在滚轮事件中根据鼠标的滚动以及基于前一次的变换,重新设置context的缩放和平移,核心代码如下:let delta = this.d
    2025-01-18