小编tob*_*bbe的帖子

HTML5拖放教程 - 可排序列表

有谁知道一个非常好的HTML5拖放教程?我正在制作一个待办事项列表,我希望能够使用此API对其进行重新排序/排序.我一直在谷歌搜索它像一个疯子,现在我开始放弃......欢迎任何提示!谢谢!

ps我真的想用html5拖放API,而不是jQuery-sortable()

javascript html5

26
推荐指数
3
解决办法
4万
查看次数

在JWT中更新/更改角色声明(或任何其他声明)

我将用户角色存储在JWT中(以限制API端点).管理员可以更改角色.

如果角色发生了变化.我怎么能在所有代币中反映这一点?我考虑过几个解决方案:

  • 如果我使用刷新令牌,则用户必须等到访问令牌的到期日期到期.

  • 我可以记录已更改的用户ID并检查每个请求,然后在用户更改后返回新令牌.

有没有标准的方法来做到这一点?

authentication oauth jwt asp.net-core asp.net-core-webapi

16
推荐指数
2
解决办法
4978
查看次数

window.resolveLocalFileSystemURL vs window.requestFileSystem

使用cordova文件插件下载文件时使用window.resolveLocalFileSystemURLvs有什么区别window.requestFileSystem?我找不到关于resolveLocalFileSystemURL的任何文档,但它工作正常,它更容易使用?

我应该在cordova应用程序中使用哪一个简单的CRUD操作?

(我用cordova 3.4.0-0.1.3)

我这样使用它:

function onResolveSuccess(fileEntry) {

            fileEntry.file(function(file) {
               var reader = new FileReader();

               reader.onloadend = function(evt) {
                    var _machines = JSON.parse(evt.target.result);  
                    machinesCache.setMachines(_machines.AllMainCategories);
               };

               reader.readAsText(file);
            }, errorHandler);

        };

        window.resolveLocalFileSystemURL("cdvfile://localhost/persistent/machinedata/machines.json", onResolveSuccess, errorHandler);
Run Code Online (Sandbox Code Playgroud)

fileapi cordova

10
推荐指数
1
解决办法
1万
查看次数

获得N个最新记录

如何获得流星mongodb的N最新记录?

我知道我可以用普通的mongodb这样做:db.foo.find().sort({_id:1});所以我认为这适用于流星:collection.find({chatroom: Session.get("room")}, {sort: {_id:1}, limit: N }).

但这只会返回一些"随机"文档.我猜他们是具有最低_id值的10条记录,如_id = aaaaa和_id = aaaab.

我在这里错过了什么?在正常的mongodb它的超级?!

meteor

8
推荐指数
1
解决办法
3983
查看次数

正则表达式匹配Productivity Power Tools-plugin中的文件类型

在Visual Studio 2012"Productivity Power Tools"插件中,您可以将文件选项卡配置为基于正则表达式进行颜色编码.我试图匹配不同的文件类型,如.less .cshtml,有不同的颜色但不能让它工作.香港专业教育学院试过.*\.cshtml.我应该用什么正则表达式来定位.less和cshtml?

regex visual-studio visual-studio-2012

7
推荐指数
1
解决办法
3481
查看次数

动画填充模式不起作用

我试图让一个标题飞进来,之后当你将它悬停时,它应该摇动(两者都用css3动画).它以我想要的方式飞行,也摇晃,但是在我从元素中移除鼠标之后它会回到原始边缘 - 右边(它在飞行动画之前),即使我设置了`-animation-fill-mode:前锋; 当我查看chromedevtools时,元素永远不会改变其边距(即使动画有效......).我能解决这个问题吗?

另外,有没有办法防止第一个动画在摇动动画后再次发生?

飞翔动画:

#name {
margin:40px 2% 40px 0;

-webkit-animation:flyin 1.5s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-delay: 1800ms;
}

@-webkit-keyframes flyin {

from{margin-right: 2%;}
30% {margin-right: 12%;}
50% {margin-right: 9%;}
60% {margin-right: 10%;}
to {margin-right: 10%;}
}
Run Code Online (Sandbox Code Playgroud)

摇动画:

#name:hover {
        **margin-right: 10%; //i also have to set this?! or it starts at 2%**
        -webkit-animation:shake 0.7s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-origin:50% 50%; 
        -webkit-animation-iteration-count: infinite; 
        -webkit-animation-timing-function: linear;


    }

    @-webkit-keyframes shake { 
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
10% { -webkit-transform: translate(-1px, …
Run Code Online (Sandbox Code Playgroud)

html5 css3 css-animations

6
推荐指数
1
解决办法
9619
查看次数

无法获得$ templateCache工作

我使用gulp-angular-templatecache创建一个包含所有模板的模块.这工作正常,我得到一个这样的模块:

angular.module("starter.templates").run(["$templateCache",
  function($templateCache) {
    $templateCache.put("searchmachines.html",
        // searchmachines.html content
    );
    // etc.
  }
]);
Run Code Online (Sandbox Code Playgroud)

但是,当我尝试将其包含在我的应用程序中时,我收到此错误:

未捕获错误:[$ injector:nomod]模块'starter.templates'不可用!您要么错误拼写了模块名称,要么忘记加载它.如果注册模块,请确保将依赖项指定为第二个参数

在我的index.html头部,我有这个:

<head>
    /* other stuff */
    <script src="templates/templates.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>
    <script src="js/filters.js"></script>
</head>
Run Code Online (Sandbox Code Playgroud)

在我的app.js中我得到了这个:

angular.module('starter', [
  'ionic',
  'starter.controllers',
  'starter.services',
  'starter.filters',
  'starter.templates'
])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
    window.location.href = '#/app/maincategories';
  });
})

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider

    .state('app', {
      url: "/app",
      abstract: true,
      templateUrl: "templates/menu.html",
      controller: 'AppCtrl'
    })

    .state('app.showmachine', {
      url: "/showmachine",
      views: {
        'menuContent' :{ …
Run Code Online (Sandbox Code Playgroud)

angularjs

6
推荐指数
1
解决办法
8869
查看次数

垂直对齐输入内的字符

如何在不改变输入高度的情况下垂直对齐输入中的字符/文本(它必须精确到28px)?输入有这个CSS,所以我不明白为什么它有一些padding-top(?):

input {
    font-family: arial;
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    padding: 0;  
    border: none;
    outline: none;
    background-color:#cdcdcd;
}
Run Code Online (Sandbox Code Playgroud)
<input value="asdg">
Run Code Online (Sandbox Code Playgroud)

一些字母如g,pq被切断了

删除边距底部没有帮助.

https://jsfiddle.net/4rtL6415/

html css

4
推荐指数
1
解决办法
457
查看次数

用javascript获取相对URL

有没有一种简单的方法来获取javascript的相对URL?我试图使用,window.location.href但它返回绝对路径.

我想做的是:我有两页; mobile.html和desktop.html.我想使用一个javascript文件来检测用户是在移动设备还是桌面上(我知道,这不是一个非常好的方法...)像这样:

var is_mobile = //alot of text from http://detectmobilebrowsers.com/
                //that returns true/false, this works fine

if (is_mobile){

    if (window.location.href != "mobile.html"){
        window.location = "mobile.html";
    }
}

else {
    if (window.location.href != "desktop.html"){
        window.location ="desktop.html";
    }
}
Run Code Online (Sandbox Code Playgroud)

所以绝对路径的问题是,当测试mobile/desktop.html时,它们都会进入无限循环页面刷新.

javascript

3
推荐指数
1
解决办法
1万
查看次数

可编辑的同步排序顺序

如何实现 Firestore 以便用户可以对数组中的项目进行排序并同步排序顺序?例如,在待办事项列表中订购项目。

我可以想出两种选择。但他们感觉不是好主意..

  1. 在指定索引处插入项目。但我不确定如何或是否可以使用 Firestore 做到这一点?

  2. 每次添加新项目或“移动”项目时,都会将新的 sortKey 值映射到每个项目,然后更新所有项目。我也许可以用 .batch 做到这一点,但感觉效率超级低?

一定会有更好的办法!

使用 firebase 实时数据库更容易吗?

firebase firebase-realtime-database google-cloud-firestore

2
推荐指数
1
解决办法
187
查看次数