jq

常用网站记录

泪湿孤枕 提交于 2020-12-05 10:52:00
在Linux服务器上安装Jenkins:https://www.jianshu.com/p/c517f09df025 码云:https://gitee.com python生成requirement 使用requirements.txt安装类库:https://www.cnblogs.com/zhaoyingjie/p/6645811.html 在线UTF-8编码转换工具:http://www.ecjson.com/utf8/ jQuery选择器语法:http://www.360doc.com/content/18/0515/15/55624432_754145608.shtml jQuery插件库插件搜索:https://www.jq22.com/search?seo=多选下拉框 jQuery之家:http://www.htmleaf.co jQuery的父子兄弟节点查找,节点的子节点循环:https://www.cnblogs.com/mingforyou/p/4410054.html 测试用LinuxIP阻隔模拟断网方法:https://blog.csdn.net/xiaoguanyusb/article/details/81112523 Highcharts 图标插件:https://www.highcharts.com/demo Bootstrap弹出输入框:https:

Angular服务器渲染常遇的坑

妖精的绣舞 提交于 2020-12-04 10:00:46
前言 由于官网有SEO需要,因此对现官网项目进行***的整改兼容,在调试的过程中遇到了不少问题。本来在官网的demo项目中使用是比较顺畅的,但是由于本项目比较大复杂性比较高,踩了不少的坑。以下是我在调试过程中遇到的一些问题汇总,希望其他人可以避开这些坑。 1. 使用浏览器 API报错问题 在运行服务的时候,通常会遇到一下的一些报错 ReferenceError: window is not defined 或者 ReferenceError: document is not defined 由于 Universal 应用并没有运行在浏览器中,因此该服务器上可能会缺少浏览器的某些 API 和其它能力。比如,服务端应用不能引用浏览器独有的全局对象,比如 window、document、navigator 或 location。如果直接使用会导致运行的时候出现报错。因此,我们需要对使用浏览器的API方法做好兼容。 方案1:在server.ts,引入domino做兼容 const domino = require('domino'); const win = domino.createWindow(template); global['window'] = win; global['document'] = win.document; global['CSS'] = null;

RabbitMQ基本使用六(主题模式)

心已入冬 提交于 2020-11-24 18:28:51
Hello, 大家好,我是一名在互联网捡破烂的程序员 在上一期呢,我们讲到了工作队列的使用,还没有打怪升级的小伙伴先去修炼哦 RabbitMQ基本使用(路由模式) 今天呢,我们要继续打怪升级哦。 今天我们来讲一讲比较高级的消息方式,嗯,我想一下,是什么呢? 这下不会再翻车的???? 哼哼,我已经提前看过了 那就开始我们的表演了 一、开篇前提 那我们就开始吧,今天就讲一讲主题模式 何为主题模式呢? 在此之前我们也要回顾上一期的内容 在上一期我们讲到了路由模式。路由模式的概念呢,就是我们想要接收哪一个路由发送过来的消息,我们在消费者中就定义相同路由名称就OK了。 那么缺点是什么呢?路由模式下,我们定义的路由键是固定的。如果定义了很多路由,那么会定义很多个路由键,这样就不好维护了,这不就又炸了吗? 心不慌,手不抖,我们跟着感觉走 1. 何为主题模式(topics) 那么主题模式呢?其实和路由模式类似,路由模式指定的路由建是固定的,而主题模式是可以模糊匹配路由键,就类似于SQL语句中的 = 和 like 的关系 P:消息生产者 X:交换机 Q1,Q2:队列 C1,C2:消息消费者 topics模式与routing模式比较接近,topics模式不能具有任意的routingKey,必须由一个英文句点号"."分割的字符串(我们将被句点号"."分割开的每一段独立的字符串称为一个单词),比如:fc

jq、js中判断checkbox是否选中

这一生的挚爱 提交于 2020-11-21 22:24:16
最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在??? 1、JS中判断checkbox是否被选中 对于在js中来判断checkbox是否被选中很简单,举个🌰来说 HTML代码: <input type="checkbox" name="box"> 相应的javascript代码如下: var check = document.getElementsByTagName('input')[0]; console.log(check.checked);//false 因为HTML代码中没有设置checked属性值,所以默认返回false,反之则返回true;若要在HTML中设置checkbox为选中状态则可以这样设置: <input type="checkbox" name="box" checked="true"> 2、JQ中判断checkbox是否被选中 (1)、JQ1.6版本之前(不包括1.6版本)判断checkbox是否被选中用的是attr()方法,HTML代码与上面相同,只放JQ代码: console.log($("input[type='checkbox']").attr('checked'));//false 不要想着在JQ1

Monent.js:强大的日期处理类库

ぃ、小莉子 提交于 2020-11-20 07:09:17
<div class="oneLevelTitle"> <h4>一、介绍及安装</h4> </div> <div class="marginTop twoLevelTitle"> <img src="https://img2018.cnblogs.com/blog/1414709/201811/1414709-20181101124606223-819543279.png" /> <h4>1.1 介绍</h4> </div> <b>Moment.js</b>是一个优秀的JavaScript 日期处理类库. 如果没有Moment.js之类的日期处理库,我们如果需要获得格式化后的日期.往往需要通过 new Date().getMonth() ...之类方法进行拼接, 或者使用JQ封装的函数. 但现在但SPA页面不怎么使用JQ.所以掌握靠谱的 Moment.js 还是很有必要的 举个小小例子: 请听题: 通过原生js和moment.js分别获取 moment().format('YYYY-MM-DD HH:mm:ss') 格式的时间 const js_date = new Date(); const moment_date = moment(); console.log('js new Date() ==========>', `${js_date.getFullYear()}-${js

四面腾讯与华为,大厂前端面试真BT!

馋奶兔 提交于 2020-11-19 08:55:50
今年算是经历颇多的一年了,腾讯和华为都走了几趟(一共面试了四个部门),拿了两个offer。(开心.png),但还是挂了两次,有点遗憾。 面试题总结 面试完之后,赶紧总结了一波,前端这个岗位,这两家大厂的面试思路和面试问题其实都差不多: 1. JS底层: 说一说js的原型与继承。 分析一下优秀的前端框架源码,这么写的优缺点在哪。 this指向问题,this的深拷贝如何实现,这个也是高频率被问到的问题。 js事件流是怎么样体现的。 柯里化函数。 2. 数据层: 写过中间件么? 了解koa么? 数据安全是怎么处理的。 axios 与 fetch的实现。 3. HTTP相关: 跨域问题的产生与解决。 http1.1时如何复用tcp连接。 http2.0新的变化。 http报文的请求分成几个部分? 前端与后台交互的时候会产生几次握手,分别做了什么? 4. 框架: 说一说vue的源码的响应式与数据驱动,主要是问原理。 Vue与react的区别在哪,这个也是问底层实现。 虚拟dom、diff算法等等,基本没问到过怎么去使用。 像组件传值啥的没提过。还有就是路由的管理 有没有封装过组件库, dev-server是怎么跑起来的。 5. 服务端与工具 主要是Node的问题,有没有拿node做过中间层。 Node的线程处理、事件循环。 这个主要就是 webpack 与 babel 的配置

AMS:用类json配置快速搭建管理后台页面

三世轮回 提交于 2020-11-17 02:57:03
今天给大家分享一个开源项目——AMS,一个由唯品会开源的,基于类json配置的管理后台前端解决方案。 背景 我们先来回顾一下,管理后台的搭建方式。 最原始的方式,前后端还未分离,前后端代码融合一起,往往是后端把整个管理后台负责了 发展到前后端分离和JQ兴起,前端可以完全手写实现,也可以使用类似bootstrap这些框架进行快速搭建 在发展到React/Vue这些MVVM框架的兴起,也产生了很多对应的配套,比如Element-ui、Ant Design 由于管理后台对UI要求不高以及功能通用,UI框架的使用给前端带来极大的方便,前端可以不需要再关心UI组件的实现,只需要把UI框架提供的组件像搭积木一样搭建,然后再去写数据交互逻辑,就可以比较快的实现一个管理后台。 这样看好像很完美,特别是用着高质量的UI框架,坑少~ 但是!积木搭久了,你会发现还是要写不少代码: UI组件代码。比如你写一个列表,拿Element-ui举例,你可能需要用到 el-table 、 el-table-column ,然后再来个分页 el-pagination 。可能90%的场景都是这样的,但是你每次都要写,即使复制,可能也要微调 搭完UI,然后要写数据逻辑交互,比如请求个列表接口,梳理接口字段,把数据塞到表格,然后处理分页时的数据交互逻辑。同理,每个项目每个列表都要这样。 上面举例的只是一个列表场景

笔记-JavaWeb学习之旅17

久未见 提交于 2020-11-16 03:56:18
1.过滤选择器 首元素选择器:first 获得选择的元素中的第一个元素 尾元素选择器:last获得选择元素中的最后一个元素 非元素选择器:not(selector) 不包括指定内容的元素 偶数选择器:even偶数,从0开始计数 奇数选择器:odd奇数,从0开始计数 等于索引选择器:eq(index)指定索引元素 大于索引选择器:gt(index) 大于指定索引元素 小于索引选择器:lt(index)小于指定索引元素 标题选择器:header 获得标题(h1-h6)元素,固定写法 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>基本过滤选择器</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script src="js/jquery-3.3.1.min.js"></script> <style type="text/css"> div,span{ width: 180px; height: 180px; margin: 20px; background: #9999CC; border: #000 1px solid; float:left; font