草庐IT

Javascript : how to insert tags around a text selection?

我想创建一个小的WYSIWYGHTML文本编辑器,带有一个内容可编辑的div。为此,我使用window.getSelection()检索所选文本,当我单击按钮(粗体按钮)时,我执行一个函数以在所选文本周围添加粗体标记。但我对添加粗体标记的javascript代码(没有JQuery)一无所知。这里是我的代码:functionadd_tags(tags){container_contenteditable=document.getElementById("container_contenteditable");//Retrievetheselectedtext:sel=window.get

javascript - Webpack2 不理解我的 SASS 文件中的 @import 语句(How to compile SASS with webpack2?)

UsingWebpack2和sass-loader4.11webpack--configwebpack.config.js这是我的webpack.config.jsvarpath=require('path');varsass=require("./sass/lifeleveler.scss");module.exports={entry:'./dist/main.js',output:{filename:'lifeleveler.app.js',path:path.resolve(__dirname,'dist')},watch:true,watchOptions:{aggregat

javascript - 异步函数不返回值,但 console.log() 执行 : how to do?

这个问题在这里已经有了答案:Howtoreturntheresponsefromanasynchronouscall(42个回答)3年前关闭。我有一个es6类,带有init()方法负责获取数据,转换数据,然后更新类的属性this.data使用新转换的数据。到现在为止还挺好。类本身还有另一个getPostById()方法,只是做它听起来像的事情。这是该类的代码:classPosts{constructor(url){this.ready=falsethis.data={}this.url=url}asyncinit(){try{letres=awaitfetch(this.url)if(

javascript - 更新 : How to find event listeners on a DOM node in prototype?

我正在寻找thisquestion的更新答案.在Prototype1.6+中似乎不再使用Event.observers(可能是为了避免内存泄漏),那么我现在如何追踪哪些事件监听器附加到一个元素?我知道Firebug有一个“breakonnext”按钮,但是在我可以在另一个特定元素上达到我想要的行为之前,body元素上有几个鼠标监听器执行,那么还有其他方法吗? 最佳答案 我已经更新了答案youlinkedto具有更全面的Prototype覆盖范围,涵盖1.6.0到1.6.1版本的变化。中间变得非常困惑,但是1.6.1比较干净:varh

javascript - JQuery 验证 : How to check items in multiple select

我有一个使用JQuery验证插件的表单。EuropeAlbaniaAndorraAustria我需要进行“条件”验证。例如。如果复选框被选中,请确保在“选择选项已选中”中至少有一项。$(document).ready(function(){$("#commentForm").validate({rules:{Europe:{required:"#dist_europe:checked",minlength:1}},messages:{Europe:"Pleaseselectatleast1country"}}})我现在面临的问题是:我能够检测到该复选框已被选中。但是,我无法检查“选择”

javascript - Chrome 扩展 : How to reload/re-execute content script on Ajax request

我正在尝试为某个网站执行内容脚本(插入按钮或更改链接),但我想在用户浏览网站时执行此操作。问题在于网页是在用户浏览时使用ajax请求动态构建的。我之前在编写的扩展程序中解决了这个问题,方法是将我的JavaScript实际注入(inject)到网页中。我想知道是否有更好的选择,除了能够在我的内容脚本中注册一个ajaxComplete事件或类似的东西,以便我可以重新执行。我可以做以下事情:functionlistener(){console.debug("listenerfired.");}document.addEventListener("DOMSubtreeModified",lis

javascript - meteor DDP : How to get notified when a NEW document is added to a Collection

我正在编写一个通过DDP连接到Meteor服务器以读取数据的软件。我面临的问题是弄清楚如何区分添加到集合中的新文档和收到有关已存在文档的通知。当我第一次连接到服务器时,我收到了一系列added消息来填充客户端集合。我不知道如何区分这些消息和稍后出现的消息,表明新文档已实时添加。当DDP客户端需要重新连接到服务器时,情况会变得更糟,此时所有当前文档再次作为added消息发送。 最佳答案 我花了一段时间才真正意识到,但这正是low-levelpublishAPI专为。向下阅读“或者,发布函数可以...”部分,您应该很清楚如何只为真正的新

javascript - Select2.js v4.0 : how set the default selected value with a local array data source?

通过使用select2.jsv4插件,当我使用本地数组数据作为源时,如何设置默认选择值?以这段代码为例vardata_names=[{id:0,text:"Henri",},{id:1,text:"John",},{id:2,text:"Victor",},{id:3,text:"Marie",}];$('select').select2({data:data_names,});如何设置id3为默认选中值? 最佳答案 $('.select').select2({data:data_names,}).select2("val",3);

javascript - Angular : How to access an element directive's scope in the controller

给定这个简单的Angular模块:angular.module('fixturesModule',[]).directive('clubfixtures',function(){"usestrict";return{restrict:'E',replace:true,transclude:true,scope:{club:"@club",max:"@max"},templateUrl:"ClubResultsTemplate.html",controller:function($scope,$http){$http.get("data.json").success(function(d

javascript - D3 分组条形图 : How to rotate the text of x axis ticks?

我使用的是分组条形图(http://bl.ocks.org/mbostock/3887051),但是x轴的文字很长,如附图所示。如何旋转文字?谢谢你。 最佳答案 可以找到合理的解决方案here结果是这样的:确保您完全理解这部分代码:svg.append("g").attr("class","xaxis").attr("transform","translate(0,"+height+")").call(xAxis).selectAll("text").style("text-anchor","end").attr("dx","-.8