- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 清除浮动的方式
什么是浮动为什么要清除浮动方式一添加空标签，并设置clear:both的样式（不推荐使用，可能会增加很多空标签，代码冗余） <style> #container{border: 2px solid red;margin: 30px auto;width: 90%;} .float1,.float2,.float3{height: 100px;background: gree...
2018-09-19 22:49:02
1072
原创 jQuery的attr方法和prop方法使用区别
jQuery的attr方法和prop方法使用区别在一次面试中，被问到这样一个问题: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head&g
2018-09-16 11:41:51
2684
1
原创 React-Router3和React-Router4的使用区别
React-Router是基于React之上的一个强大的路由库，使用它你可以快速的添加视图和数据流到你的应用中，并保持页面和URL的同步。React-Router3的配置使用：package,json{ "name": "React-webpack-server", "version": "1.0.0", "description": "", "m
2018-05-21 21:57:59
2675
原创 express+webpack中间件实现浏览器的实时刷新
express+webpack中间件实现浏览器的无刷新更新1、Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架。2、webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。我们使用 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要...
2018-05-16 22:47:52
2965
原创 Next.js+Ant-Design实现一个服务端渲染项目
Ant-DesignAnt-Design是采用React封装了一套 Ant Design 的组件库。更高级的用法可以参考Ant Design。项目基础构建项目基础可以参考我的另一篇博客使用React服务端渲染Next.js框架构建一个简单项目在本地新建一个简单的next.js项目。安装本地ant-design依赖D:\>npm install andt --saveD:\>npm run dev
2018-01-24 23:05:48
9729
5
原创 使用React服务端渲染Next.js框架构建一个简单项目
服务器端渲染服务端渲染是指页面的渲染和生成是在服务端完成的，并将渲染好的页面返回客户端。Next.js是什么Next.js是一个使用React构建服务呈现Web的应用程序。它使用React语法，可以很好的实现代码的模块化，有利于代码的开发和维护。Next.js的特性1、默认服务端渲染模式 2、代码自动分隔使页面加载更快 3、以页面为基础的简洁的客户端路由 4、支持
2018-01-24 00:18:56
5018
原创 深入理解javascript中函数的prototype属性(原型)
函数的prototype属性一、 只要我们创建一个函数，该函数就会自动获得一个prototype属性，这个属性指向函数的原型对象。 创建fn函数自动获得prototype属性，该属性是一个对象即该函数的原型对象，我们可以看到原型对象默认会有一个constructor属性，该属性是指向函数自身即fn。二、 函数的prototype属性是一个对象typeof fn.protot
2017-12-20 22:59:57
7215
3
原创 深入理解JS闭包
闭包是一个难懂但是又必须要理解征服的概念。闭包的形成与变量的作用域和变量的生存周期息息相关。1、变量的作用域（作用范围）变量的作用域就是指变量的有效范围，变量的作用域是由声明变量的位置决定的，声明变量的同时也就指明了该变量的作用范围，最常讲的就是函数中变量的作用域。如果在函数中声明一个变量没有使用关键字var,这个变量就会成为全局变量，很容易造成命名冲突。var c = 3;//全局变量var f
2017-12-03 18:08:17
165
原创 js中this指向问题
this是javascript的众多关键字之一，它自动定义于作用域内，很多初学者可能对this指向问题感到摸不着头脑。首先看下面的示例var hero ={};hero.name = "CJF";//此处使用具体对象hero.getName = function(){ console.log(hero.name);//这个确定了我们访问的是hero这个对象的name属性}hero.
2017-11-29 21:24:19
773
原创 一个很有趣的javascript题目
代码如下所示//声明Fn函数function Fn() { //函数表达式 这里没有使用 var、let、const来定义变量，所以是全局变量 getName = function () { console.log('CJF1'); }; return this;}//函数Fn添加getName函数（静态函数）Fn.getName = func
2017-11-28 22:41:53
609
原创 apply、call的区别和使用
1、apply和call区别apply和call的区别，在于他们调用时传入的参数不一样，call传入参数的方式是let cfn = function(a1,a2,a3){console.log(a1,a2,a3);}cfn.call(null,1,2,3)//输出 1 2 3call接受的参数不固定（从第二个参数开始往后，依次将作为参数传递给被调用函数）。apply传入参数的方式是let af
2017-11-26 16:41:08
1771
原创 Bootstrap JS插件Alert源码分析
1、先附上alert的源代码 将Alert放在自执行函数中，避免变量污染/* ==================================================================== * Bootstrap: alert.js v3.3.7 * http://getbootstrap.com/javascript/#alerts * =============
2017-11-23 22:06:03
779
java面试 宝典
2014-10-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人