Tag: 前端

如何重新加载javascript文件

我有一个关于重新加载JavaScript文件的问题。 我开发网页前端并在JS中进行大量编码。 每当我想检查应用程序的流程是否正确（或进行一些调试）时，我必须按F5键重新加载整个页面和它的脚本，我必须等待。 等待时间取决于页面的重量，有时我会不耐烦。 因此我想知道是否有任何方法只重新加载更改的脚本文件*.js ？ 或者可能有一些Chrome重新加载所选脚本的插件？ 这可能是一种非常方便的发展方式。 谢谢你的回复。 这个使用jQuery，例如： var scs=$(‘script[type*=javascript]’); var scsl = scs.length; var scsi = 0; var o = []; var oi = 0; var ol = 0; var s = ”; var fws = 0; var sws = 0; var v = {}; function i1(){ fws = window.setInterval(function(){ v = […]

使用Vue进行文件上传的最佳方法

我第一次尝试设置多个文件上传的VueJS视图。 现在我有这个： 首先，我们是否有很好的Vue库可以解决这个问题？ 我应该保留Vue还是尝试使用jquery甚至纯js？

过滤React Js中的Todo列表

我是React的新手（我以前习惯使用Angular），我目前正在根据类别选择过滤我的Todo列表应用程序。 我从http://todomvc.com/examples/react/#/克隆了Todo列表应用程序。 我添加了一个“类别”输入，它可以工作，但是现在我尝试在显示列表后按类别进行过滤。 我目前没有任何类别搜索function，我正在寻找一些指导，从哪里开始。 我将发布下面的代码，但如果你想要克隆它，这里是我的repo的链接： https ： //github.com/aenser/todo-react app.jsx var app = app || {}; (function () { ‘use strict’; app.ALL_TODOS = ‘all’; app.ACTIVE_TODOS = ‘active’; app.COMPLETED_TODOS = ‘completed’; var TodoFooter = app.TodoFooter; var TodoItem = app.TodoItem; var ENTER_KEY = 13; var TodoApp = React.createClass({ getInitialState: function () { return { nowShowing: app.ALL_TODOS, editing: null, […]

如何创建与背景渐变和重叠透明形状一起使用的嵌入曲面背景？

我一直试图用CSS创建一个看起来像下图的网页部分。 我无法弄清楚如何在背景的顶部和底部创建曲线并保持透明覆盖的完整性。 上面和下面的部分（部分显示）也使用透明背景。 所以，你会看到圆圈有不同的阴影。

如何设置Particle.js气泡以在鼠标hover时显示背景图像？

我想重新创建此页面中显示的效果： https://revolution.themepunch.com/particle-effect-for-wordpress/ 但我不能让泡沫变得透明

使用bootstrap在工具提示中的图像？

Tooltip on right $(function () { $(‘[data-toggle=tooltip]’).tooltip(); }); 这很好但我想在工具提示中包含一个图像和一些文本。 我试图使用data-content =“some stuff”但它没有显示任何内容。

你会如何创建一个JQuery / svg点击拖动选择轮廓效果？

不确定究竟该怎么称呼它，但是当我点击并拖动一个区域时，我正在寻找一种通过javascript / svg创建虚线轮廓/选择框效果的方法，然后在mouseUp上消失（如果它可以添加）不是原创部分）。 如果它存在，jQuery库会很好。 我做了一些环顾四周，并没有找到我正在寻找的东西。 我猜理论是从第一次点击获得坐标，跟踪鼠标坐标时刻并相应地调整框。 但不是从头开始写它会很好。

ImagesLoaded with Masonry，Object＃没有方法’imagesLoaded’

得到此错误，尝试使用带有imageLoaded的Masonry： “对象＃没有方法’imagesLoaded’” 必要脚本的链接在我的标题中： 以下是代码在我的页脚中的显示方式： $(document).ready(function() { $(‘#archive-post-container’).imagesLoaded(function() { $(this).masonry({ itemSelector : ‘.post’, columnWidth:344 }); }); }); EDIT / ADDENDUM：将ImagesLoaded和Masonry的脚本标签放在我需要的页面的实际.php文件中，而不是在header.php中，而是来自ImagesLoaded：来自ImagesLoaded：Uncaught TypeError：undefined不是函数 不确定为什么只是从标题下方移动标签会改变这一点，但至少现在我得到了imagesLoaded？

HTML5数据属性排序

我想对具有为评级和日期定义的数据属性的DOM元素进行排序。 使用jQuery在前端实现排序的最佳方法是什么？ 示例代码可以在http://jsfiddle.net/gercheq/zhqXd/上看到 以下是使用表格实现的所需function： http ： //tablesorter.com/docs/ 谢谢，

jsTree：progressive_render，带有来自数组的ajax / render节点

这是关于jsTree jQuery插件 。 我已经苦苦挣扎了一段时间，但现在却意识到它不是（原生）可能做到的，所以我想到了以下问题的解决方案（这不起作用）。 我有一个使用带有ajax的json_data插件的树。 打开特定节点后，服务器的结果是超过1000个json节点的数组。 响应非常快，但渲染本身需要一段时间（用户体验是他得到令人讨厌的“脚本没有响应 – 停止脚本/继续”消息。 我想到的解决方案是将从服务器发回的结果限制为较小的数字（比如200）并使用一些“显示更多”标签（或使用jQuery滚动事件）来获取下一个200.但是，使用jstree。在每个节点上创建似乎都很慢。 然后我注意到jsTree google组中的这个post，其中Ivan建议可以使用parse_json函数一次创建所有节点 – 这对我不起作用。 我正在尝试做的简短代码片段:(点击“显示更多”标签时）： $.ajax({ // send data to server in order to get the relevant json back }(), success : function (r) { var parent_node = data.inst._get_parent(data.rslt.obj); var id = parent_node.attr(“id”); $(“#root_tree”).jstree(“_parse_json”, r, parent_node ); $(“#root_tree”).jstree(“clean_node”, parent_node, false); } }); 上面的示例不呈现json并将子项添加到父节点。 我非常感谢任何其他方法，或者如果有人能够指出我做错了什么。 再次，使用： […]