防止vuejs在解析时出现闪烁（vue.js报错）

25-03-12 7

此处将为大家介绍关于防止vuejs在解析时出现闪烁的详细内容，并且为您解答有关vue.js报错的相关问题，此外，我们还将为您介绍关于Angularjs在初始化未完毕时出现闪烁问题的解决方法分析、C#J

此处将为大家介绍关于防止vuejs在解析时出现闪烁的详细内容，并且为您解答有关vue.js报错的相关问题，此外，我们还将为您介绍关于Angularjs在初始化未完毕时出现闪烁问题的解决方法分析、C# JsonConvert.DeserializeObject 在解析json时出现异常。、perl – 我在解析时没有获得HTML标记、Perl或C在解析时是否更快？的有用信息。

本文目录一览：

防止vuejs在解析时出现闪烁（vue.js报错）
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
C# JsonConvert.DeserializeObject 在解析json时出现异常。
perl – 我在解析时没有获得HTML标记
Perl或C在解析时是否更快？

防止vuejs在解析时出现闪烁（vue.js报错）

---## 防止vuejs在解析时出现闪烁 ##

原因：
在使用vuejs、angularjs开发时，经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM，都会等待DOM加载完成（DOM ready）。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template，所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现。而对于IE7，8这类解析稍慢的浏览器大部分情况下是不会出现这个问题的。

解决方法：
在vuejs、angularjs中为我们提供了v-cloak、ng-cloak来实现防止闪烁的方案，同时对于bing文字({{ express }} )我们也可以改为v-bind、ng-bind来实现避免。

下面以vuejs为例：

#v-cloak
用法：

这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

1 [v-cloak] {
2   display: none;
3 }
4 
5 <div v-cloak>
6   {{ message }}
7 </div>

<div> 不会显示，直到编译结束。

原理：

带有v-clock的的元素设置为display:none，隐藏掉，在等到vue解析到带有v-clock的节点时候，会把attribute和class同时remove掉，这样就可以实现防止节点的闪烁。

//example1:
<span>{{price}}</span>

//example2: 
<span v-bind="price"></span>

//example3: 
<span v-cloak>{{price}}</span>

上例子2和例子3实现的效果是一样的，而例子1在vuejs解析{{price}}之前，用户是可以看到"{{price}}"这个字符串的。而例子2和例子3不会有这种闪烁的情况。

Angularjs在初始化未完毕时出现闪烁问题的解决方法分析

本文实例讲述了Angularjs在初始化未完毕时出现闪烁问题的解决方法。分享给大家供大家参考，具体如下：

方法1：

使用ng-cloak指令，在绑定数据的区域使用该指令并设置该指令的样式为隐藏即可，如下所示：

Html：

<body ng-controller="QuberController" ng-cloak>

Css：

.ng-cloak { display: none; }

方法2：

使用ng-bind指令来代替{{ item.name }}，如下所示：

{{item.name}} → <span ng-bind="item.name"></span>

方法3：

使用resolve属性（可参考：https://www.jb51.net/article/80523.htm）

希望本文所述对大家AngularJS程序设计有所帮助。

您可能感兴趣的文章:

AngularJS初始化过程分析(引导程序)
AngularJS初始化静态模板详解
Angular.js基础学习之初始化
手动初始化Angular的模块与控制器
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Angular.js初始化之ng-app的自动绑定与手动绑定详解
Angular如何在应用初始化时运行代码详解

C# JsonConvert.DeserializeObject 在解析json时出现异常。

class WordsResultDto
    {
        private string log_id;
        private long direction;
        private int words_result_num;
        private List<Words_result> words_result;
        private int language;

        public string Log_id { get => log_id; set => log_id = value; }
        public long Direction { get => direction; set => direction = value; }
        public int Words_result_num { get => words_result_num; set => words_result_num = value; }
        public int Language { get => language; set => language = value; }
        internal List<Words_result> Words_result { get => words_result; set => words_result = value; }
    }

class Words_result
    {
        private string words;
        public string Words { get => words; set => words = value; }
    }

string json = "{\"log_id\": 2488745996327475492,\"direction\": 0,\"words_result_num\": 18,\"words_result\": [{ \"words\": \"xxxxxxxxxxx\"},{\"words\": \"yyyyyyyyyyyyyy\" }],\"language\": -1}";
            WordsResultDto wordsResultDto = JsonConvert.DeserializeObject<WordsResultDto>(json);

最后的结果是，其他字段值都正常，唯独words_result = null，这是什么鬼？还有有替代的方法没？

perl – 我在解析时没有获得HTML标记

我要解析的 HTML代码片段是这样的：

<ul>
    <liitemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person">
        <a href="/search?facet-creator=%22Charles+L.+Fefferman%22" itemprop="name">Charles L. Fefferman</a>,</li>
    <liitemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person">
        <a href="/search?facet-creator=%22Jos%C3%A9+L.+Rodrigo%22" itemprop="name">JosÃ© L. Rodrigo</a>
    </li>

我想提取整个< a>虽然我试图用WWW :: Mechanize :: TreeBuilder解析它,但我得到的唯一内容是作者的名字.所以：

我期待的内容：

<a href="/search?facet-creator=%22Charles+L.+Fefferman%22" itemprop="name">Charles L. Fefferman</a>,<a href="/search?facet-creator=%22Jos%C3%A9+L.+Rodrigo%22" itemprop="name">JosÃ© L. Rodrigo</a>

我收到的内容：

Charles L. Fefferman,José L. Rodrigo

以下是负责解析此代码的代码：

my $mech = WWW::Mechanize->new();
WWW::Mechanize::TreeBuilder->Meta->apply($mech);
$mech->get($addressdio);

my @authors = $mech->look_down('class','author');

print "Authors: <br />";
foreach ( @authors ) {
    say $_->as_text(),"<br />";
}

我认为它可能与as_text()有关,而且当CGI获取HTML时它不会将其作为文本.

解决方法

我处理它,但完全不同的方式 – 使用HTML :: TagParser：

my $html = HTML::TagParser->new("overwrite.xml");
my @li = $html->getElementsByAttribute('class','author');

foreach(@li){
    my $a = $_->firstChild();
    my $link = $a->getAttribute('href');
    say $_->innerText;

    say $link;
}

Perl或C在解析时是否更快？

我有几个非常大的日志文件，我需要解析它们。易于实现显然指向我Perl和正则表达式组合(其中我还是一个新手)。但速度如何？在C中实现它会更快吗？每个日志文件的大小都是2 GB。

解决方法

我非常怀疑C将比Perl快，除非你要手动编译RE。

通过手工编译，我的意思是直接编码有限状态机(FSM)，而不是使用RE引擎编译它。这种方法意味着您可以针对特定情况进行优化，这通常比依靠更通用的引擎更快。

但是，这并不是我曾经建议过的任何人，没有必要在编译器或解析器之前编写lex，yacc，bison或其他类似的工具。

通用引擎，如PCRE，通常是强大和足够快(对我的需要，无论如何，这些需求往往是非常苛刻的)。

当使用一般的RE引擎时，它需要能够处理各种情况，无论是用C或Perl编写。当你想到哪个更快的时候，你只需要比较RE引擎在两种情况下的写法(提示：Perl RE引擎不是用Perl编写的)。

他们都是用C写的，所以你应该在匹配速度方面找到很少的区别。

您可能会发现在RE周围的支持代码的差异，但这将是最小的，特别是如果它是一个简单的读/匹配/输出循环。

关于防止vuejs在解析时出现闪烁和vue.js报错的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于Angularjs在初始化未完毕时出现闪烁问题的解决方法分析、C# JsonConvert.DeserializeObject 在解析json时出现异常。、perl – 我在解析时没有获得HTML标记、Perl或C在解析时是否更快？的相关知识，请在本站寻找。

本文标签：