• 基于ko-easyui实现的PC前端模板功能完善

    上一篇博客我向大家介绍了基于ko-easyui实现的开发模板,博客地址:https://www.cnblogs.com/cqhaibin/p/9825465.html#4095185。但在还遗留三个问题。本篇幅文章就以解决这三问题展开。 一、代理 前后端分离的开发模式,一定会存在前端开发工程,与后端工程不在面一个...

    2018-10-29 15:27:29

  • javascript函数中with的介绍

    /*js函数中with函数的用法分析 定义 方便用来引用某个对象中已有的属性 但是不能用来给对象添加属性 要给对象创建 新的属性 必须明确的引用该对象*/ 代码格式 with(object) statements object:新的默认对象 statements:一个或多个语句 oject是该语句的默认对象 with...

    2018-10-29 15:27:26

  • javascript中闭包最简单的简绍

    javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就是将函数内部和函数外部连接起来的一座桥梁。 函数的闭包使用场景:比如我们想要一个函数来执行计数功能。 如果设计全局变量 1 var counter=0; 2 function add(){ 3 4 r...

    2018-10-29 15:27:27

  • 为什么计时器计时不准?---了解计时器的底层机制

    JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由 setTimeout() 和 setInterval() 这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单,实际上真的如此么?这里记载下,一路对其使用姿势变迁的历程。 setTimeout()基础 setTime...

    2018-10-29 15:27:26

  • React小记

    路由: 哈希路由(在url地址后加 #name) // 实现页面监听 window.onhashchange = function (){ console.log(hash:,window.location.hash) } H5路由(history.pushState(起的名字, title字段, 跳转的地址)) H5路由高级的地方就是可以跳转一个hash值,也可以跳转一个路...

    2018-10-29 15:27:26

  • iview“官方“实现的右键菜单

    博客开篇,没想到第一篇博文竟然是前端的,虽略显尴尬,但正能量溢出,你我可能遇到同样问题,在这里分享下个人方案,希望对你有用。 官方目前不提供右键菜单,这里借助Dropdown(下拉菜单)来实现,故为“官方“。 既然Dropdown有类似功能,如果将其文字隐藏,并且在...

    2018-10-29 15:27:25

  • 正则表达式-语法

    正则表达式——语法 正则:就是用有限的符号,表达无限的序列。 两条斜线中间是正则主体,这部分可以有很多字符组成; i部分是修饰符,i的意思是忽略大小写。 eg: /^abc/i 简单字符: 没有特殊意义的字符都是简单字符,简单字符就代表自身,绝大部分字符都是简单字符。...

    2018-10-26 05:26:11

  • 前端安全 xss

    整体的 XSS 防范是非常复杂和繁琐的,不仅需要在全部需要转义的位置,对数据进行对应的转义。而且要防止多余和错误的转义,避免正常的用户输入出现乱码。 虽然很难通过技术手段完全避免 XSS,但可以总结以下原则减少漏洞的产生: 利用模板引擎 开启模板引擎自带的 HTML...

    2018-10-26 05:26:08

  • js实现QQ、微信、新浪微博分享功能

    使用js实现QQ、微信、新浪微博分享功能。 微信分享需要手机扫描二维码,需要对url进行编码。 js代码: 1 var shareModel = { 2 3 /* * 4 * 分享QQ好友 5 * @param {[type]} title [分享标题] 6 * @param {[type]} url [分享url链接,默认当前页面链接] 7 * @param {[ty...

    2018-10-26 05:26:02

  • tab下拉显示

    !DOCTYPE html html lang="en" head meta charset="UTF-8" titleDocument/title /head style type="text/css" *{ padding: 0; margin: 0; } ul,li{ list-style: none; } #warp{ width: 600px; height: auto; margin: 0 auto; margin-top: 20px; } #warp .content p{ wi...

    2018-10-26 05:26:00

2