小编Omi*_*rah的帖子

使用省略号截断文本也会截断工具提示

我正在使用省略号截断文本并在工具提示上显示整个文本。如果文本溢出,则仅显示工具提示。工具提示在 Chrome 中看起来不错,但在 IE 和 Firefox 中则不然。在 IE 中,工具提示文本也会被截断,而在 Firefox 中,工具提示本身也会被剪切。

<div class="card">
    <p>From:</p>
    <p> Dark Angel </p>
    <p class="ellipsis"> QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQAAAAAA
        New york, US<p>        
<div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.card {
    height:416px;
    width:280px;
    display:block;
    border: 1px solid black;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
Run Code Online (Sandbox Code Playgroud)

jQuery:

$('p.ellipsis').bind('mouseenter', function () {
    var $this = $(this);

    if (this.offsetWidth < this.scrollWidth && !$this.attr('title'))
        $this.attr('title', $this.text());
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

你可以从另一个分支中存在的分支中删除Git提交,就像提交的"交集"一样吗?

我有时会发现自己处于简单的情况,我正在进行一些更改并创建一个分支.当我在我的变化中移动时,我开始发现需要清理的一些事情或者我想要开始进入的一些其他部分相关的事情.所以,我想保持特定的分支,所以我快速分离另一个分支,开始处理可能与前一个分支没有相同依赖关系的另一组更改.最后,我最终得到了两个分支,我试图隔离这些变化,但是,这个第二个分支起源于第一个分支,其中术语来自"主".

我可以(并且已经)通过将'master'合并到每个分支中来单独更新每个分支,并且希望将第二个分支准备好合并到'master'中,因为它具有比创建的第一个分支更少的依赖性.但是,此分支还包含自第一个分支分离后所做的更改.

所以我想知道,有没有办法告诉Git类似:"删除这个其他分支中存在的所有提交"这样我就离开了我的第二个分支而没有在第一个分支中完成所有更改,允许我将第二个分支合并为"master",让我回到我创建的第一个分支上工作.

我可能只是在Git中找不到合适的术语,看看它是如何做到的.但是,也许它不能.看起来它应该是非常可行的,看看Git如何很好地向我展示分支1和2之间的适当差异,即使在我从'master'单独更新两个分支之后也是如此.

并且从分支中"删除"是没有必要的..即使这个想法正在创建另一个分支但是仍然以某种方式排除在第一个分支中也在第二个分支中完成的更改就足够了.

git branching-and-merging

5
推荐指数
2
解决办法
895
查看次数

按周javascript分组日期

我有一系列波斯日期,我想按周分组日期.例如,我有以下数组:

[
    "1396-10-11 09:07:21",
    "1396-10-10 10:03:51",
    "1396-10-07 02:07:02",
    "1396-11-27 08:02:45",
    "1396-11-19 01:02:32",
    "1396-12-01 22:13:21",
    "1396-02-12 09:07:21",
    "1396-05-18 04:02:29",
    "1396-05-21 14:01:42",
    "1396-07-11 01:16:29"
]
Run Code Online (Sandbox Code Playgroud)

我希望按周分组日期.

我写了以下代码,但效果不佳:

Array.prototype.groupBy = function(prop) {
  return this.reduce(function(groups, item) {
    var val = item[prop];
    groups[val] = groups[val] || [];
    groups[val].push(item);
    return groups;
  }, {});
}

const formatted = dates.map(elem => {
  return { 
    numberOfWeek: moment(elem.date, 'jYYYY-jMM-jDD').startOf('jMonth').jWeek(),
    date: moment(elem.date, 'jYYYY-jMM-jDD').format('jYYYY-jMM-jDD'), 
    score: elem.score 
  };
});
Run Code Online (Sandbox Code Playgroud)

javascript arrays group-by date

5
推荐指数
2
解决办法
3185
查看次数

如何使用 Node Express 路由处理 React Router

我正在尝试使用反应路由器和节点 js 服务器管理反应应用程序

我的路由器反应:

        <BrowserRouter>
        <Switch>
            <PrivateRoute token={token} Component={Payments} exact path="/payments"/>
            <PrivateRoute token={token} Component={User} exact path="/user"/>
            <PrivateRoute token={token} Component={User} exact path=""/>
            <PrivateRoute token={token} Component={User} exact path="/"/>
        </Switch>
       <BrowserRouter/>

 export const PrivateRoute = ({Component, ...rest,token}) => {

   return (
    <Route {...rest} render={props => token ? (<Component {...props}/>) :
        (<Redirect to={{pathname: '/login', state: {from: props.location}}}/>)

    }/>
   )

};
Run Code Online (Sandbox Code Playgroud)

和我的 NodeJS 服务器中的路由器:

const app = express();
const server = new Server(app);
const port = process.env.PORT || 5000;
app.use('/api',router);
app.use(express.static(path.join(__dirname, '/../react_dist')));
app.use('*',  (req, res)=> …
Run Code Online (Sandbox Code Playgroud)

node.js express reactjs react-router

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

Vuex 如何处理 api 错误通知?

两周前我开始使用 Vuex,我意识到 Vuex 非常适合处理应用程序的状态。但是,很难处理 API 调用的错误。当我从服务器获取数据时,我会分派一个动作。当数据成功返回时,当然一切正常。但是当发生错误时,我改变了状态,我不知道如何通过Vuejs组件的状态来检测它以通知用户。谁能给我一些建议?

vue.js redux vuex

5
推荐指数
2
解决办法
3813
查看次数

使用 puppeteer 和 JSON 负载发出 POST 请求

我正在尝试使用 puppeteer 发出 POST 请求并在请求中发送一个 JSON 对象,但是,我遇到了超时......如果我正在尝试发送至少得到回复的正常编码表单数据来自无效请求的服务器......这是代码的相关部分

await page.setRequestInterception(true);
    const request = {"mac": macAddress, "cmd": "block"};
    page.on('request', interceptedRequest => {

        var data = {
            'method': 'POST',
            'postData': request
        };

        interceptedRequest.continue(data);
    });
    const response = await page.goto(configuration.commandUrl);     
    let responseBody = await response.text();
Run Code Online (Sandbox Code Playgroud)

我使用相同的代码来发出 GET 请求(没有有效负载)及其工作

node.js headless-browser puppeteer

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

用地图反应本机循环

我正在用 React Native 开发一个应用程序,我有这个 JSON:

const places = {
  "place1":{
    "title":"title 1",
    "image":"../img/image1.jpeg",
    "description":"description 1.",
  },
  "place2":{
    "title":"title 2",
    "image":"../img/image2.jpeg",
    "description":"description 2.",
  }
}; 
Run Code Online (Sandbox Code Playgroud)

我想在元素列表中输出它,我知道要做到这一点,我必须使用 map() 这是我的代码:

export default class App extends Component{
  render() {
    return (
      <View style={styles.container}>
        {places.map((place) => {
            return (
              <Text>{place.title}</Text>
              <Text>{place.description}</Text>
            )
         })}
      </View>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用,有谁知道我错了或者我怎样才能达到我的目标?

javascript react-native

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

带有任务调度程序的控制台应用

我已经创建了一个控制台,我希望每隔1分钟不间断地运行它,我尝试放入调度程序任务,但我认为我的配置很糟糕,有人可以帮忙吗?我想完成这项任务谢谢

windows console-application

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

在NestJS中设置参数

我正在启动NestJS(强大的框架!)

我将使我的route Query参数成为必需,否则将引发错误400。

@Controller('')
export class AppController {
  constructor() {}
  @Get('/businessdata/messages')
  public async getAllMessages(
    @Query('startDate', ValidateDate) startDate: string,
    @Query('endDate', ValidateDate) endDate: string,
  ): Promise<string> {
   ...
  }
}
Run Code Online (Sandbox Code Playgroud)

我正在使用管道来确定参数是否有效,但不能确定该参数是否存在,而且我不确定是否为此而设计了管道。

那么,如果没有抛出错误,我该如何检查NestJS是否存在我的参数?

javascript node.js express typescript nestjs

4
推荐指数
2
解决办法
2819
查看次数

从typescript代码滚动到元素(角度5)

我在屏幕中间有div.div包含一个提交按钮.当我点击"提交"屏幕位置下降到底部.我试图用window.scrollTo()滚动到元素,但它不起作用.我需要从component.ts做到这一点,我有一个事件,当我按下提交时调用.我将非常感谢你的帮助.

javascript typescript angular angular5

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