nuli888的博客_web前端

Reactjs 入门实例教程

ci

JSX

HTML

转载 11月前 54 阅读

Javascript 面向对象编程（一）：封装

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语

js面向对象

构造函数

原型对象

运算符

转载 11月前 51 阅读

Javascript面向对象编程（三）：非构造函数的继承

这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分，介绍不使用构造函数实

js继承

构造函数

数组

浅拷贝

转载 11月前 39 阅读

html5笔记：跨域通讯、多线程、本地存储和多图片上传技术

最近做项目在前端我使用了很多新技术，这些技术有bootstrap、angularjs，不过最让我兴奋的还是使用了HTML5的技术，今天我想总结一些HTML5的技术，好记性不如烂笔头，写写文章可以很好的整理思路，写到博客里还能做个备忘。　　1) 跨域通讯　　现在做企业项目，前端很不自然的会大量使用iframe标签，我以前在文章里提到ifr

html

javascript

HTML5

转载 11月前 65 阅读

jQuery事件冒泡机制与解决

（1）什么是事件起泡首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空

事件对象

事件冒泡

click事件

转载 11月前 762 阅读

js实现让div可拖动

随着时代的变化，越来越感觉到js的重要性，js不仅可以做web页面(如Ext框架)，还可以做一些web的特效，这些特效思路： 1.捕捉鼠标div

js拖动

sed

App

鼠标事件

转载 11月前 304 阅读

使用js模板引擎心得

最近几年随着web开发前后端分工越来越细，同时mvc、mvp模式大行其道，js模板引擎也越来越流行了，js模板引擎很多，我经常用的是artTe

模板引擎

html

转义

原创 11月前 87 阅读

使用bootstrap总结

bootstrap是个很不错的前端css框架，把很多按钮、表单、表格、图片css通用样式都写好了，而且浏览器兼容不需我们考虑尤其是它的栅格系统很强大，在做响应式布局时候很有用，但是默认支持12列，一般也足够了，如果要自定义列，就要它的less我没用过，网站性能优化里面有提尽量少用css表达式

css

bootstrap

html

原创 2023-08-25 11:10:38 66 阅读

js判断一个元素是否在数组内

var arr=new Array("a","ab");//使用jquery方法if($.inArray("a",arr)>-1){alert("在")}//自己写function contains(arr, val) { var i = arr.length; while (i--) { if (arr[i

jquery

原创 2023-08-25 11:09:02 85 阅读

ajax完美解决跨域问题（jsonp、nginx反向代理）

做过web前端人都知道，经常会有ajax跨域问题，下面列举我经常使用的解决办法第一种：使用jsonp，jquery的ajax方法支持jsonp，但是最大的缺点就是只支持get方式，而且服务端也要修改客户端 test.html代码工作端 $(document).ready(function() { var cache = {};

ajax

跨域

nginx反向代理

json

html

原创 2023-08-25 11:08:53 119 阅读

ajax传送json格式数据，调用restful接口

ajax传送json格式数据，关键是指定contentType，data要是json格式var post_data={"name":"test001","pass":"xxxx"};$.ajax({ url: "http://192.168.10.111:8080/uc/login", type: 'post', contentType: "application/json;

json

ajax

json格式

JSON

原创 2023-08-25 11:08:10 90 阅读

bootstrap栅格系统自定义列

bootstrap栅格系统默认是12列，有时候需自定义列数，比如显示5列简单做法：原理就是找到控制列的样式覆盖它，这里以中等屏幕示例：/*一行5列*/.col-md-5ths{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}.col-md-5ths{float: left;}

bootstrap

栅格系统

2d

原创 2023-08-25 11:08:07 103 阅读

说说js闭包

js闭包涉及到作用域，js的作用域有两种，全局变量和局部变量，全家变量就是在函数外声明的，局部变量是在函数内声明的，函数内部可以直接读取全局变量，但是函数外部自然无法读取函数内的局部变量（函数内部声明变量的时候，要用var不然就是个全局变量）有时候需要得到函数内的局部变量滥用闭包会可能导致内存泄漏（由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，）所以在退出函数之前，将不使用的局部

js闭包

局部变量

全局变量

作用域

原创 2023-08-25 11:06:56 47 阅读

jquery click事件多次执行解决办法

由于jquery的click事件进行了累加绑定，每当调用一次时，便增加一次绑定解决方法：$('#sub').unbind('click').click(function () { ...});或者$('#sub').off().click(function () { ...});

解决方法

click事件

jquery

原创 2023-08-25 11:06:51 102 阅读

Javascript面向对象编程（二）：构造函数的继承

这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是

js面向对象

js继承

构造函数

封装

函数绑定

转载 2023-08-25 11:04:54 32 阅读

火狐浏览器使用HttpRequester模拟发送http请求

个人感觉网上的在线模拟http请求工具相比火狐的HttpRequester没那么实用方便首先安装HttpRequester打开菜单——附加组件——搜索框输入 HttpRequester 就会搜出来，然后点击安装成功后在工具这里就会显示有HttpRequester，点击即可开始测试

搜索

打开菜单

原创 2023-08-25 11:03:16 337 阅读

简单实用的ajax缓存类

工作中经常使用的，其实也可以把get和save改成其他方式如cookie、sessionStorage等//缓存类function cacheHandler() { this.data = {}; this.lifeTime = 3600*24; //默认缓存一天 this.setLifeTime = function(lifeTime) { this.lifeTime = lif

ajax缓存

缓存

ajax

实例化

原创 2023-08-25 11:01:21 7 阅读

squid varnish nginx做cache有什么不同

varnish和squid是专业的cache服务，而apache，nginx这些都是第三方模块完成squid功能最全面的，但是架构太老，性能不咋的varnish采用了"Visual Page Cache"技术，是内存缓存，速度一流，但是内存缓存也限制了其容量，缓存页面和图片一般是挺好的nginx是用第三方模块ncache做的缓冲，其性能基本达到varnish

varnish

nginx

第三方模块

内存缓存

原创 2023-08-25 10:58:05 66 阅读

vue.js v-model数据双向绑定实例

vue.js的一大功能便是实现数据的双向绑定，本文就表单处理时运用v-model指令实现双向绑定做一个介绍：v-model这个指令只能用在, ,这些表单元素上，所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，另一方也会相应的更新为相同的数据。这是通过设置属性访问器实现的。例如：app.html

html

css

双向绑定

原创 2023-08-25 10:04:10 54 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客