- 2021前端面试总结
大家看到这篇文章的话我应该已经从阿里离职加入新公司了,这篇文章是我对最近换工作面试的一个总结。先上结果吧,我先后面了4家公司:小红书(口头offer)、滴滴(口头offer)、贝壳(口头offer)、快手(offer)。准备阶段笔试开始有跳槽准备的想法开始刷leetcode到实际开始面试大概经历了两个半月。而我个人对于面试的前期准备按照以下几部分循序渐进的进行:leetcode刷题;JS&CSS基
- 2021前端面试总结
大家看到这篇文章的话我应该已经从阿里离职加入新公司了,这篇文章是我对最近换工作面试的一个总结。先上结果吧,我先后面了4家公司:小红书(口头offer)、滴滴(口头offer)、贝壳(口头offer)、快手(offer)。准备阶段笔试开始有跳槽准备的想法开始刷leetcode到实际开始面试大概经历了两个半月。而我个人对于面试的前期准备按照以下几部分循序渐进的进行:leetcode刷题;JS&CSS基
- (转)[备忘] 完美Visual Studio Code(vscode)
一只狗被牵着走
完美VisualStudioCode(vscode)Git项目地址原文完美VisualStudioCode(vscode)自定义快捷键(eclipse习惯)遇到的问题占用很大内存Vue支持emmetDebug不命中或不运行自定义自动补全DeBug调试JS代码断点方法普通断点条件断点插件增强插件ProjectManager-项目管理使用方法路径智能感知Git版本管理美化代码vue组件追踪JS&CSS
- React Native 入门实践
fry_ss
ReactNativeLearnonce,writeanywhere.ReactNative为前端开发工程师开发Native应用提供了一种能力。保障开发效率,同时兼顾平台的性能。React相比于传统的DOM的优势VirtualDOM高效diff算法(O(n^3)->O(n)),实现局部刷新对外暴露Component,js&css统一管理相比于传统WebViewH5优势不需要兼容各个WebView了
- 如何开发又炫又高效web程序
LoriSun1981
WebFlexEXTjQueryJavaScript
随着个人电脑性能的不断提升,各个浏览器厂商的不断努力,让我们可以在客户端运行越来越庞大,复杂的javascript程序,当然结果也是可喜的,目前的web程序悦来也炫,能实现的特效也悦来越多.其中给我们带来很大方便的一款webrichUI技术,也不能称作新技术,应该叫JS&CSS类库:Extjs...接下来我介绍一整套自认为比较优越web的开发模式,前端就是基于Extjs的,跟大家一起分享和讨论.希
- webpack学习(十二):多页面提取公共部分(js&css)
Lkkkkkkg
webpack
demo地址:https://github.com/Lkkkkkkg/webpack-demo继上一次配置完多页面:https://blog.csdn.net/qq593249106/article/details/84933978使用SplitChunksPluginTheCommonsChunkPlugin已经从webpackv4legato中移除,webpack4+版本使用内置的SplitC
- 前端资源多个产品整站一键打包&包版本管理(四)—— js&css文件文件打包并生成哈希后缀,自动写入路径、解决资源缓存问题。...
weixin_33714884
问题:当我们版本更新的时候,我们都要清理缓存的js跟css,如何使得在网页中不需要手动清理呢?答案:生成带有哈希后缀的js跟css文件1、文件路径路径中的conf.js是用于放置全局打包的公共方法的、conf.team.json则是用于放置team这个项目的打包路径、gulpfile.team.js用于写team这个项目的打包、打包前的文件放在build中、打包后的文件放在dist中总的打包任务在
- webpack学习(十三):react配置热替换
Lkkkkkkg
webpack
demo地址:https://github.com/Lkkkkkkg/webpack-demo继上一次配置完多页面提取公共部分js&css:https://blog.csdn.net/qq593249106/article/details/84937856使用RectHotLoaderreact提供了react-hot-loader插件来帮助webpack配置下react实现热替换,安装npmir
- python2.7的flask框架之引用js&css等静态文件的实现方法
luyaran
动态web应用也会需要静态文件,通常是CSS和JavaScript文件。理想状况下,我们已经配置好Web服务器来提供静态文件,但是在开发中,Flask也可以做到。只要在我们的包中或是模块的所在目录中创建一个名为static的文件夹,在应用中使用/static即可访问。我们要给静态文件生成URL,需要使用特殊的'static'端点名:url_for('static',filename='style.
- NFinal中增加生成页面自动带入js和css
贫民窟里的程序高手
增加在WebCompiler.aspx页面中的application.CreateCompile(true);方法里。//写aspx页面的自动提示层
#region插入js&css
compileCode=compileCode.Replace("","");
string[]ss=compileCode.Split(newstring[]{"\");"},StringSplitOpti
- JS&CSS文件请求合并及压缩处理研究(五)
css
接上篇。在我们最终调用 @Html.RenderResFile(ResourceType.Script) 或者 @Html.RenderResFile(ResourceType.StyleSheet) 将页面中添加的文件路径合并成类似以下格式后:
<script type="text/JavaScript" src="Resource/script?href
- JS&CSS文件请求合并及压缩处理研究(三)
css
上篇我们进行了一些代码方面的准备工作。接下来的逻辑是:在View页面解析时,通过 Html.AppendResFile 方法添加的资源文件,我们需要按照分组、优先级,文件名等条件,对其路径进行合并。具体的合并规则如下:
(1),优先级高的文件优先渲染。
假如页面中有以下文件添加代码:
//添加样式文件A
Html.AppendResFile(ResourceType.StyleSheet
- JS&CSS文件请求合并及压缩处理研究(四)
css
本篇将会尝试对之前的代码进行相关的单元测试,验证路径合并规则的覆盖率及正确性。
熟悉 ASP.NET MVC 开发的朋友应该知道,微软在MVC框架下集成了一款名为 Microsoft.VisualStudio.QualityTools.UnitTestFramework 的单元测试框架。这样我们就不再需要引用第三方诸如NUnit等测试框架了(顺便少受点Java同学的白眼:D)。而 Microso
- JS&CSS文件请求合并及压缩处理研究(二)
css
上篇交待了一些理论方面的东西,并给出了另外一种解决方案的处理流程。本篇将根据该处理流程,开始代码方面的编写工作。
1,打开VS,新建ASP.NET MVC Web项目,项目类型选择空。名称为 Mcmurphy.Web(该项目为前台项目)2,在解决方案中添加以下项目: 1)Mcmurphy.Component(主要存放需要用到的实体类及枚举) 2)Mcmurphy.Extension(Ht
- JS&CSS文件请求合并及压缩处理研究(一)
css
在我们日常的网站开发工作中,一个页面难免会引用到各种样式及脚本文件。了解Web开发的朋友们都知道,页面引用的每一个:
<link href="style.css" rel="stylesheet" type="text/css">
或者:
<script type="text/javascrip
- 如何高效地管理网站静态资源
希尔顿
互联网XHTML
阅读更多背景随着互联网开发和迭代速度越来越快,网站也变得越来越庞大,存在大量静态资源,我们原有管理静态资源的方式变得越来越不适用,就如同封面图一样,静态资源之间的关系错综复杂,给工程师带来了很多麻烦:人工管理依赖的噩梦,工程师需要频繁管理和维护每个页面需要的JS&CSS文件,包括静态资源之间的依赖关系以及加载顺序等。性能优化成本高且不可持续性,为了提高网站性能,工程师总是在忙于优化页面静态资源的加
- 如何高效地管理网站静态资源
希尔顿
互联网XHTML
阅读更多背景随着互联网开发和迭代速度越来越快,网站也变得越来越庞大,存在大量静态资源,我们原有管理静态资源的方式变得越来越不适用,就如同封面图一样,静态资源之间的关系错综复杂,给工程师带来了很多麻烦:人工管理依赖的噩梦,工程师需要频繁管理和维护每个页面需要的JS&CSS文件,包括静态资源之间的依赖关系以及加载顺序等。性能优化成本高且不可持续性,为了提高网站性能,工程师总是在忙于优化页面静态资源的加
- FIS2.0全新的百度前端解决方案
张云龙
概要FIS(Front-endIntegratedSolution,前端集成解决方案)项目自2011年底启动,其目的在于提高百度前端团队生产力并促进其快速发展。经过过去一年的实践检验,FIS小组与百度众多产品线前端工程师一同探索出了一套前端集成开发解决方案,用于解决前端领域中的各种问题,包括但不限于:静态资源加载优化、页面运行性能优化、基础编译工具、运行环境模拟、js&css组件化开发框架等。本期
- YUI-compressor 在Linux下安装和使用(压缩js&css)
jophyyao
非常流行的javascript压缩工具YUIcompressor,可以提供更好的压缩效率;该工具由著名的YahooExceptionalPerformance项目组出品。JSMin非常流行,简单,不过根据YUIcompressor的说明,JSMin的压缩算法较为简单,可能会流下很多换行;Yahoo的工程师那YUI库做测试,发现YUIcompressor的压缩效果比JSMin好20%;当然,YUIc
- 在Eclipse里使用ANT合并压缩JS&CSS
d19891006
eclipse正则表达式antBuildaptanaencoding
Aptana 是一款基于Eclipse的免费开源的软件,非常方便地编写html,css,js,有丰富完善的代码提示,包括大部分的JS框架的提示,比如prototype/dojo/jquery/yui等,相当方便。由于工作开发环境是JAVA,于是我用 Eclipse 安装了Aptana的插件。ANT,是Apache的一个开源项目,用于自动化调用程序完成项目的编译,打包,测试等。Eclipse内置了A
- 全自动时代:JavaScript自动压缩插件
cownew
JavaScript算法Stringdllyui文本编辑
前两天看Dozer的博文《VisualStudio下的JS&CSS压缩和编辑插件》,感觉思路挺好,因为之前做过一阵子的VS插件开发,所以打算写一个出来。不过培训班的事情比较多,而且有两年没有碰VS插件开发了,一些细节忘了,所以利用周六没课的时间久开发了一个原始版本的出来。安装包下载:http://files.cnblogs.com/rupeng/JSMinSetup20101106_bin.zip
- 全自动时代:JavaScript自动压缩插件
cownew
JavaScript压缩职场插件休闲
前两天看Dozer的博文《VisualStudio下的JS&CSS压缩和编辑插件》,感觉思路挺好,因为之前做过一阵子的VS插件开发,所以打算写一个出来。不过培训班的事情比较多,而且有两年没有碰VS插件开发了,一些细节忘了,所以利用周六没课的时间久开发了一个原始版本的出来。安装包下载:http://files.cnblogs.com/rupeng/JSMinSetup20101106_bin.zip
- 全自动时代:JavaScript自动压缩插件
cownew
职场Javascript插件
前两天看Dozer的博文《VisualStudio下的JS&CSS压缩和编辑插件》,感觉思路挺好,因为之前做过一阵子的VS插件开发,所以打算写一个出来。不过培训班的事情比较多,而且有两年没有碰VS插件开发了,一些细节忘了,所以利用周六没课的时间久开发了一个原始版本的出来。安装包下载:http://files.cnblogs.com/rupeng/JSMinSetup20101106_bin.zip
- Nginx负载均衡
510888780
nginx应用服务器
Nginx负载均衡一些基础知识:
nginx 的 upstream目前支持 4 种方式的分配
1)、轮询(默认)
每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器down掉,能自动剔除。
2)、weight
指定轮询几率,weight和访问比率成正比
- RedHat 6.4 安装 rabbitmq
bylijinnan
erlangrabbitmqredhat
在 linux 下安装软件就是折腾,首先是测试机不能上外网要找运维开通,开通后发现测试机的 yum 不能使用于是又要配置 yum 源,最后安装 rabbitmq 时也尝试了两种方法最后才安装成功
机器版本:
[root@redhat1 rabbitmq]# lsb_release
LSB Version: :base-4.0-amd64:base-4.0-noarch:core
- FilenameUtils工具类
eksliang
FilenameUtilscommon-io
转载请出自出处:http://eksliang.iteye.com/blog/2217081 一、概述
这是一个Java操作文件的常用库,是Apache对java的IO包的封装,这里面有两个非常核心的类FilenameUtils跟FileUtils,其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装,开发中对文件的操作,几乎都可以在这个框架里面找到。 非常的好用。
- xml文件解析SAX
不懂事的小屁孩
xml
xml文件解析:xml文件解析有四种方式,
1.DOM生成和解析XML文档(SAX是基于事件流的解析)
2.SAX生成和解析XML文档(基于XML文档树结构的解析)
3.DOM4J生成和解析XML文档
4.JDOM生成和解析XML
本文章用第一种方法进行解析,使用android常用的DefaultHandler
import org.xml.sax.Attributes;
- 通过定时任务执行mysql的定期删除和新建分区,此处是按日分区
酷的飞上天空
mysql
使用python脚本作为命令脚本,linux的定时任务来每天定时执行
#!/usr/bin/python
# -*- coding: utf8 -*-
import pymysql
import datetime
import calendar
#要分区的表
table_name = 'my_table'
#连接数据库的信息
host,user,passwd,db =
- 如何搭建数据湖架构?听听专家的意见
蓝儿唯美
架构
Edo Interactive在几年前遇到一个大问题:公司使用交易数据来帮助零售商和餐馆进行个性化促销,但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据
“我们要花费27小时来处理每日的数据量,”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道:“所以在2013年,我们放弃了现有的基于PostgreSQL的关系型数据库系统,使用了Hadoop集群作为公司的数
- spring学习——控制反转与依赖注入
a-john
spring
控制反转(Inversion of Control,英文缩写为IoC)是一个重要的面向对象编程的法则来削减计算机程序的耦合问题,也是轻量级的Spring框架的核心。 控制反转一般分为两种类型,依赖注入(Dependency Injection,简称DI)和依赖查找(Dependency Lookup)。依赖注入应用比较广泛。
- 用spool+unixshell生成文本文件的方法
aijuans
xshell
例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下:
set pages 50000;
set lines 200;
set trims on;
set heading off;
spool /oracle_backup/log/test/dept.lst;
select deptno||','||dname||','||loc
- 1、基础--名词解析(OOA/OOD/OOP)
asia007
学习基础知识
OOA:Object-Oriented Analysis(面向对象分析方法)
是在一个系统的开发过程中进行了系统业务调查以后,按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上,针对OO方法所需要的素材进行的归类分析和整理,而不是对管理业务现状和方法的分析。
OOA(面向对象的分析)模型由5个层次(主题层、对象类层、结构层、属性层和服务层)
- 浅谈java转成json编码格式技术
百合不是茶
json编码java转成json编码
json编码;是一个轻量级的数据存储和传输的语言
在java中需要引入json相关的包,引包方式在工程的lib下就可以了
JSON与JAVA数据的转换(JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非
常适合于服务器与 JavaScript 之间的数据的交
- web.xml之Spring配置(基于Spring+Struts+Ibatis)
bijian1013
javaweb.xmlSSIspring配置
指定Spring配置文件位置
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml,
/WEB-INF/
- Installing SonarQube(Fail to download libraries from server)
sunjing
InstallSonar
1. Download and unzip the SonarQube distribution
2. Starting the Web Server
The default port is "9000" and the context path is "/". These values can be changed in &l
- 【MongoDB学习笔记十一】Mongo副本集基本的增删查
bit1129
mongodb
一、创建复本集
假设mongod,mongo已经配置在系统路径变量上,启动三个命令行窗口,分别执行如下命令:
mongod --port 27017 --dbpath data1 --replSet rs0
mongod --port 27018 --dbpath data2 --replSet rs0
mongod --port 27019 -
- Anychart图表系列二之执行Flash和HTML5渲染
白糖_
Flash
今天介绍Anychart的Flash和HTML5渲染功能
HTML5
Anychart从6.0第一个版本起,已经逐渐开始支持各种图的HTML5渲染效果了,也就是说即使你没有安装Flash插件,只要浏览器支持HTML5,也能看到Anychart的图形(不过这些是需要做一些配置的)。
这里要提醒下大家,Anychart6.0版本对HTML5的支持还不算很成熟,目前还处于
- Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa
bozch
laravel
昨天在为了把laravel升级到最新的版本,突然之间就出现了如下错误:
ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
- 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜
bylijinnan
编程之美
import java.util.Arrays;
import java.util.Random;
public class Nim {
/**编程之美 NIM游戏分析
问题:
有N块石头和两个玩家A和B,玩家A先将石头随机分成若干堆,然后按照BABA...的顺序不断轮流取石头,
能将剩下的石头一次取光的玩家获胜,每次取石头时,每个玩家只能从若干堆石头中任选一堆,
- lunce创建索引及简单查询
chengxuyuancsdn
查询创建索引lunce
import java.io.File;
import java.io.IOException;
import org.apache.lucene.analysis.Analyzer;
import org.apache.lucene.analysis.standard.StandardAnalyzer;
import org.apache.lucene.document.Docume
- [IT与投资]坚持独立自主的研究核心技术
comsci
it
和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....
所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
- flashback transaction闪回事务查询
daizj
oraclesql闪回事务
闪回事务查询有别于闪回查询的特点有以下3个:
(1)其正常工作不但需要利用撤销数据,还需要事先启用最小补充日志。
(2)返回的结果不是以前的“旧”数据,而是能够将当前数据修改为以前的样子的撤销SQL(Undo SQL)语句。
(3)集中地在名为flashback_transaction_query表上查询,而不是在各个表上通过“as of”或“vers
- Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件
游其是你
FilenameFilter
这是一个FilenameFilter类用法的例子,实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
- C语言学习五函数,函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题
dcj3sjt126com
c
# include <stdio.h>
int f(void) //括号中的void表示该函数不能接受数据,int表示返回的类型为int类型
{
return 10; //向主调函数返回10
}
void g(void) //函数名前面的void表示该函数没有返回值
{
//return 10; //error 与第8行行首的void相矛盾
}
in
- 今天在测试环境使用yum安装,遇到一个问题: Error: Cannot retrieve metalink for repository: epel. Pl
dcj3sjt126com
centos
今天在测试环境使用yum安装,遇到一个问题:
Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
处理很简单,修改文件“/etc/yum.repos.d/epel.repo”, 将baseurl的注释取消, mirrorlist注释掉。即可。
&n
- 单例模式
shuizhaosi888
单例模式
单例模式 懒汉式
public class RunMain {
/**
* 私有构造
*/
private RunMain() {
}
/**
* 内部类,用于占位,只有
*/
private static class SingletonRunMain {
priv
- Spring Security(09)——Filter
234390216
Spring Security
Filter
目录
1.1 Filter顺序
1.2 添加Filter到FilterChain
1.3 DelegatingFilterProxy
1.4 FilterChainProxy
1.5
- 公司项目NODEJS实践0.1
逐行分析JS源代码
mongodbnginxubuntunodejs
一、前言
前端如何独立用nodeJs实现一个简单的注册、登录功能,是不是只用nodejs+sql就可以了?其实是可以实现,但离实际应用还有距离,那要怎么做才是实际可用的。
网上有很多nod
- java.lang.Math
liuhaibo_ljf
javaMathlang
System.out.println(Math.PI);
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1));
System.out.println(Math.abs(111111111));
System.out.println(Mat
- linux下时间同步
nonobaba
ntp
今天在linux下做hbase集群的时候,发现hmaster启动成功了,但是用hbase命令进入shell的时候报了一个错误 PleaseHoldException: Master is initializing,查看了日志,大致意思是说master和slave时间不同步,没办法,只好找一种手动同步一下,后来发现一共部署了10来台机器,手动同步偏差又比较大,所以还是从网上找现成的解决方
- ZooKeeper3.4.6的集群部署
roadrunners
zookeeper集群部署
ZooKeeper是Apache的一个开源项目,在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题,如:统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。
1、准备工作
我们准备3台机器做ZooKeeper集群,分别在3台机器上创建ZooKeeper需要的目录。
数据存储目录
- Java高效读取大文件
tomcat_oracle
java
读取文件行的标准方式是在内存中读取,Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法: Files.readLines(new File(path), Charsets.UTF_8); FileUtils.readLines(new File(path)); 这种方法带来的问题是文件的所有行都被存放在内存中,当文件足够大时很快就会导致
- 微信支付api返回的xml转换为Map的方法
xu3508620
xmlmap微信api
举例如下:
<xml>
<return_code><![CDATA[SUCCESS]]></return_code>
<return_msg><![CDATA[OK]]></return_msg>
<appid><