在做angular的SPA开发时，我们经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM，都会等待DOM加载完成（DOM ready）。对于angular会在DOM ready完会才回去解析html view Template，所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现。而对于IE7，8这类解析稍慢的浏览器大部分情况下是不会出现这个问题的。
最近太忙了，项目中使用的弹框老板嫌太丑，让我们优化一下，我在网上找了一下，找到了sweetalert弹框，算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中，在项目中引入sweetalert时，遇到诸多问题，但最终在我不懈坚持下，都解决了，实现了效果。具体用法请看下文。写的有问题的地方欢迎留言，我会及时更改。
本文精选了「前端大全」2017 年 12 月的 15 篇热门文章。其中有职场分享、技术分享和技术资源。 《6 大主流 Web 框架优缺点对比》 是该读些评论和做一些总结的时候了。当我们开始写这个系列博客的时候，我们知道 JavaScript/web 应用框架并不太好总结。我们努力对这个不可回答的问题作出回答：我该用什么样的框架？ 《可能是目前最完整的前端框架 Vue.js 全面介绍》 2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和re
Auth Guard 该系统的大部分页面都应该是用户登陆以后才可以看见, 没有登陆的话直接应该跳转到登陆页面. 首先建立authguard: ng g g guards/auth 代码: import { Injectable } from '@angular/core'; import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router'; import { Observabl
有多少朋友做过浏览器兼容性测试？怎么做的，效率怎么样，是在不同的机器上下载不同的浏览器进行效果确认？有多少人对浏览器的兼容性测试犯过愁？ 本人曾经也对浏览器的兼容性感到头痛，后来到网上找了些资料和工具，虽然未能彻底解决所遇到的问题，不过多少有些帮助，特此分享给大伙，若大伙有什么更好的工具或是经验方法还希望能拿出来晒一晒。 鄙人主要尝试过这几个工具:IETester, SuperPreview,Browsershots，Browser Sandbox。下面分别说一下。 IETester 估计工作
使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:
最近在调试一个通过webview打开本地html的页面。 出现了: 404 Not Found The resource could not be found
videogular2 GitHub 地址：https://github.com/videogular/videogular2
本章主要来了解一下新的标签，就是表格标签，我们可以先来认识一下什么是表格，当你写excle的时候，大家都会看到一个格子一个格子的形式的，那么它们组合成的就是表格。
这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性，强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。
作为一个国内开发者而言使用Git操作神器SoureTree最大的问题就是账号注册问题，因为注册账号的链接在不翻墙的情况下基本上是打不开的（弄过的童鞋应该都体会过），所以有的时候我们需要借助一些翻墙工具助我们一臂之力。如蓝灯，谷歌访问助手等，该篇博客主要是讲解一下如何注册SoreceTree（我的版本是3.3.9）的Atlassian账号，文末还有一个SourceTree跳过注册安装使用的教程（不知道是不是我的版本太高的原因按照该篇博客的教程操作了还是不起作用，这里仅供大家参考，推荐使用注册账号的方式来进行登录）。
码云项目页：https://gitee.com/scooplolwiki/toh-0
如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文. Angular CLI 官网: https://github.com/angular/angular-cli 安装angular cli: npm install -g @angular/cli 不过首先要确保您安装了比较新版本的nodejs. 今天主要通过以下几个方面介绍Angular CLI: 生成项目 参数介绍 配置和自定义CLI 检查和修复代码 生成新项目: ng new my-app 这个命令会生成一
最近在项目中遇到一个问题，同事在IE浏览器下测试时出现底部大块空白的问题。如下图：
虽然有了一些新生派竞品比如yarn，但使用或者习惯了npm的开发者仍然大有人在。
Swiper是目前较为流行的移动端触摸滑动插件，因为其简单好用易上手，受到很多前端开发者的欢迎。 ---- 今天在使用Swiper的时候遇到这个问题： 使用angularjs动态循环生成swiper-slide类，在swiper-wrapper里生成6个以上的滑动页，可是就是划不到第二页，尝试将longSwipesRatio的值修改到最小，仍然不起作用。 <div cla05
使用 Rxjs，对于初学者来说，当我们处理 observables 错误的时候容易疑惑，因为我们会考虑使用 try-catch 方式捕获。但是，Rxjs 是通过操作符来管理错误。
渐进式Web应用（Progressive Web Applications，简称 PWAs）是迄今为止在Web开发中最令人兴奋的创新技术之一。PWA 使你可以用 JavaScript 来创建一个“Service Worker”，它为你提供与原生应用相关联的各种功能，例如推送通知，离线支持和应用的加载屏幕 —— 这一切可都是基于Web的！这真是极好的。
在windows系统上，jetty默认在运行时会锁定部署的文件。 你可以在maven本地仓库找到jetty的jar包，更改其中的webdefault.xml； 或者拷贝webdefault.xml
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/78161765
如：select * from test where id-1=9;//错误的写法
DNS 缓存是一个临时数据库，用于存储有关以前的 DNS 查找的信息。换句话说，每当你访问网站时，你的操作系统和网络浏览器都会保留该域和相应 IP 地址的记录。这消除了对远程 DNS 服务器重复查询的需要，并允许你的 OS 或浏览器快速解析网站的 URL。
在 Web 开发中，随着需求的增加与代码库的扩张，我们最终发布的 Web 页面也逐渐膨胀。不过这种膨胀远不止意味着占据更多的传输带宽，其还意味着用户浏览网页时可能更差劲的性能体验。浏览器在下载完某个页面依赖的脚本之后，其还需要经过语法分析、解释与运行这些步骤。而本文则会深入分析浏览器对于 JavaScript 的这些处理流程，挖掘出那些影响你应用启动时间的罪魁祸首，并且根据我个人的经验提出相对应的解决方案。回顾过去，我们还没有专门地考虑过如何去优化 JavaScript 解析/编译这些步骤；我们预想中的是解析器在发现 <script>标签后会瞬时完成解析操作，不过这很明显是痴人说梦。下图是对于 V8 引擎工作原理的概述：
如果该应用程序尚未运行，请启动该应用程序。 在进行更改时，请通过重新加载浏览器窗口来保持运行。
基本上就是超时的error. 如果页面超时，会导致后面的所有都不执行。 selenium是单进程在执行，我们考虑搞一个备用的进程，如果主进程死了，就可以切换过来，如同我们生活中的备胎。 这样就不需要重新启动selenium。
检测开发者工具的话，整合了各种较新的方法，经测试是支持 Chrome （包括单独窗口打开的情况）和 Firefox （在单独窗口打开时，只有打开控制台时才能检测到），其他浏览器还没有测试，不过估计 chromium 内核的浏览器也都是支持的
我手头上的selenium 是2021-07-04年SeleniumBasic 3.141.0.0的。我们可以认为“Selenium”它最大的贡献就是在于把原来java、c#、python才能玩的东西，VFP同样能搞,因为它支持的浏览器非常多：Chrome、Firefox、Microsoft Edge、Internet Explorer、Opera、Safari、QQ和360等浏览。我们可以理解在VFP上可以控制这些浏览器，去为了我们网页任务工作。比2016年进步了太多。稳定性和操控性都变好了。selenium是基于webdriver协议
网上绝大部分的帖子的配置都是不起作用的。目前用的谷歌浏览器80版本的，经过测试以下方式完全可以实现该功能。只把核心代码展示下
但是，将默认安装在C盘的谷歌浏览器移到其他盘之后，好多默认的设置就失效了，怎么办呢
Message: unknown error: Chrome failed to start: exited abnormally
浏览宽高变化监测主要是监测浏览器可视区域的宽高：window.innerWidth / window.innerHeight（滚动条和内容区）和浏览器宽高：window.outerWidth / window.outerHeight（inner的基础上加上工具条的宽高）之间的差值。
Let’s Encrypt是一个免费并且开源的CA，且已经获得Mozilla、微软等主要浏览器厂商的根授信。它极大低降低DV证书的入门门槛，进而推进全网的HTTPS化。
但是，对于文件输入字段，情况略有不同。与文本或数字字段不同，简单地设置文件输入字段的值是无效的。
DNS 是什么-- Domain Name System，域名系统，作为域名和IP地址相互映射的一个分布式数据库。
年底了，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～
编码格式 告诉给浏览器用什么方式来都这页代码，，这里是用UTF-8编码的，utf-8是国际编码，实用性比较强推荐使用。
在使用Vux的tabbar组件，发现底部导航文字会有下划线，用chrome的开发者工具去找到该标签，发现就是一个span,利用各种CSS手段去删除下划线，都不起作用，但是删除这个span标签文字就消失了，span的样式里面也没有出现让其产生下划线的样式，绞尽脑汁去想各种CSS或者是JS能让span控件产生下划线的东西，一点头绪都没有。 后面想想唯一的可能性就是a标签了，于是往上去找span的父标签，最后还是找到了a标签，只是这个a标签包含了很多东西，比如 icon图标、文字描述等，只是我习惯性的去定位到产生下划线最近的标签，因为下划线是a 作用的，恰好效果跟span标签很贴近，给人的错觉就是下划线是span标签产生的，所以不管我怎么修改span标签的样式，都不起任何作用。
推荐两款插件， SurfingKeys 和 Steward，让你全键盘高效操作浏览器。老规矩，附视频教学。
作者｜YanYang Yu 原文｜http://yuyang041060120.github.io/2016/09/22/change-detection-and-batch-update/ 前言 在传统的WEB开发中，当与用户或服务器发生交互时，需要我们手动获取数据并更新DOM，这个过程是繁琐的、易错的。 特别是当页面功能过于复杂时，我们既要关注数据的变化，又要维护DOM的更新，这样写出来的代码是很难维护的。 新一代的框架或库，例如Angular、React、Vue等等让我们的关注点只在数据上，当数据更新
如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文.
当前位置:我的异常网» Ajax » jquery.validationEngine 验证 AJAX 不起作用解决方
常见的反爬策略有很多，今天我们一起跟随小省开始，ua的反爬之旅，咳咳咳，敲黑板喽！
弹性盒布局(Flexible Box Layout,简称Flexbox)，是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加灵活的方式来对一个容器中的条目进行排列、对齐和分配空白空间。
在建立Web应用时，通常都需要用到一些有用的UI组件。无论应用中需要的是日历，滑块，图形或其它用于提升或简化用户交互的组件，那么都面临两种选择：要么自己来创建这些组件，要么使用现有的组件功能。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
