Sep242016
jquery模拟title提示效果
当文字字符长度被限制后,总有些长标题会被截断,用title提示虽简单但会造成页面html代码的冗余,这里用jquery做了一个模拟title的提示效果,具体代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实现的简单文字提示效果</title>
<script src="http://www.phpernote.com/js/jquery...阅读全文
抢沙发
Sep232016
解决JavaScript中的TypeError: Cannot read property报错
在JavaScript编程中,经常会遇到TypeError: Cannot read property XXX of undefined这样的报错信息。这个错误通常发生在访问对象的属性时,对象为undefined或null。这篇博客将为您介绍一些常见的解决方法。
方法一:检查对象是否为undefined或null
最常见的问题是访问一个未被定义或赋值的对象。在使用对象的属性之前,应该先检查该对象是否已被定义或者是否为null。
if (obj && ...阅读全文
Sep202016
使用js qrcode生成二维码
1.jquery.qrcode
qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。
2.QRCode.js
QRCode.js 是一个用于生成二维码图片的插件。
http://code.ciaoca.com/javascript/qrcode/
阅读全文
Sep182016
学习使用D3.js创建可视化图表
D3.js是一个基于Web标准的JavaScript库,可以帮助我们使用数据来创建动态、交互式和可视化的图表。它提供了丰富的功能和灵活的API,使得我们可以根据自己的需求来定制和设计各种类型的图表。在本博客中,我们将学习如何使用D3.js来创建可视化图表。
安装和引入D3.js库
首先,我们需要下载D3.js库并引入到我们的HTML页面中。你可以通过D3.js官方网站来下载最新版本的库。下载完成后,将d3....阅读全文
Sep112016
学习使用React和Redux构建可复用的UI组件库
在现代Web开发中,构建可复用的UI组件库已经成为了一种标配。React和Redux是当下最流行的前端开发技术之一,通过它们可以快速构建出高性能、可维护、可复用的UI组件库。本文将介绍如何学习使用React和Redux构建可复用的UI组件库。
React
React是一个用于构建用户界面的JavaScript库,它采用组件化的思想将UI拆分为独立的可复用部分。通过React,我们可以将复杂的UI拆解为多个组件,每个组...阅读全文
Sep052016
Javascript中的异步编程
javascript执行线程是一个单线程。js异步编程的概念模型图(注意,仅仅是概念模型图,根据不同的浏览器有更高效的实现)如下:
setTimeout代码示例分析:
假设有以下的代码:
function working(seconds) { seconds = seconds || 1; var start = new Date(); var end = new Date(); while(end-start < seconds * 1000) { end = new Date(); }} console....阅读全文
Sep042016
AngularJS 与 Angular 的区别与联系
在前端开发领域,AngularJS和Angular都是广泛使用的JavaScript框架,它们都由Google开发,但是它们在很多方面有许多区别和联系。本文将通过对比AngularJS和Angular的特点、语法、架构以及生态系统等方面,来探讨它们之间的差异和联系。
特点对比
AngularJS
AngularJS是一个MVC框架,它使用双向数据绑定来实现模型和视图之间的自动同步。
它使用HTML作为模板语言,通过使用指令扩展HTML的...阅读全文
作者:绝缘体.. | 分类:angular, html, javascript, typescript, 前端技术, 编程语言 | 阅读: | 标签:angular, html, javascript, typescript, 使用
Aug272016
JavaScript框架解析:Vue、React和Angular的比较
JavaScript框架在近年来发展迅猛,为前端开发者提供了更高效、更方便的工具和方法。本文将对三个最流行的JavaScript框架进行比较:Vue、React和Angular。
Vue.js
Vue.js是一个轻量级的JavaScript框架,以其简单易用和灵活性而受到许多开发者的喜爱。Vue.js具有以下特点:
渐进式框架:Vue.js可以逐步应用到项目中,在现有项目中使用或者从头开始构建都很容易。
容易上手:Vue.js采用...阅读全文
作者:绝缘体.. | 分类:angular, html, javascript, react, typescript, 前端技术, 编程语言 | 阅读: | 标签:angular, html, javascript, react, typescript
Aug272016
前端框架对比:React vs. Angular vs. Vue
前端框架在现代Web开发中扮演了至关重要的角色。React、Angular和Vue是当下最受欢迎的前端框架之一,它们都有着强大的生态系统,能够帮助开发人员构建高效、交互丰富的Web应用程序。本篇博客将对这三个前端框架进行全面对比。
React
React由Facebook开发,已经成为最受欢迎的前端框架之一。它通过组件化思维的方式构建用户界面,使得开发人员能够高效地重用和组织代码。React的虚拟DOM机...阅读全文
作者:绝缘体.. | 分类:angular, javascript, react, typescript, vue, 前端技术, 编程语言 | 阅读: | 标签:angular, javascript, react, typescript, vue
Aug232016
解决JavaScript中的ReferenceError: undefined 变量错误
在JavaScript编程中,我们很容易碰到ReferenceError: undefined 变量错误,这种错误通常是由于使用了未声明的变量或者变量未定义就使用的情况引起的。这种错误会导致程序无法正常执行,影响开发和调试工作。
错误原因
ReferenceError: undefined 变量错误通常出现在以下情况:
使用未声明的变量:当我们在代码中引用一个未声明的变量时,JavaScript会抛出ReferenceError错误。
变量未...阅读全文