智慧·快乐·成长——科技造福于人。

智乐兔

网络前端

  • 记一次get request请求的header头信息

    记一次get request请求的header头信息

    当我们打开一个网站时,往往先触发首页的渲染,这一步一般是一个Get请求,通过F12打开开发者模式你会在Headers标签下看到类似以下的头信息: General Request URL: http://localhost:8000/ 这是说本次请求的URL是http://localhost:8000/ Request Method: GET 请求方法为GET方式,如果是表单提交可以用post,这里不必纠结何种方法,方法是人定的,用到再说…… Status Code: 304 Not Modified 状态码不是200 ok,说明本次请求浏览器使用了上次成功请求的本地缓存,即通过与服务器握手确定 ...

    查看全文

  • Authorized权限组件

    Authorized权限组件

    首先是使用权限组件定义有权限组件的渲染方式,直接上代码: import React from ‘react’; /** 导出对象别名为 RenderAuthorized */ import RenderAuthorized from ‘@/components/Authorized’; import { getAuthority } from ‘@/utils/authority’; import Redirect from ‘umi/redirect’; // 获取当前用户登录权限 const A ...

    查看全文

  • Ant Design Pro权限管理组件的使用

    Ant Design Pro权限管理组件的使用

    权限组件Authorized 是antd pro脚手架权限管理的基础,基本思路是对比当前权限与准入权限,决定展示请求的内容还是异常内容。 权限控制场景 控制菜单和路由显示 控制页面元素显示 登录时权限检查 首先看一下菜单和路由的权限控制,是通过配置路由设置准入权限的: {   path: ‘/’,   component: ‘../layouts/BasicLayout’,   Routes: [‘src/pages/Authorized’],   author ...

    查看全文

  • typescript与react融合

    typescript与react融合

  • 常用前端框架分析-html5培训

    常用前端框架分析-html5培训

    .net MVC请求流的通用步骤: 1:获取控制器。 2:依赖行为创建model对象,model通过转换调用数据访问层。 3:数据填充model后,传递到view层展现。 前端框架概览   应用包结构   lib包结构   product结构 各产品代码独立 方便管理、维护、扩展 通过打包发布 针对产品需求编码 ...

    查看全文

  • html代码实现强制禁止浏览器兼容模式打开

    html代码实现强制禁止浏览器兼容模式打开

    在JSF1.2中有浏览器兼容性问题。 在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码。 在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码。 X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式、IE7标准模式、IE8几乎标准模 ...

    查看全文

  • vml、svg、canvas图像绘制技术

    vml、svg、canvas图像绘制技术

    1、VML:        VML的全称是Vector Markup Language(矢量可标记语言),矢量的图形,意味着图形可以任意放大缩小而不损失图形的质量,这在制作地图上有很大用途,VML只是被IE支持。 2、SVG:        可缩放矢量图形(Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。    &# ...

    查看全文

  • 第一个html5程序

    第一个html5程序

    HTML 5实战HTML 5中不仅增加了很多新的页面标记,而且与HTML 4相比,整体页面的结构也发生了根本的变化。下面使用HTML 5新结构来编写一个简单的页面。 实例1-2 Hello, World页面的实现 1. 功能说明 使用HTML 5结构编写一个HTML页面,在页面中输出“Hello, World”的字样。 2. 实现代码 在Dreamweaver CS5中新建一个HTML页面1-2.html,加入代码如代码清单1-2所示。代码清单1-2 我的第一个HTML 5页面 我的第一个HTML 5 页面 Hello,World 3. 页面效果 该页面在Chrome浏览器下执行后的页面 ...

    查看全文

  • 检测你的浏览器是否支持html5

    检测你的浏览器是否支持html5

    HTML 5 1. 功能说明 在HTML页面中插入一段HTML 5画布标记,当浏览器支持该标记时,将出现一个矩形;反之,则在页面中显示“该浏览器不支持HTML 5的画布标记!”的提示。 2. 实现代码 在Dreamweaver CS5中新建一个HTML页面1-1.html,加入代码如代码清单1-1所示。 代码清单1-1 检测浏览器是否支持HTML 5 检测浏览器是否支持HTML 5     该浏览器不支持HTML 5 的画布标记!     3. 页面效果 将页面文件1-1.html在IE 8浏览器中执行。由于IE ...

    查看全文

  • EasyUI-FileBox(文件框)

    EasyUI-FileBox(文件框)

    扩展自$.fn.textbox.defaults,使用$.fn.filebox.defaults重写默认值对象。 FileBox(文件框)组件在表单当中表示一个文件上传的字段。它扩展自 (文本框),大部分的属性、事件和方法都继承自文本框。但是由于浏览器的安全问题,其中的某些方法(如:“setValue”)则不能用于 filebox 组件。     用法 通过标签创建验证框。 <input class=“easyui-filebox” style=”width:300px”> 使用Javas ...

    查看全文

  • EasyUI-DateTimeSpinner(日期时间微调框)

    EasyUI-DateTimeSpinner(日期时间微调框)

    扩展自$.fn.timespinner.defaults,使用$.fn.datetimespinner.defaults重写默认值对象。 DateTimeSpinner (日期时间微调框)扩展自 (时间微调框),它允许用户使用微调按钮调整指定的字段。    用法 通过标签创建验证框。 <input class=“easyui-datetimespinner” style=”width:300px”> 使用Javascript创建验证框。 <input id=“dt” type=&# ...

    查看全文

  • EasyUI-TextBox(文本框)

    EasyUI-TextBox(文本框)

    扩展自$.fn.validatebox.defaults,使用$.fn.textbox.defaults重写默认值对象。 TextBox(文本框)是一个增强的输入字段组件, 它允许用户非常简单的创建一组表单。它是一个用于构建其他组合控件的基础组件,如:combo,databox、spinner等   依赖关系 validatebox linkbutton     用法 通过标签创建验证框。 <input class=“easyui-textbox” data ...

    查看全文