小编cas*_*raf的帖子

使用HTML/CSS覆盖浏览器表单填充和输入突出显示

我有两种基本形式 - 登录和注册,都在同一页面上.现在,我对登录表单自动填充没有任何问题,但是注册表单自动填充,我不喜欢它.

此外,表单样式获得黄色背景,我无法覆盖,我不想使用内联CSS这样做.我该怎么做才能让它们停止变黄和(可能)自动填充?提前致谢!

html css input autofill

127
推荐指数
6
解决办法
16万
查看次数

什么是在两个对象之间有水平空间的HTML?

我一直在寻找答案并尝试不同的事情而没有成功.有人可以让我知道如何使用PHP代码在两个对象之间放置空格吗?(请注意:我使用WordPress,以防万一.)

我知道如何垂直地这样做</br>,但是水平等同于什么?

请注意,我对代码知之甚少,所以您提供的任何详细信息都非常感谢 - 非常感谢!

html css

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

Shadow DOM中的Angular 1.x ngAnimate不会注册动画时间或添加进入/离开类

我一直在尝试解决几个小时的解决方案 - 所有SO中的重复项似乎对我不起作用,因为他们主要建议尝试不同版本的ng-animate/angular或添加过渡/动画相关的类,以便ngAnimate可以正确处理他们的时间.

我的问题是所有这些都有效,我将所有属性都放在正确的位置 - 但现在我正在迁移我们的Chrome扩展程序以在Shadow DOM封装下工作.

笔记:

  • Shadow DOM可能是罪魁祸首,但我不确定为什么或如何解决它.它可能也是无关紧要的,或者只是在实际问题中扮演次要角色(这可能是由于Shadow DOM +角度中的DOM处理不当)
  • 我在扩展注入的生命周期中稍后手动引导我的应用程序,因为它应该只在回调后启动.这也可能是罪魁祸首

这是一个掠夺者 - 我想我的情况就像我在这里一样孤立.单击链接应分别在向下滑动/向上动画中打开/关闭它们之后的div.目前他们只是立即开放.

以下是相关款式:

.view-container {
  position: absolute;
  top: 70px;
  bottom: 0;
  background: white;
  transition: all 0.4s 0.2s ease-in-out;
  overflow-y: hidden;
  // slide animation
  &,
  &.ng-hide-remove,
  &.ng-hide-remove-active {
    max-height: 500px;
  }

  &.ng-hide {
    max-height: 0;
  }
}
Run Code Online (Sandbox Code Playgroud)

这是模板:

<div ng-show="rchCtrl.view == 'flag'"
  class="view-container">
  <div ng-include="'/templates/extension/article-flag-form.html'"
    ng-if="rchCtrl.view == 'flag'"
    ng-controller="ArticleFlagCtrl as flg"
    class="article-flag"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

凉亭文件:

"dependencies": {
    "jquery": "^2.2.1",
    "trackjs": "^2.8.3",
    "angular": "^1.6.0",
    "qtip2": "^2.2.1",
    "ng-qtip2": …
Run Code Online (Sandbox Code Playgroud)

javascript css angularjs ng-animate

14
推荐指数
1
解决办法
202
查看次数

在Linux租用的服务器上免费获取服务器端的网站屏幕截图

好的,现在我真的不能为任何服务买单.我希望能够使用我的租用服务器(基于Linux)截取屏幕截图并将其输出到屏幕上.

我知道有很多服务可以做到这一点,但它们通常有限制或水印,或者您必须等待从队列中截取屏幕截图.

有没有办法自己截取屏幕截图,以后可能会缓存它们或其他什么?我正在使用PHP,但我不仅限于此; 我只是在Linux服务器上,所以GD的适当功能不起作用.救命!:)

php linux screenshot server-side web

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

从承诺结果导出节点模块

我正在尝试重写模块以返回与以前不同的值,但现在它使用异步调用来获取该值.(child_process如果重要的话).我把它包装在Promise中,但这对我来说并不重要 - 它可以在原始的child_process回调中,但问题是我无法将承诺链接到应用程序中的任何地方,因为我需要这个变为同步.这是我的模块:

exec = require('child_process').exec

platformHome = process.env[if process.platform is 'win32' then 'USERPROFILE' else 'HOME']

getExecPath = new Promise (resolve, reject) ->
  path = process.env.GEM_HOME

  if path
    resolve(path)
  else
    exec 'gem environment', (err, stdout, stderr) ->
      unless err
        line = stdout.split(/\r?\n/)
                 .find((l) -> ~l.indexOf('EXECUTABLE DIRECTORY'))
        if line
          resolve line[line.indexOf(': ') + 2..]
        else
          reject undefined

GEM_HOME = undefined

getExecPath.then (path) ->
  GEM_HOME = path
.catch ->
  GEM_HOME = "#{platformHome}/.gem/ruby/2.3.0"
.then =>
  module.exports = GEM_HOME // or simply …
Run Code Online (Sandbox Code Playgroud)

javascript node.js coffeescript

9
推荐指数
1
解决办法
7219
查看次数

如何避免在Android上的onCreate上重新创建视图?

我有一个FragmentActivity显示联系人列表.

这是我的onCreate方法:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_human_list);

    if (findViewById(R.id.human_detail_container) != null) {
        // The detail container view will be present only in the
        // large-screen layouts (res/values-large and
        // res/values-sw600dp). If this view is present, then the
        // activity should be in two-pane mode.
        mTwoPane = true;

        // In two-pane mode, list items should be given the
        // 'activated' state when touched.
        ((HumanListFragment) getSupportFragmentManager()
                .findFragmentById(R.id.human_list))
                .setActivateOnItemClick(true);
    }

    if (savedInstanceState == null || !savedInstanceState.getBoolean("displayed_contacts")) …
Run Code Online (Sandbox Code Playgroud)

android

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

ReactJS - 如何从通过获取数据填充的props正确初始化状态?

这是我的编辑组件:

class EditField extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: '' };
  }
  edit(e) {
    this.setState({ value: e.target.value });
    if (e.keyCode === 13) {
      this.props.onEdited(this.state.value);
    }
  }
  render() {
    return (
      <div>
        <input
          type="text"
          value={this.state.value}
          onChange={this.edit.bind(this)}
        />
      </div>
    )
  }
}
Run Code Online (Sandbox Code Playgroud)

我需要从像这样的道具填充状态:

function Container({ entity, onEdited }) {
  return (
    <div>
      <EditField onEdited={onEdited} value={entity.firstName} />
      <EditField onEdited={onEdited} value={entity.lastName} />
    </div>
  );
}
Run Code Online (Sandbox Code Playgroud)

Container组件GET onEditedentity道具终极版店. Container的父级将处理数据提取和onEdited(只有在用户命中时才会触发Enter)将dispatch请求服务器. …

javascript reactjs

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

关于框架的一般问题

好的,我已经用PHP编程好几年了.我一直很喜欢从头开始构建内容系统以进行练习(论坛,博客,漫画,一般CMS等),但是在过去的几个月里,我得出的结论是,我把太多的时间都花在做冗余工作上,比如建立基本内容每次系统 - 从获取数据库中的信息,使得基本布局带来任何有价值的内容管理它,等现在摆在实际工作中,即时通讯意识到发展框架,比如Zend,CakePHP的等; 但是我总是没有让他满意地工作,似乎很快就放弃了.

所以我的问题是:

  • 这些框架的可定制性如何?一旦我学会正确使用它们并开始研究实际功能而不是浪费数周时间来完成一个简单的基础并运行,我真的可以完全获得自由吗?
  • 我可以在后台编写自己的函数来做多少事情?
  • 结果通常很快吗?或者框架提供缓慢而繁重的代码?
  • 真正让他们对我有利的工作是多么直观,如何轻松地完成基本工作并使用真正重要的东西?

我喜欢这个主题的任何见解.此外,我很想知道你们是否有任何首选框架可供使用.提前致谢!

php model-view-controller frameworks

5
推荐指数
1
解决办法
190
查看次数

带响应的自定义事件,这可能吗?

我正在尝试将 CustomEvent 合并到我的工作流程中。但我需要此事件以两种方式进行通信:脚本将事件发送到文档,并且它应该响应相同的发起者。

我尝试过以下方法:

ev = new CustomEvent('StorageRequest', {
  detail: {
    space: theSpace,
    method: theMethod,
    arguments: args
  }
})
document.dispatchEvent(ev)
Run Code Online (Sandbox Code Playgroud)

我的听众看起来像这样:

document.addEventListener('StorageRequest', (e) => {
  console.debug('Sending StorageRequest', e)
  // do something, then answer back with response
})
Run Code Online (Sandbox Code Playgroud)

有什么办法可以达到这个目的呢?

我尝试过使用 Promise 并使用解析/拒绝发送响应,但传递函数似乎会破坏detail事件,如果我尝试这样做,结果将为空:

return new Promise((resolve, reject) => {
  ev = new CustomEvent('StorageRequest', {
    detail: {
      space: theSpace,
      method: theMethod,
      arguments: args,
      resolve, reject
    }
  })
  document.dispatchEvent(ev)
})
Run Code Online (Sandbox Code Playgroud)

注意: 我想避免“一般”将响应发送回文档。我更喜欢请求和响应是完全有意的,并在代码中正确处理
,我没有附加任何元素,所以使用来自的元素e.target不是一个选项(除非我可以用它做其他事情)

javascript events

5
推荐指数
1
解决办法
1587
查看次数

React+Jest - 测试异步组件并等待挂载

我正在尝试测试具有 async 的 React 组件componentDidMount

承诺本身不需要被嘲笑,它不一定用于访问外部内容,主要只是道具的包装。

但是,为了测试它,我需要使用wrapper.update() 4 次,这对我来说似乎很奇怪。

解决方案在:

一切都不适合我。

这是我的测试的样子(目前有效,但这个解决方案一点也不优雅,而且可扩展性也不强):

import * as React from 'react'
import { shallow, mount } from 'enzyme'
import LargeSelector from './LargeSelector'

describe('<LargeSelector />', async () => {
    const componentDidMountSpy = jest.spyOn(LargeSelector.prototype, 'componentDidMount')

    describe('search', async () => {
        it('should save initial response in cache', async () => {
            const wrapper = await shallow(<LargeSelector query={async (search) => ['search:' + search]} />)

            // WHY DO …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs jestjs enzyme

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