聚合文章列表
20 浏览

javascript 之this指针-11

前言在《javascript之执行环境-08》文中说到,当JavaScript代码执行一段可执行代码时,会创建对应的执行上下文(executioncontext)。对于每个执行上下文,都有三个重要属性:变量对象(Variableobject,VO)作用域链(Scopechain)thisJavaScript中的this跟其他语言有些不一样,比如Java.net语言中的this是在代码的执行阶段是不可变的,而JavaScript的this是在调用阶段进行绑定。也因为这一性质给了this很大的灵活性,即当函数在不同的调用方式下都可能会导致this的值不同;定义this对象是在运行时基于函数的执行环境绑定的,跟函数的调用位置有关而不是声明的位置;可以理解为this是在函数调用阶段绑定,也就是执行上下文创建的阶段进行赋值,保存在变量对象中;四种绑定规则new构造函数绑定,this指向新创建的对象1functioncreatePerson(){2returnnewperson();3}4

JavaScript 2018-01-12 发布
19 浏览

css面试题总结

(以下是自己在网络上总结的css基础面试题,欢迎补充和改正)1.class和id有什么不同?id类名唯一,在页面中只能出现一次,更多地被用来实现宏伟布局和设计包含块,或包含框的样式。id是先确定页面的结构和内容,然后再为它定义样式class类名不唯一,被多次调用,先确定样式在确定结构和内容2.CSSresetting和CSSnormalizing有什么不同?你倾向于使用哪种方案?normalize相对平和,注重通用方案,重置掉该重置的样式,保留有用的useragent样式,同时进行一些bug的修复,他是模块化的,有详细的文档Reset相对暴力,不管你有没有用,统统重置成一样的效果,且影响的范围很大,讲求跨浏览器的一致性。几乎所有的元素施加默认样式3.描述一下float,并解释一下它的作用方式?float属性定义了元素是否浮动及在哪个方向浮动,在CSS中任何元素都可以浮动,且浮动元素会生成一个块级框,而不论它本身是何种元素。并且盒子的宽度不在伸展,而是根据盒子里面的内容的宽度来确定。浮动属性会使得浮动

CSS 1900-01-01 发布
18 浏览

CSS hack

CSShack是为了根据不同浏览器或者同一浏览器的兼容或者某些特性引起的页面展示效果不达人愿而使用的一种技术大致分为三类:1、选择器前缀法:例如IE6能识别div.div{},IE7能识别+div.div{}或者*:first-child+div.div{}。2、属性前缀法:IE6能识别""和"*",IE7能识别"*",但不能识别"",IE6~IE10都认识"\9",但firefo对前述三个都不认识3、IE条件注释法:,针对IE6及以下版本:。这类Hack既可以调节样式,也可以执行内部的判断语句。选择器前缀法*html*前缀只对IE6生效*+html*+前缀只对IE7生效@mediascreen\9{...}只对IE6/7生效@media\0screen{body{background:red;}}只对IE8有效@media\0screen,screen\9{body{background:blue;}}只对IE6/7/8有效@mediascreen\0{bod

CSS 1900-01-01 发布
AD 友情赞助
24 浏览

表单验证插件--formvalidation

表单验证插件--formvalidation表单验证是一个非常基础的功能,当你的表单项少的时候,可以自己写验证,但是当你的表单有很多的时候,就需要一些验证的插件。今天介绍一款很好用的表单验证插件,formvalidation。其前身叫做bootstrapValidator.官网:http://formvalidation.io/下载:目前的最新版本是收费的,但是我们可以下载之前的版本。下载地址:http://down.htmleaf.com/1505/201505101833.zip下载之后,解压,整个文件夹里面除了最基本的js和css,还包含了很多实例,有兴趣的可以自己去看看。接下来简要介绍一下它的用法。1.导入包css:

CSS 2018-01-12 发布
28 浏览

layer弹出层倒计时关闭实现

包括按钮倒计时和标题倒计时,标题倒计时我注释掉了

21 浏览

jQuery--选择器

jQuery--选择器一、JavaScript中选择元素•document.getElementById()•document.getElementsByName()•document.getElementsByTagName()•document.getElementsByClassName()•document.querySelector()•document.querySelectorAll()jsSelector

.box
jQuery 1900-01-01 发布
22 浏览

原创 | Authentication & Authorization | SSO Analyze in ASP.NET Core

以下思路参考于IdentityServer4源码,流程。阅读文章请先熟悉OAuth2.0,OpenID,OpenIDConnect。本文章已申请授权骑士处理,转载请注明出处。存储于本机Markdown文档。|待更新。IdentityServer4是一个针对ASP.NETCore2.0的OpenIDConnect和OAuth2.0框架。在你的应用中,它支持以下特性:AuthenticationasaService所有应用程序的集中登录逻辑和工作流(web,native,mobile,services),IdentityServer是一个官方认证的OpenIDConnect的实现。SingleSign-on/Sign-out在多个应用程序类型的登入和登出AccessControlforAPIs为不同的客户端提供api的访问令牌,e.g.servertoserver,web应用,SPAs和native.mobileappsFeder

.Net 1900-01-01 发布
25 浏览

教你用.Net来玩微信跳一跳

目前开发的所有代码都已经上传到了GitHub。欢迎大家来Starhttps://github.com/GiantLiu/AutoJump目前程序分为“全自动版本”和“半自动版本”全自动版本WeChat.AutoJump.CMDApp当手机连接好后,打开微信跳一跳点击"开始游戏"后。运行此程序。就可以实现自动跳了半自动版本WeChat.AutoJump.WinApp此版本需要鼠标左键点小黑人的底部,鼠标右键点目标位的中心然后程序就会自动跳到相应的位置程序原理1。将手机点击到《跳一跳》小程序界面;点击“开始游戏”后2。用Adb工具获取当前手机的截图,半下载到本地3.1。如果是半自动版本,那么就要用鼠标左右键来点击起始和目标位置然后程序会自动算出要跳动的距离与要点击屏幕的时间。3.2。如果是全自动版本,那么程序会自动算出小黑人的位置与目标的中心点,然后自动算距离与点击屏幕的时间。4。用Adb工具向手机发送点击屏幕蓄力命令,完成一次跳动目前程序只能支持Android

.Net 2018-01-12 发布
AD 友情赞助
23 浏览

NanUI文档 - 如何实现C#与Javascript的相互通信

NanUI文档目录NanUI简介开始使用NanUI打包并使用内嵌式的HTML/CSS/JS资源使用网页来设计整个窗口如何实现C#与Javascript的相互通信如何处理NanUI中的下载过程-DonwloadHandler的使用(待更新。。。)如何处理NanUI中的弹窗过程-LifeSpanHandler的使用(待更新。。。)如何控制Javascript对话框-JsDialogHandler的使用(待更新。。。)自定义资源处理程序(待更新。。。)如何实现C#与Javascript的相互通信通过之前的文章,相信您已经对NanUI有了初步的了解。但到目前为止,我们使用NanUI仅仅只是作为呈现HTML界面的容器,并未涉及CEF与C#间数据的交互。那么本文将简单介绍如何在NanUI中使用C#调用Javascript的函数以及如何在Javascript注入C#的对象、属性和方法。C#调用Javascript函数不需要获取返回值的情况假设页面中有如下Javascript的函数sayHello,它的作用是在DOM中创建一个包含有“Hel

.Net 2018-01-12 发布
26 浏览

RBAC–后台权限管理解析

RBAC(Role-BasedAccessControl,基于角色的访问控制),就是用户通过角色与权限进行关联。简单地说,一个用户拥有若干角色,每一个角色拥有若干权限。这样,就构造成“用户-角色-权限”的授权模型。在这种模型中,用户与角色之间,角色与权限之间,一般者是多对多的关系。(如下图)角色是什么?可以理解为一定数量的权限的集合,权限的载体。例如:一个论坛系统,“超级管理员”、“版主”都是角色。版主可管理版内的帖子、可管理版内的用户等,这些是权限。要给某个用户授予这些权限,不需要直接将权限授予用户,可将“版主”这个角色赋予该用户。当用户的数量非常大时,要给系统每个用户逐一授权(授角色),是件非常烦琐的事情。这时,就需要给用户分组,每个用户组内有多个用户。除了可给用户授权外,还可以给用户组授权。这样一来,用户拥有的所有权限,就是用户个人拥有的权限与该用户所在用户组拥有的权限之和。(下图为用户组、用户与角色三者的关联关系)在应用系统中,权限表现成什么?对功能模块的操作,对上传文件的删改,菜单的访问,甚至页面上某个按钮、某个

.Net 2018-01-12 发布
20 浏览

WinForm响应式布局设计尝试

WinForm响应式布局设计实践引言创建响应式WinForm应用程序并不那么简单。响应式布局,在此我指的是应用程序在不同屏幕分辨率下的可用性。对于WinForm应用程序,我们需要明确地根据分辨率来调整控件的大小和重新定位。虽然在使用WPF时有相关的实践应用,通过使用控件的docking和anchoring,或使用panels等方法,但本文提供了一种将响应式应用于WinForm应用程序的不同方法。背景我在一个自己设计的简单游戏中遇到了问题:我设计了一台分辨率为1920x1080的机器,但是当我试图在笔记本电脑上播放时,发现应用程序边界跑到屏幕之外。由此很有必要让程序来适应不同分辨率的设备,而不是让用户来适应程序。因此,我对代码进行了改进。技术其实没什么技术可言,只是用了一个小技巧。我们用两个常量来保存设计时的屏幕分辨率,我们称之为设计时分辨率。这样,无论何时运行应用程序,它都会获得一个乘法因子,这实际上是一个比例因子,通过将当前分辨率除以设计时分辨率来获得该因子。窗体的所有控件都被传递给这个类对象进行缩放和调整大小。代码Th

.Net 2018-01-12 发布
AD 友情赞助
19 浏览

kafka-分布式消息系统

本文来自于cnblogs,文中介绍了Kafka架构中相互之间的关系,怎么分布的。消息中间件MessageQuene解耦且可扩展:业务复杂度的提升带来的也是耦合度的提高,消息队列在处理过程中间插入了一个隐含的、基于数据的接口层,两边的处理过程都要实现这一接口。这允许你独立的扩展或修改两边的处理过程,只要确保它们遵守同样的接口约束。冗余:有些业务在处理过程中如果失败了,数据在未进行持久化的时候就已经消失,消息队列把数据持久化直到他们被处理,避免了数据的丢失处理并发:大数据量访问的时候我们可以将消息放入队列中,然后在队列里面按照系统的吞吐能力来进行稳定的抽取数据并进行业务处理。可恢复:一部分系统出现问题,可能影响整个程序稳定,消息队列由于将数据持久化,所以在出现问题的时候可以起到一个备份的作用,系统稳定之后可以进行数据重新消费。送达保证:大多数消息队列都有一套自己的消息处理机制,一般分为消息处理多次,消息至少被处理一次等情况,这使得我们处理业务减少了数据丢失情况的发生。顺序处理:按照一定的顺序发送消息,使得消息在队列中是有

消息系统 2018-01-12 发布
21 浏览

为什么要选择Apache Pulsar:IO隔离

本文由「AI前线」原创,原文链接:为什么要选择ApachePulsar:IO隔离作者|MatteoMerli&KarthikRamasamy译者|薛命灯编辑|EmilyAI前线导读:”这是介绍ApachePulsar关键特性系列文章的第二篇。Pulsar是由Yahoo开发并开源的下一代发布订阅消息系统。在第一篇文章《为什么要选择ApachePulsar》里,我们介绍了Pulsar对消息模型的灵活支持、多租户、多地域复制和持久性。在这一篇文章里,我们将继续介绍Pulsar的IO隔离机制、伸缩性、安全模型、多语言API和易操作性。”读写IO隔离在大多数消息系统里,消费者的速度延迟会导致性能下降。同一个主题的消费者,如果其中一个出现速度延迟,就会影响到其他速度更快的消费者。这是因为慢消费者强制要求消息系统从存储里获取数据,导致IO出现抖动,降低吞吐量。那些需要将数据先加载到内存里的消费者就会受到影响。导致这一问题的原因主要是读操作和写操作共享

消息系统 2018-01-12 发布
25 浏览

真格投资2000万 前苹果架构师用这套系统帮上汽增收1亿+

谢孟军(后排左二)表示团队虽然小,但每一位都是精兵强将。文|铅笔道记者吴泽骞中国制造业的每一位企业主都想赶上“智能制造”这趟高速列车,然而在升级产线设备之后,他们却面临着DRIP(Datarich,Informationpoor)的局面。“积梦智能”针对这一现状,在去年9月推出了工业大数据分析平台JIMP,帮助制造业企业在生产过程中管理和应用大数据。系统通过采集人、设备、物料、产品和各种业务系统数据,搭建数字工厂模型对数据进行分析和管理,以优化生产流程、快速寻找质量问题等。部署这套系统后,上汽乘用车公司批量缺陷停线时间由每月4~5小时降至为0,新车型生产调试周期缩短了15%的时间,“积梦智能”帮助该车企整体增加收益1亿多元。目前,“积梦智能”开发的系统已在上汽5家工厂投入使用,公司也在去年10月完成了2000万元天使轮融资,投资方为真格基金。注:谢孟军承诺文中数据无误,为内容真实性负责。铅笔道作客观真实记录,已备份速记录音。解决制造业数据困境2015年之前,谢孟军的工作一直围绕着互联网产品技术开发

软件架构 2018-01-12 发布
25 浏览

php与mysql系统中出现大量数据库sleep的空连接问题分析

最近所开发的系统中出现大量数据库sleep状态的空连接,于此同时通过Log发现系统中通过PHP的curl请求第三方API接口的反馈出现大量异常,不由得把2者联系起来分析原因。日志反应第三方接口响应缓慢,并且结果为空,原因不明,但是能想象到PHP发出curl请求后一直等待连接返回,等待过程中数据库连接开始sleep,直到curl超时,进程执行完毕数据库链接得以释放。转载2个与PHP进程阻塞有关的文章PHP+Mysql+memcache实战型技术测试(答案公布)出两个变态的题目,题目很变态,但是都是实战中遇到的真实案例,1:我写一个程序,既要使用Mysql也要使用memcache,第一行是Mysql_connect,第二行是memcache_connect换过来写,第一行是memcache_connect,第二行是Mysql_connectcaoz发现实践中这两种写法有很大的区别,区别在哪里?2:我写一个程序,使用了Mysql,生成了一个页面最后用echo$HTML;输出一种写法是

MySQL 2018-01-12 发布
18 浏览

StackOverflow数据分析:JavaScript框架的残酷生命周期

本文由StackOverflow的员工撰写,他通过StackOverflow的趋势工具和他们的内部流量数据,分析了主流的JavaScript框架有着怎样的兴盛起衰,以及背后的一些原因。新的JavaScriptUI框架和库似乎一直都在不停地发布。每隔六个月,我们就会看到一个全新的框架声称自己已彻底改变了UI的发展,然后成千上万的开发者在自己的项目中使用它们,写博客分享使用心得,在StackOverflow中提问和回答,日复一日,然后又出现一个更新的(甚至更革命性的)框架来取代上一个的“王位”。通过StackOverflow的趋势工具以及它们的一些内部流量数据,StackOverflow的开发者决定看一看一些突出的框架现在发展如何,包括Angular,React,Vue.js,Backbone,Knockout和Ember。框架的生命周期StackOverflow的趋势让我们了解到这些技术随着时间的推移,被提问的情况如何,先看一些相对来说用户群体较大的框架。有一段时

Angular 2018-01-12 发布
24 浏览

vue数据传递--我有特殊的实现技巧

前言最近碰到了比较多的关于vue的eventBus的问题,之前定技术选型的时候也被问到了,vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。有这么几种数据传递方式,vuex、props、eventBus和特殊的eventBus。vuex不介绍,数据量和复杂度达不到不用它你才会向下看。propsdemo父子组件传值,官方api,只写个demo。父组件//datainfo:'sendToSon'//methodsupdateHandler(newVal){this.info=newVal}子组件//propsprops:['info']//向上传值,某个方法中使用this.$emit('update','got')父向子传值-->props子向父传值-->子组件绑定事件回调定义在父组件,子组件触发此事件。因不推荐子组件内直接修改父组件传入的props,需使用自定义事件。限制父子

JavaScript 2018-01-12 发布
8 浏览
//基于准备好的dom,初始化echarts实例varmyChart=echarts.init(document.getElementById('main'));//指定图表的配置

JavaScript 1900-01-01 发布
8 浏览

axios请求封装和异常统一处理

当前后端分离时,权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块,现在权限管理模块已经做完了,我想通过5-6篇文章,来介绍一下项目中遇到的问题以及我的解决方案,希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程,主要介绍了核心思路并讲解了核心代码,完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外,原本计划把项目跑起来放到网上供小伙伴们查看,但是之前买服务器为了省钱,内存只有512M,两个应用跑不起来(已经有一个V部落开源项目在运行),因此小伙伴们只能将就看一下下面的截图了,GitHub上有部署教程,部署到本地也可以查看完整效果。项目地址:https://github.com/lenve/vhr前面几篇文章,我们已经基本解决了服务端的问题,本文我们主要来聊聊前端网络请求的封装。本文是本系列的第四篇,建议先阅读前面的文章有助于更好的理解本文:1.SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(一)2.S

JavaScript 2018-01-12 发布
AD 友情赞助