一、问题概述: 1、随着jQuery的流行,采用jQuery和$符为命名空间的js库越来越多,当然jQuery的$符也是参照的Prototype库的,所以当多个库同时以$符或者jQuery为命名空间时,那么此时,就会产生冲突。 2、由于jQuery的更新速度过快,所以插件更不上,导致不同版本的jQuery对插件支持的不一样,而刚好我们此时需要用一个高版本的jQuery进行开发,我们用的z-tree则是低版本的jQuery,所以在这种场景下,则会产生$和jQuery命名空间冲突的问题 3、这里jQuery解决
从前面几节到现在，其实我们的项目结构是有问题的，因为我们直接把index.html文件放到了dist文件夹目录下。这肯定是不正确的，应该放到我们src目录下，然后打包到dist目录下，前面为了学习，才把index.html放到了dist目录下。
安装三个插件：Prettier - Code formatter、ESLint、Vetur。对应的插件图片如下：
或者可以这么说，CSS Modules为我们解决了什么痛点。针对以往我写网页样式的经验，具体来说可以归纳为以下几点：
以前公司的vue项目只是我一个人在写，代码风格统一，但是后来随着团队增加，统一的代码风格就越来越重要。我的主力工具是sublime，ws辅助，vscode基本很少使用（就下载安装放在冷宫），但是听说用来写vue项目还不错，就开启了一番折腾。当然工具么，没有谁好谁坏了~~ 不盲目站队，适合自己的就是最好的。
用的是Django和VUE技术。 正常来说，vue并不支持DJANGO，它和DJANGO的冲突很多也很麻烦，甚至python2的话会有无解的问题出现。
一个前端应用能够单独跑，也能被作为一个模块集成到另一个应用里，这种架构方式就叫做微前端。
产品经理：我们本次开发三个功能，列表页功能、详情页功能、系统消息功能，分两次上线，先上列表功能，再上详情页和系统消息。
“小白，今天上午布局的那个弹窗想法不错！” 小白说道：“我只是用CSS布了一个局，还没有添加用户交互呢！” 老朱说：“不着急，像这种常用的功能你可以尝试把它做成控件，这样以后就能经常使用了，从现在开始我们用几天的时间了解一下，怎么做一个能够经常调用的控件吧！” “恩，这样确实不错，虽然做的时候麻烦点，但是以后使用起来就会很方便了！我应该做点什么准备工作呢？” 老朱跟小白说：“一个控件包含CSS和JS两个部分，你可以建一个文件夹，把你做的控件的JavaScript文件和CSS文件放进去，使用的时候在当前页
在我们写前后端交互时，最反感的可能就是拼接大量图表的工作了（html += "xxxxxxxxx...." ），记得之前写一个“急”页面，有大量的js拼接内容（类似今日头条APP的检索页面），拼接代码写了几千行。知道么，我是流着泪加班写完的。
出现这个问题的原因是其他人修改了index.html和src/request/api.js这两个文件并提交到版本库中去了，而你本地也修改了index.html和src/request/api.js，这时候你进行git pull操作就好出现冲突了，解决方法，在上面的提示中也说的很明确
之前写过一篇关于前端容器化的文章， 静态前端网站容器化。现在看来， 那个方案的可操作性并不高， 而且很弱智。其中实现是需要使用 sed 替换 所有文件 中的占位符。
前言 为什么突然想认真学一下webpack？ 1 理解框架的需要 目前主流框架 Vue、React等都基于此，因此学一下基本使用时必要的 2 新框架开发需要 最近打算开发一个基于 html5、canvas 的小框架，涉及到页面频繁调试、浏览器兼容等；另外，开发过程中经常使用 import、ES6。如果直接基于 html + js + css来开发，那么效率很低还要处理很多兼容问题。 我们可以看到 webpack 的优势 随意使用 import、ES6: 通过打包注入 html 即可， 使
随着JS项目越来越大，再依靠简单的命名空间来解决冲突不是很可取，项目大了之后不只有变量冲突的问题，还有模块依赖以及加载策略的问题等，这次就介绍现存的几种模块化、依赖的解决方案。 AMD AMD规范起源
深入思考为何前端需要框架，以及 web components 是否可以代替前端框架？
HTML5学堂：面向对象、原型、继承应该说是属于JavaScript最底层的知识和概念，对于这些知识，在我们没有触碰的时候的确觉得是比较困难的，包括在学习的过程中，也觉得摸不到头脑，但是当走过之后，发现也没有那么难。面向对象，从认识对象开始。为了方便大家学习和查看，所以特意控制了文章的篇幅，将面向对象写成了多篇连续博文的方式，也方便大家根据自己具体情况进行选择性的学习。 在自己最初学习面向对象的时候，一直陷入了一个误区。当时自己知道this和面向对象相关，也知道原型prototype和面向对象相关，于是，在
jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建与2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile 等开发人员以及推广和网站设计、维护人员。
快速构建 大型企业应用开发（无需过多关注UI），适合基于云技术的应用，主要关注业务的发展和营销，加快开发进程
一、是什么（以下简称SC） smartClient 是一个基于web技术的开发框架，主要包括： 一个无需安装的 Ajax/HTML5 客户端引擎 UI组件和服务（采用富客户端RIA）--- 提供大量强大而美观的 UI 控件 客户端/服务器数据绑定系统 二、有什么用 快速构建 大型企业应用开发（无需过多关注UI），适合基于云技术的应用，主要关注业务的发展和营销，加快开发进程 三、缺点 1、不适合传统企业网站、内容网站（从SEO角度看，该框架适合web应用，而非web网站） 2、
CSS 的全局性 相当长一段时间 CSS 总是在页面上作为一个全局的存在，以前这个『特性』影响还不算很大，命名上注意一点，比如使用 BEM 也能一定程度上解决问题。 但是随着 web 组件化的需求越来越强烈，CSS 的这种特性开始成为束缚开发者自由飞翔的绳索，每一个 CSS 类名都有可能产生意想不到的冲突，或者被各个组件覆盖来覆盖去，每当修改一个组件时，我们必须谨小慎微，注意是否会在全局环境下产生冲突。 更严重的是，组件化的背景下，JS + 模板 + CSS 才能称为一个完整的组件，每个组件如果单独引用一个
最近几节我们要结束掉首页，虽然首页是我们的草稿，承担了我们学习的第一步，但是确实已经占用了过多篇幅。
CSP 全称 Content Security Policy，即内容安全策略。CSP 是一个额外的安全层，用于检测并削弱某些特定类型的攻击，包括 XSS 和注入。
使用立即执行函数而不是直接暴露也做到来私有化private的意思，比如有5个函数，我只想暴露1个函数给别人，那么window.js1 = {你想暴露的1个函数}，这样别人就只能访问你暴露的唯一函数，另外4个访问不了。
配置文件可以从基本配置扩展启用的规则集，不添加则不会继承任何扩展集，仅按照rules下的基本配置来执行。
仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候，经常遇到一些很特别的问题。例如：刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等，这些问题往往是不关注细节导致的。而今天我要谈的这个细节，就是关于网页中代码的顺序。没错，代码也是有顺序的，顺序不对有可能会出现一些意外的情况。
相信很多前端的朋友都知道webpack是什么，webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。
在 html 里指定 class，然后在 css 里定义这个 class 的样式。
本文总结了图雀团队协作开发的流程与规范，仅供参考。最优的解决方案还是需要结合团队的实际情况，具体问题具体分析。
作为面试官，我经常听到很多候选人说在公司做的项目很简单，平常就是堆页面，写管理端，写H5,没有任何亮点，我以我一次面试候选人的经历分享给大家
我们做系统，光有后台不行，还得有好看和便利的前台来操作和展示信息。前端一般是用html5和JS来控制。如果好看，你还得懂css。 后台控制数据和逻辑，前台控制交互和展示。所以前后台得通信，交换信息。这里就是讲他们如何传递数据的。 市面上的系统一般的架构都是MVC的，M指的是model,数据库这层。V是view，界面这层，C是控制逻辑这层。 如果我们打开一个网页，请求网址后，它会去C这层，去哪个路由，要什么样的业务逻辑，展现到哪个页面，都是由这层控制。先去M里面拿取数据，然后渲染到V这层，最终面对的是用户。
作者：matrix 被围观: 10,699 次 发布时间：2014-05-14 分类：零零星星 | 15 条评论 »
又到了一年一度的毕业季了，青春散场，却等待下一场开幕。 在求职大军中，IT行业的程序员、码农是工科类大学生的热门选择之一， 尤其是近几年Web的如火如荼，更是吸引了成千上万的程序员投身其中追求自己的梦
HTML5学堂：随着时代的发展，JS的地位已经越来越高，NodeJS也是从萌芽开始，茁壮成长~这篇文章我们主要借助weinre这个NodeJS工具，讲解NodeJS工具的安装方法，并且顺带介绍调试工具weinre，weinre主要用于辅助我们进行移动平台的页面的“即时”调试。 利利前面想说的一些话：2016年过年后，HTML5学堂的文章也要开始逐渐更新了，只不过目前每天工作事宜实在是比较多，所以不得不放在凌晨来写写技术文章，跟大家分享~还请大家多多包涵多多支持~！ 什么是weinre 什么是weinre呢？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="styleshee
理论上，require.js加载的模块，必须是按照AMD规范、用define()函数定义的模块。，require.js是否能够加载非规范的模块呢？回答是可以的。这样的模块在用require()加载之前，要先用require.config()方法，定义它们的一些特征。举例来说，underscore和backbone这两个库，都没有采用AMD规范编写。如果要加载它们的话，必须先定义它们的特征。shim属性，专门用来配置不兼容的模块。
《生活大爆炸》中 让大家折腾不已的时光机问题 小编想说 谢耳朵这么折腾也就算了 没想到前端优化也是如此折腾不止 写在前面 作为开发，不仅仅是前端，优化总是你绕不开的事，我们的目标就是要产品变更得更快。优化的对象不仅仅指产品本身，还有我们日常的开发流程。要打造一个无痛的开发流程，并且能够相对轻松的对产品持续优化真的不轻松。没有银弹，任何项目都要花很多时间和精力。但任何值得改善的地方能够有所提升都让我们觉得努力没白费。有时候只想懒一点，从枯燥的重复中解放出来。 从作者加入团队到现在，过程中遇到了很多问题
CSS-in-JS是一种技术（technique），而不是一个具体的库实现（library）。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些 .css， .scss或者 less之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义。值得一提的是，虽然CSS-in-JS不是一种很新的技术，可是它在国内普及度好像并不是很高，它当初的出现是因为一些 component-based的Web框架（例如React，Vue和Angular）的逐渐流行，使得开发者也想将组件的CSS样式也一块封装到组件中去以解决原生CSS写法的一系列问题。还有就是CSS-in-JS在React社区的热度是最高的，这是因为React本身不会管用户怎么去为组件定义样式的问题，而Vue和Angular都有属于框架自己的一套定义样式的方案。
CSS 本质上就是声明规则，即在各种条件下，我们希望产生特定的效果。如果某个元素有这个类，则应用这些样式。要想预测规则最终的效果，就需要理解 CSS 里的层叠。
模块化是一个语言发展的必经之路，其能够帮助开发者拆分和组织代码，随着前端技术的发展，前端编写的代码量也越来越大，就需要对代码有很好的管理，而模块化能够帮助开发者解决命名冲突、管理依赖、提高代码的可读性、代码解耦以及提高代码的复用性。
之前发表过一种样式的“返回顶部、返回底部、评论”效果，今天在这里分享Devework.com目前使用的效果：一个博客侧边滑动，返回顶部，查看评论的小工具，作为WordPress等博客专用。说到这个小工具，可是小有来头啊，据说（强调是“据说”）这原来是一位WordPress高手林木木首创的（人家称之为“滑动导航”），然后被某人改进做成了WordPress 插件，并且成功提交到WordPress官方去了。所以说不是自己的一定要说明来源，不然...；最后说一句，这个挺像插件wp-auto-top，姑且当做是wp-
在一个项目内，当有多个开发者一起协作开发时，或者功能越来越多、项目越来越庞大时，保证项目井然有序的进行是相当重要的。一般会从下面几点来考证一个项目是否管理得很好：
在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type=“text javascript”>
关于验证码的使用场景还是非常多的，很多网站上的验证码可谓是五花八门，下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
最近有小伙伴反应使用httprunner的extentreports报告时，打开的页面样式全部丢失了，原本高大上的报告变成了丑八怪。 顿时心都凉了一大截，要是让领导看到了，这个月领导不给加鸡腿了，所以小编花了一个晚上的时间找到了解决方案。
本文对微前端的概念和场景进行科普，介绍一些主流的微前端的实现库及其用法，并讲解部分这些库的原理和实践知识。
之前一直用的 wp-super-cache，效果确实非常不错！网络不出问题的话，页面基本秒开。可惜，这款插件有时候会缓存我的手机主题，导致在电脑上浏览时，呈现的也是手机样式，有点不爽！本想尝试 JS 来切换主题的，可惜博主太笨，没搞定！只好忍痛割爱，放弃了 wp-super-cache。 最终，在将常见的缓存插件都测试了一遍之后，找到了本文的主角——>静态缓存插件三件套： Hyper Cache + DB Cache Reloaded Fix+ Autoptimize 经博主测试之后，三款插件同时启用后效果
uni-app 中为兼容微信小程序生态存在全局的 wx 对象，而微信 JS-SDK 也是注册全局的 wx 对象，为避免混淆，可以将微信 JS-SDK 中的 wx 对象改名。采用以下两种方案之一即可。
官网：https://developer.mozilla.org/zh-CN/docs/Web/Web_Components
如果使用的是butterfly主题，hexo-neat会与主题的各类配置本身起冲突，如果有压缩静态页面资源的需要，可以参考Hexo博客静态资源加速的相关内容。
作者：addy（许斌），前端开发工程师，文艺青年一枚，写得了文章，编得了代码。 作为开发，不仅仅是前端，优化总是你绕不开的事，我们的目标就是要产品变得更快。优化的对象不仅仅指产品本身，还有我们日常的开发流程。从加入团队到现在，大概有一半左右的时间花在了优化上，期间遇到了很多问题，回过头看，优化这件事情并不是那么简单，也是些很琐碎的事情，要打造一个无痛的开发流程，并且能够相对轻松的对产品持续优化真的不轻松。没有银弹，任何项目都要花很多时间和精力。但任何值得改善的地方能够有所提升都让我们觉得努力没白费。有时候只
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
