小编Mr_*_*een的帖子

那么,JSONP还是CORS?

我的WebAPI部署在Intranet环境中.这意味着安全不是我关注的问题.

看起来CORS 对客户端更友好,更容易实现.

我可能错过了任何其他问题吗?

jsonp cors asp.net-web-api

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

拉伸子div高度以填充具有动态高度的父级

正如在下面的小提琴中可以看到的那样,我有两个divs,包含在父母中div,已经伸展到包含大div,我的目标是让这些孩子div的身高相等.

http://fiddle.jshell.net/y9bM4/

html css css3

85
推荐指数
4
解决办法
11万
查看次数

获取插入符号在文本区域中的偏移位置(以像素为单位)

在我的项目中,我试图以textarea像素为单位获得插入符号的偏移位置.可以这样做吗?

在问这里之前,我已经经历了许多链接,尤其是Tim Down,但我找不到适用于IE8 +,Chrome和Firefox的解决方案.这似乎添下正在此.

我发现的其他 一些链接有很多问题,比如找不到插入位置的顶部偏移量.

我正在尝试获得插入符号的偏移位置,因为我想在其中显示基于插入符的偏移位置的自动完成建议框textarea.

PS:我不能使用a,contenteditable div因为我写了很多与a相关的代码textarea.

javascript jquery textarea cross-browser

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

在Facebook上分享 - 缩略图未首次显示

https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.frcc.us%2F1197%3Fv%3D3422%26f%3D5

你现在应该看到它有缩略图.但每次我从我的网站发布一个新链接(配置如上例所示)时,缩略图将不会首次显示.我必须刷新,然后缩略图显示.

我应该包括有效的og标签.当我在https://developers.facebook.com/tools/debug上测试我的链接时

有时它会给我一个错误说og:图像应该更大.然后我只需要再次调试它然后错误就消失了.

og:我所有链接的图像都是一样的.我提供了最大的图像1500x1500.链接到图像时没有重定向.

为什么?

share facebook thumbnails opengraph

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

JSBin:如何获得ES6/Babel标签?

我正在学习JavaScript.我正在使用在线编辑器Jsbin来运行javascript.我想将ES6与Babel一起使用.我看过一些教程或JSBins在编辑器中有babel选项卡.有关详细信息,请参阅屏幕截图.我无法弄清楚如何ES6/Babel在JSbin中获取此选项卡.有人可以帮我这个吗?谢谢.

截图

javascript jsbin

26
推荐指数
1
解决办法
9359
查看次数

Angular 7.0.1中的Web worker设置

我正在尝试在我现有的Angular 7.0.1项目(中等规模项目)中进行Web工作者设置.我在完成以下链接后进行了设置:

以下是我对每个文件的更改:

./src/main.ts

import 'zone.js';
import { enableProdMode } from '@angular/core';
import { bootstrapWorkerUi } from '@angular/platform-webworker';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

console.log("main.ts file loaded!");
bootstrapWorkerUi('webworker.js');
Run Code Online (Sandbox Code Playgroud)

./src/workerLoader.ts

import 'polyfills.ts';
import '@angular/core';
import '@angular/common';

console.log("workerLoader.ts file loaded!");

import { platformWorkerAppDynamic } from '@angular/platform-webworker-dynamic';
import { AppModule } from './app/app.module';

platformWorkerAppDynamic().bootstrapModule(AppModule);
Run Code Online (Sandbox Code Playgroud)

./angular.json

"projects": {
  "[project name]": {
    "architect": {
      "build": { …
Run Code Online (Sandbox Code Playgroud)

web-worker typescript webpack angular angular7

22
推荐指数
1
解决办法
4310
查看次数

格式参数不正确

目前,当我访问时localhost/phpmyadmin,我看到以下错误:

错误:令牌不匹配(在工具提示中)

格式参数不正确

我将逐步解释我所做的改变:

  • 我安装了1.7版本的xampp.
  • 为了将其升级到最新版本,我将Xampp文件夹重命名c://为"xampp_1"并以.sql格式进行了组数据库备份.
  • 从这个链接,我下载php_oauth-1.2.3-5.6-ts-vc11-x86.zip并复制php_oauth.dllc://xampp/php/ext/然后在php.ini,我提到extension=php_oauth.dll.

  • 在此之后,我通过Xampp运行Apache服务器和Mysql.然后尝试通过CLI导入sql备份文件,如下所示:

    mysql -u root < localhost.sql
    
    Run Code Online (Sandbox Code Playgroud)
  • 我在命令提示符下遇到了一些错误.(我会尽快更新)

  • 然后我访问时localhost/phpmyadmin,我看到这个页面:

在此输入图像描述

php mysql apache xampp phpmyadmin

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

css - 向其他方向扩展宽度

当我将它们悬停时,我有一些图标会扩展:

  .icon
  {
      width: 128px;
      height: 128px;
      background: url(icons.png) no-repeat;
      background-position: left top;
      -webkit-transition: width .2s;
  }
  .icon.icon1:hover
  {
      width: 270px;
      backgorund-position-x: -128px;
  }
Run Code Online (Sandbox Code Playgroud)

当我悬停一个图标时,它的宽度会发生变化,因此-webkit-transition会扩展图标.它的扩展方式是从左到右,这对.icon1和.icon2都有好处,但它应该与.icon3和.icon4相反(从右到左).

html css

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

在Div上滚动条的IE10问题

我在div上使用滚动条,它似乎在IE10中有渲染问题.

当您将div一直滚动到底部,然后返回顶部时,顶部内容将丢失.

你知道IE10是否有解决方案?

链接:http: //landpros.com/propsearch.php

这是div上的CSS:

.prop-search-content-wrapper{
    margin: 0 0 30px 0;
    padding: 0;
    height: 980px;
    overflow-x:hidden;
    overflow:scroll;
}
Run Code Online (Sandbox Code Playgroud)

谢谢!

在此输入图像描述

html css overflow scrollbar internet-explorer-10

16
推荐指数
1
解决办法
2517
查看次数

SVG进度条

我有一个要求,我需要动态加载js文件,并显示通过SVG图标加载文件的进度.SVG图标将充当进度条,其中从底部到顶部线性填充颜色.

这是codepen

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="79.36px" height="93.844px" viewBox="0 0 79.36 93.844">

  <path fill="transparent" stroke="black" d="M50,2C30-4,8,7,2,28c-6,20,5,42,26,48h0l-4,15l33-18c0-0,0-0,1-0l0-0l-0-0c8-4,15-12,17-22C83,30,71,8,50,2z" />
</svg>
Run Code Online (Sandbox Code Playgroud)

我打算让这个图标独立,这样我只会动态传递百分比值.

我以某种方式能够完成动画,但无法保持svg的边框或轮廓.这是代码.

#progressMove {
  transition: .3s y;
}
#progressMove:hover {
  y: 60%;
}
Run Code Online (Sandbox Code Playgroud)
<svg id="kenseoProgress" width="79.36px" height="93.844px" viewBox="0 0 79.36 93.844">
  <defs>
    <mask id="bubbleKenseo">
      <path fill="red" stroke="black" d="M50,2C30-4,8,7,2,28c-6,20,5,42,26,48h0l-4,15l33-18c0-0,0-0,1-0l0-0l-0-0c8-4,15-12,17-22C83,30,71,8,50,2z" />
    </mask>
  </defs>
  <g x="0" y="0" width="79.36px" height="93.844px" mask="url(#bubbleKenseo)" height="100">
    <rect id="progressMove" x="0" y="0%" width="100%" height="100%" fill="blue" stroke="black" />
  </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

所以,我遇到的问题是:

  • 无法维护SVG的边框
  • 无论我添加什么颜色都有某种不透明度,我无法删除.
  • 编辑:浏览器兼容性:IE11 +,chrome,safari和firefox

PS:我不想使用SMIL动画.

css svg css3 svg-animate css-shapes

16
推荐指数
3
解决办法
2698
查看次数