草庐IT

data-column-group

全部标签

javascript - 如何在 Vue.js 中测试计算属性?无法模拟 "data"

我想知道如何在Vue.js的单元测试中测试计算属性。我已经通过vue-cli(基于webpack)创建了一个新项目。例如这是我的组件:exportdefault{data(){return{source:[]}},methods:{removeDuplicates(arr){return[...newSet(arr)]}},computed:{types(){returnthis.removeDuplicates(this.source))}}}我试过这样测试it('shouldremoveduplicatesfromarray',()=>{constarr=[1,2,1,2,3]co

javascript - click.modal.data-api 作为事件名称是什么意思?

这个问题在这里已经有了答案:Whatis.divClickedhere?(3个答案)关闭9年前。我正在通读BootstrapsJavaScript并注意到以下代码:$(document).on('click.modal.data-api','[data-toggle="modal"]',function(e){//dosomething});谁能给我解释一下为什么是"click.modal.data-api"。事件后的点是做什么的?也许我是盲人,但我似乎找不到任何关于此的文档。

javascript - 在 Angular2 中构建 multipart/form-data POST 请求并验证输入类型文件

我有一张图片(base64),需要通过POST请求发送(并等待响应)。POST请求需要是Content-Type:multipart/form-data。图片需要是Content-Type:image/jpgPOST请求应该是这样的:POSThttps://www.url...HTTP/1.1Content-Type:multipart/form-data;boundary=-------------------------acebdf13572468User-Agent:FiddlerHost:www.host.comContent-Length:199640------------

javascript - npm run build 失败并显示 "Error: custom keyword definition is invalid: data.errors should be boolean"

当我尝试构建VueJS应用程序时,我发现npm出错。我在GitLabCI的build阶段看到这个错误。我找不到任何关于错误消息的提及。我以前能够成功运行npmrunbuild并且我没有对Vue应用程序代码进行任何更改,所以我不确定是什么导致了这个错误。-Buildingforproduction...ERRORError:customkeyworddefinitionisinvalid:data.errorsshouldbebooleanError:customkeyworddefinitionisinvalid:data.errorsshouldbebooleanatAjv.addK

javascript websocket onmessage event.data

使用JavaScriptWebSocket如何将event.data传出onMessage函数?vareventData=EventRequest("text");.....codes.....EventRequest=function(text){varsocket=newWebSocket('ws://localhost:8080/');websocket.onopen=function(evt){onOpen(evt);};websocket.onmessage=function(evt){onMessage(evt);};functiononOpen(evt){socket.s

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(

javascript - 如何获取通过 sails.js 中的表单发送的数组/对象(使用 enctype multipart/form-data)

我在我的表单中嵌套信息以匹配我的模型,这极大地简化了后端的事情,但我无法找到如何在Sails.js中获取数组或对象(或两者的组合)假设我有这样的表格注意:完全需要支持“multipart/form-data”。我希望在req.params.all()obj中得到这样的对象{status:'published',entries:[{title:'Entry1',content:'Entry1Content...'},{title:'Entry2',content:'Entry2Content...'}]}现在调用req.params.all()/req.body时,我得到的是:{stat

javascript - VueJS : Google Maps loads before data is ready - how to make it wait?(Nuxt)

这是我的第一个VueJS项目,我已经启动并运行了vue2-google-maps,但是当我尝试将map标记连接到我网站的JSON提要时遇到了一个问题(使用WordpressRESTAPI),Lat和Lng值返回undefined或NaN。经过进一步调查(感谢下面的@QuỳnhNguyễn),似乎在数据准备好之前运行了Googlemap实例。我曾尝试在初始化map之前观察要加载的提要,但它似乎不起作用。标记位置使用JSON从WordPressRESTAPI提取并存在于数组(位置)中。该数组存在并填充在VueDevTools(51条记录)中,但在检查mounted时,该数组为空。数据是在c

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

Javascript 安全 : is storing sensitive data in a self invoking function more secure than cookies?

我知道在客户端JavaScript中安全性要么不存在,要么非常困难。我知道我的服务器端代码应该最终决定它向谁提供数据或从谁那里接受数据。也就是说,可以执行以下操作。我所说的“好吧”是指如果这是在某些新流行的时尚炫酷Web应用程序上使用的方法。知道我不会看到“SuperCoolWebAppHacked,更改你的密码!”,我可以在晚上sleep吗?由于此实现,遍布HN和Reddit(或人们关心的任何其他信息来源)。如果不安全。为什么?如何获取该信息(用户名和密码)?它是否安全?你有多确定?为什么它是安全的?除了我现在显然无能为力之外,是什么阻止了我获取这些信息。欢迎部分回答。只是寻求更好的