草庐IT

default-styles

全部标签

javascript - 在 JavaScript 中限制对 'style' 属性的访问

我开始开发一个小型JavaScript库,我想只通过我的API来设置HTML元素的样式(因为出于某种原因我需要完全控制样式)。所以我想让style属性不可访问(我的API将通过我的style别名访问它-这不是一个理想的解决方案,但对于像jQuery这样的其他库来说它可以技巧)。如果我这样写(受thistopic启发):varbox=document.getElementById('someElementId');Object.defineProperty(box,'style',{get:function(){throw'youcantaccessstyleproperty';}});

javascript - 页面关闭前提醒 : How to change the Chrome's default message?

我正在使用以下代码片段在页面关闭前触发警报,但Chrome似乎忽略了该消息并显示其默认消息“你想离开这个网站吗?你所做的更改可能不会保存”。如何让chrome显示我的消息而不是默认消息?window.onbeforeunload=function(e){e.returnValue="Asearchisinprogress,doyoureallywanttostopthesearchandclosethetab?";return"Asearchisinprogress,doyoureallywanttostopthesearchandclosethetab?";}

改变 this.style.backgroundImage 的 Javascript

给定以下代码,我将如何完成tileClick()以便将点击的图像从“tileBack.jpg”更改为显示分配给该特定div的图像在shuffleDeck()中?我的意思是,tileClick()函数应该获取当前显示tileBack图像的图block,并在单击时显示该图block“反面”的图像.到目前为止,您可以看到我是如何尝试定位被单击的特定磁贴的,尽管我不确定此处是否正确使用了this.。在该声明的另一边,我尝试做类似="../img/tile_"+tiles[i]+".png";的事情,但显然问题在于i不存在于该函数的范围内。我的问题是我不知道如何重构我的代码,以便我可以访问以前分

javascript - 为什么我可以在 JS 中设置样式而不违反内容安全策略 style-src 'self' ?

设置style-src至'self'通过style禁用内联样式标签或style属性。这按预期工作。添加style通过JS的元素也被阻止。但我真的很惊讶我仍然可以设置HTMLElement的属性的style目的。例如,这不会触发CSP违规:document.getElementById('test').style.backgroundImage='url("image.png")';这如何防止攻击,如描述的那些here或here? 最佳答案 大概是因为如果您已经允许脚本注入(inject),样式修改是您最不担心的事情。样式元素和属性被

javascript - 为什么在 JavaScript 中使用 TypeScript 类需要 `.default` ?

我有一个TypeScript类,它是npm包的一部分。为了维护,我将类分解成多个类,并通过继承构建最终的导出类。我认为这对我的问题无关紧要,但我认为最好公开这一点信息。我在ChildClass.ts中这样定义类:exportdefaultChildClassextendsParentClass{…}Tsc的outDir为“build”。package.json文件有一个属性"main":"build/ChildClass.js"同时使用npmlink和npmpack我可以部署包并在TypeScript演示包中毫无问题地使用它。但是,如果我尝试在JavaScript演示中使用该包,con

javascript - 基于 Blob 的 'link stylesheet' 与标准 'style' 标签

我想知道使用样式作为Blob链接有什么好处和区别:在标准标签上:...我的意思是像这样创建Blob:varblob=newBlob([css_here],{type:'text/css'});varlink=document.createElement('link');link.rel='stylesheet';link.href=window.URL.createObjectURL(blob);head.appendChild(link);提前致谢。 最佳答案 内存管理如果你把东西放在style中,然后删除-它就不见了。但是,如果

javascript - 使用 Styled-Components,如何在 Styled Component 之外设置颜色数组?

theme.js-我有一个Styled-Components主题,其中包含我应用的所有颜色变化。constcolors={purples:{60:'#AEA',50:'#GSA',},blues:{20:'#asd',5:'#fasd',}...然后我有一个UI组件,我需要在其中按特定顺序定义一组颜色:importReactfrom'react';constcolors=['#GSA','#AEA','#asd','#fasd','#AEA'];我稍后使用此colors数组根据状态找到要在我的组件中使用的正确颜色:constgetBackgroundColor=({currentPos

javascript - 设置多个 style.background 值

我想在我的背景中使用渐变并且是跨平台的我想设置带有vendor前缀的背景:background:-webkit-linear-gradient(red,blue);background:-o-linear-gradient(red,blue);background:-moz-linear-gradient(red,blue);background:linear-gradient(red,blue);如何在HTMLElement上设置多个style.background,使用Javascript来支持vendor前缀?更新:我不想使用jQuery或任何其他外部库。

javascript - 未捕获的 TypeError : _moment2. default.date 不是 React 应用程序中的函数

当我尝试在构造函数、componentWillMount或componentDidMount中使用来自Moment.js的日期时,出现错误:UncaughtTypeError:_moment2.default.dateisnotafunction我没有使用Webpack或npm之外的任何特定构建工具。这是我的相关代码:importReactfrom'react';importMomentfrom'moment';exportdefaultclassDateextendsReact.Component{constructor(){super();this.state={day:'',mo

javascript - 用户界面路由器 : default route based on user role

我在我的项目中使用UI路由器。我的应用程序的主页由4个选项卡组成,每个选项卡路由到不同的模板。这是我当前的路由代码,我使用forEach创建6条路由。['Draft','Assigned','InProgress','Completed','Rejected','All'].forEach(function(val){$stateProvider.state({name:'root.jobs.list.'+val.toLowerCase(),url:'/'+val.toLowerCase(),views:{'currentTab':{templateUrl:'adminworkspac