说到选择器，大家可能会想到层叠样式表。在css中，选择器可以获取元素，为其添加css样式；但zepto框架与css选择器相比，它更加强大，因为zepto选择器为元素添加的是行为，行为的添加使得页面的交互更加丰富多彩。今天就来介绍一下zepto的常用选择器——层次选择器、属性选择器。
本文介绍利用 gulp-rev 和 gulp-rev-collector 进行版本管理 npm官网介绍使用后的效果如下： "/css/style.css" => "/dist/css/style-1d87bebe.css" "/js/script1.js" => "/dist/script1-61e0be79.js" "cdn/image.gif" => "//cdn8.example.dot/img/image-35c3af8134.gif" gulp-rev: 对目标文件进行MD5计算序列值，更改文件
在刚开始使用vue3+vite+ts项目中安装element-plus，使用组件不起作用，报错如下：
此时可以看到dist目录的文件图标由 W 变成了 A，说明此时的web项目已经变成了移动APP项目 ，而且此时生成了一个新的文件manifest.json
当前安装的是版本是 bootstrap@4.1.3 ,可能随着版本变化，应该会有所升级
vue项目打包后，在非首次线上替换dist文件时，某些手机/浏览器在之后首次打开页面，可能出现白屏情况。那么该问题产生原因是什么呢？我们又该如何应对呢？
首先 hexo 的安装，git 安装，往上一大堆，废话不多说，可以参考 http://www.cnblogs.com/highway-9/p/5985893.html，下面总结一下遇到的坑
相信自己搭建博客的人中有一大半都是玩代码的，所以代码高亮可以说是博客的必备功能。本文提供一个在基于Hugo的博客上使用highlight.js的代码高亮方案。
昨天尝试部署一个 Vue+Koa2 的前后端分离项目，没想到因为前端项目部署的问题，卡了一整天，今天才终于找到了问题所在，成功解决。这篇文章主要谈谈：
使用 "stylesheet" href="https://layui.hcwl520.com.cn/layui-v2.5.4/css/layui.css" media="all"> 引入lay
作为一名前端开发者，vscode想必大家应该都接触过，就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。
使用 <link rel="stylesheet" href="https://layui.hcwl520.com.cn/layui-v2.5.4/css/layui.css" media="al
例如, 打包之后的路径是, images/BNTang.jpg, 那么在 html 中, 会去 html 文件所在路径下找 images, 正好能找到所以不报错, 但是在 css 中, 会去 css 文件所在路径下找 images, 找不到所以报错，目录结构示例如下：
一晃时间过得真快，不知不觉已经毕业10年了，这十年虽然我一直在从事着后台的开发，但是也接触和从事过前端的开发工作，那么接下来就让我回顾下我眼里的前端十年。
去看webapps里工程目录下，index.html文件是有的，见鬼了，是哪儿出了问题？
大致看一下，有3条是找不到css的map文件，2条找不到图片。 于是，我特意去源代码中查找了第二个图片的引用位置，然后看网页中是否有异常。 确实有，该有的图片没有展示！你可以说这个错误还好，没什么特别的影响，不过我觉得能没有最好吧！
Satelite是一款创新且优雅的创意WordPress主题，在很多主题中你都找不到这类型创意的主题。包括它优秀的界面设计，所以又很适合摄影站点使用，主题全屏展示界面十分的亮眼， 精选的各种图片排版展示，巧妙的菜单选项，视频音乐背景支持等等。所以是一款非常有创意又好用的主题。
https://github.com/coolwanglu/pdf2htmlEX/wiki
我们在debug模式下，使用python3 manager runserver来直接启动Django项目，静态文件并不会丢失。但是使用Daphne启动之后，css，js全部找不到。项目如果是前后端分离的，那么其实没有什么影响；如果不是前后端分离的，那么就需要按照下面的方式进行处理。
项目用run dev build 打包后，发现很多图片都不显示，在本地是没有问题的啊！找原因发现通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。
vue+webpack+mintui+mui构建项目的时候出现的一些问题解决方法 1.引入M-UI找不到相关资源文件 我们可以把git上面下载的mui的js和css以及一些用到的文件拷贝到node_m
yarn add -D webpack webpack-cli 或者npm install -D webpack webpack-cli
因为项目要访问本地硬盘的文件所以要去Tomcat的server.xml里配置Context ，
作为前端开发者，代码是你躲也躲不开的，下面就教你如何在自己的网站里给所有代码块添加高亮效果。而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。
我们都知道，使用nginx反向代理后，一个端口可以代理多个tomcat或者是一个tomcat下可以放置多个项目来启动。
前几天发了“前端工程师都能做什么”这篇文章， 此文的末尾有这样一句话：“...毕竟，无限可能嘛...” 有同学留言给我， “可是新手往往望着无限可能而不知所措” 这句话我当时回复的是，“请先从切图开
许多前端小伙伴一提到找工作这个话题，那简直是说不完的苦，吐不完的槽。都在说找前端工作不容易，投简历也没人理。那么情况到底是怎么样呢？咱们在吐槽归吐槽，还是要冷静下来想想。 以下几点是应该是没什么疑问的： 1、从全国各行种业来看，IT行业绝对是朝阳行业； 2、其中的web前端开发，又绝对是最火热的行业，之一； 3、前端开发行业的用人需求量很大，这是客观存在的； 那么，为什么现在还有很多前端同学说工作不好找呢？ 因为几乎吧，几乎所有的公司招聘时，想要找的前端开发都是“能力可靠”的。 如果你只学个半瓶水，一知半解
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性。Less 可以运行在 Node 或浏览器端。
一、js大致思路： 1、完成静态HTML+CSS 2、过一遍整体的大致js思路 3、按照从上到下的，从有至无的顺序完成js编写（包括先写大致轮廓，再细化细节部分） 4、调试代码 二、要点：
image.png 这句标题直接读出来，可能100%的人都不会赞同。菜鸟就是菜鸟，读了100本JS或程序的书，他依然是菜鸟。但我并不这样理解，在我的脑子里，工作或职业是有不同的要求的，不同的职业，不同的级别，对于从业者的要求是不一样的。 只要你认真的在学JS或CSS，那么你必然会学到一些技能。那么这一点点的JS或CSS的技能，就能帮助你胜任相应级别的工作。例如，你学会了CSS，OK，那么你可以去做切图。在切图的工作过程中，你又学会了JS,然后你就可以去做JS的工作。虽然在此过程中，你依然会被人称之为菜鸟，但
1，找到上次的提示null脚本错误原因，是protocol json参数没没对上。主要是
我试图在Webpack中启用热样式装入器，但是我找不到正确的配置。这里是我的webpack.config.js：用于在Webpack中启用热式样装入器以同步css的配置
渐进式 JavaScript 框架，一款用于构建 Web 界面，易学易用，性能出色且功能丰富的框架。
值得注意的是，vue作者尤雨溪也推荐了该组件库，star一下蹭蹭的往上涨了（早上看的时候是200多，现在是500+了）
今天遇到了一个问题,用户在在前端的input里面输入id的时候，多写了个空格,数据库里面就找不到id了，所以无法获取输入的id所绑定的标签位置在哪里，现在需要在前端做一个处理，input框输入的数值里面，会自动消除空格。
whistle 是一个基于 Node.js 的跨平台网络调试工具。最近随着 Nohost 的开源，有不少同学问了 whistle 相关的问题，本篇文章将结合几个常见的业务场景介绍如何在本地前端项目开发中使用 whistle 。 一、使用webpack devServer的项目 项目准备 如今，大部分的前端项目是以 webpack 作为开发和构建工具进行项目开发的。我们将以这样一个最常见的场景，即以 webpack 开启本地 devServer 进行开发和调试的方式，展示如何在这样的前端项目中结合使用 whi
昨晚弄到三点就是为了 DIY 这 2 个页面，想给老婆一个浪漫的惊喜。 预览地址： 爱情纪念：http://zhangge.net/love 爱的故事：http://zhangge.net/love/forever 在线制作：http://zhangge.net/love/index.php 是别人的源码，没什么好说的，直接贴上作者说明： 一、超炫表白页面： 作者原话：为了预热情人节，麦葱二次开发了个表白程序。程序放在 BAE 上面，因为本地写这个原因，生成的页面过段时间就找不到了，导致链接页面 404，麦
whistle 是一个基于 Node.js 的跨平台网络调试工具。最近随着 Nohost 的开源，有不少同学问了 whistle 相关的问题，本篇文章将结合几个常见的业务场景介绍如何在本地前端项目开发中使用 whistle 。
动效设计是2018年的热门趋势之一。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。今天～小编为你推荐10个靠谱的开源免费网页动效库，帮你的设计加速～^_^
近期vue项目在构建完成上线之后，每次往线上更新版本，总会收到一部分反馈——web页面白屏，需要清除缓存数据重新加载才能正常访问。
举个例子：我们有个这样的场景，我有个门户Portal的登陆界面(主应用基座)，登陆成果后可以切换不同的子应用，如下有两个子应用A和B，且都在之前是独立部署的，单独可以访问，但是我们现在想借助qiankun把他们“嵌”到基座来加载，往下看实操
经常在仿站的时候会遇到下载别人网站上的图片、css、js 等资源，如果你是一个个的手动下载是很麻烦的，也很慢的。
当前项目使用react+redux+postcss+webpack+ant实现的，本地开启了热更新以及自动刷新。更改js的时候可以正常编译以及刷新浏览器。可是每次修改css保存的时候页面就会报这个错误。很无奈，不知道如何修改。这可能就是工程化带来的副作用之一吧。
之前一直在牛客刷面筋，今天终于自己也写了一篇，算是秋招的总结吧。希望大家都能顺利拿到自己想要的offer！ lz本科妹子，从没有想过要当程序员......无奈非技术不好找工作，看到产品400:1的时候
Webpack现今流行的前端打包工具，今儿本人也来分享下自己学习体验。 一、html-webpack-plugin 实现html模板文件的解析与生成 在plugins加入HtmlWebpackPlugin的配置，如果是多个入口文件，则需要对应加入多个HtmlWebpackPlugin功能。 var HtmlWebpackPlugin = require('html-webpack-plugin'); entry:{ ma: './src/ma', /** .:必须要,表示运行时的根目录，否则找不到文
通过服务端渲染的概念以及它的两个特点：首屏加载速度快、SEO优化 我们知道，服务端渲染其实就是由浏览器做的一些事情，我们放到了服务端去做，那么对于掘金、简书、CSDN、知乎等网站的搭建，这种在网上一搜搜出一堆东西的网站，SEO做的很好，应该多少都用到服务端渲染了吧？当然，做服务端渲染成本是高昂的。 vue全家桶或者react全家桶，都是推荐通过服务端渲染来实现路由的。 服务端渲染并非完全之策（服务器稀少而宝贵），关于首屏渲染体验以及SEO的优化方案很多，在不使用服务端渲染这个操作下，我们最好的处理方式就是找寻替代优化方案。
接着上一节课的目录来看看，这一节课的目录会有什么样的改变呢？新增了 dist，src/scripts，src/styles 目录
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
