怎样通过CSS和js强制图片显示为正方形

很明显,CSS并没有下面这样的写法:

.text img {width:50%;height=width;}

那么如何强制图片为正方形显示呢?宽度不固定的情况下

10个回答

 <div class="wrap">
    <div class="div">
        <img src="">
    </div>
</div>
<style>
.wrap{width:50px;}
.div{
    width:100%;
    height:0px;
    padding-bottom:100%;
    position:relative;
}
.div img{
        width:100%;
        height:100%;
        position:absolute;
}
</style>

用js设置图片的参数好做一些

第一种就是用position方法
第二种就是在相关的标签中直接设置就是那个style属性中设置

使用js动态获取图片的宽,然后赋值为图片的高

将图片外围包一层div,给div设置成正方形,即高宽一样,然后让图片高宽100%;

看看这个例子

.figure-list{ margin: 0; padding: 0; } .figure-list:after{ content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } .figure-list li{ list-style: none; float: left; width: 23.5%; margin: 0 2% 2% 0; } .figure-list figure{ position: relative; width: 100%; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; /* 关键就在这里 */ background-position: center; background-repeat: no-repeat; background-size: cover; } .figure-list figure a{ display: block; position: absolute; width: 100%; top: 0; bottom: 0; }

<br> .figure-list{<br> margin: 0;<br> padding: 0;<br> }<br> .figure-list:after{<br> content: &quot;&quot;;<br> display: block;<br> clear: both;<br> height: 0;<br> overflow: hidden;<br> visibility: hidden;<br> }<br> .figure-list li{<br> list-style: none;<br> float: left;<br> width: 23.5%;<br> margin: 0 2% 2% 0;<br> }<br> .figure-list figure{<br> position: relative;<br> width: 100%;<br> height: 0;<br> overflow: hidden;<br> margin: 0;<br> padding-bottom: 100%; /* 关键就在这里 */<br> background-position: center;<br> background-repeat: no-repeat;<br> background-size: cover;<br> }<br> .figure-list figure a{<br> display: block;<br> position: absolute;<br> width: 100%;<br> top: 0;<br> bottom: 0;<br> }<br>


你这样图片原本是矩形的话,设置成这样不会拉伸变形吗?

我觉得还是设置成背景图,然后显示图片某本分的好

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
请问我在Myeclipse中做JSP,但是css,js和图片,在MyEclipse中可以显示,在浏览器中不显示,这是怎么回事啊

绝对路径和相对路径我都试过了,死活出不来结果,求大佬们帮帮忙! ![图片说明](https://img-ask.csdn.net/upload/201904/03/1554296926_229478.png)![图片说明](https://img-ask.csdn.net/upload/201904/03/1554296935_422684.png)![图片说明](https://img-ask.csdn.net/upload/201904/03/1554296951_984356.png) 就拿这个注册的CSS举例,我加了一个边框,但是在浏览器中这个边框根本显示不出来

css中图片无法显示该怎么办?

我在editplus中想写一个类似于淘宝商品的静态页面,我加入了一个图片,不知道为什么不显示,刚刚开始学,求大神解答![图片](https://img-ask.csdn.net/upload/201712/06/1512560707_122674.jpg)![图片](https://img-ask.csdn.net/upload/201712/06/1512560741_239437.jpg)

CSS3过渡动画导致图片显示不正常

如题,想制作一个贺年页面。但是过渡动画进行时图片显示不正常。还请各位大牛帮忙指点![图片说明](https://img-ask.csdn.net/upload/201710/23/1508762176_908016.jpg)箭头指出的地方即使图片显示错误的地方![图片说明](https://img-ask.csdn.net/upload/201710/23/1508762221_242547.jpg)另外附上代码: html代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Happy new year!</title> </head> <body> <div id = "main"> <div id = "test">恭贺新禧</div> <div id = "test-left">&nbsp;&nbsp;新年、新事、新开始、新起点、一定会有新的收获,祝愿各位事事如意,岁岁平安,年年有今日,岁岁有今朝。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--阡陌 旧时光</div> <div id = "bgm"> <audio src = "bgm/金蛇狂舞.mp3" autoplay loop> 很抱歉,音乐播放功能不支持IE9以下版本的浏览器(如果你能看到这行字说明你的浏览器就是IE9以下的版本......) </audio> </div> </div> </body> </html> CSS代码: @charset "utf-8"; /* CSS Document */ #main{ height :800px; width :100%; background :url(../image/bg3.jpg); background-size: cover; background-position: center; animation: back 30s linear; animation-fill-mode :forwards } #test{ width :400px; height :100px; float :left; margin-top :100px; margin-left :50px; color :#FFF; font-size :100px; line-height :100px; text-align :center; } #test-left{ width :390px; height :280px; float :left; margin-top :230px; font-size :25px; color :#FFF; animation: move1 3s ease-out .2s; } @keyframes move{ 0%{ margin-left :0; } 100%{ margin-left :50px; } } @keyframes move1{ 0%{ margin-top :300px; }100%{ margin-top :230px; } } @keyframes text{ 0%{ opacity :1; }100%{ opacity :0; } } @keyframes back{ 0%{ background :url(../image/bg.jpg); }50%{ background :url(../image/bg2.jpg); }100%{ background :url(../image/bg3.jpg); } }

css中图片无法显示怎么办

我想在editplus中写一个类似于淘宝商品的静态页面,我加入了一个图片,但是无法显示,刚开始学希望大神指教![图片](https://img-ask.csdn.net/upload/201712/06/1512561825_109871.png)![图片](https://img-ask.csdn.net/upload/201712/06/1512561932_279992.png)

为什么CSS和JS没有加载?

<div class="post-text" itemprop="text"> <p>I have googled and tried many solutions which worked for others but not in my case. I don't know why.</p> <p><strong>Background:</strong></p> <p>I am learning to use CodeIgniter 2.2.0. I have set up project structure and all the things as below, but still I am not able to load my CSS and JS.</p> <p><strong>View Code:</strong></p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head id="Head1"&gt; &lt;title&gt; &lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt; &lt;!-- solution 1 I have tried: --&gt; &lt;!-- in below line I tried by using constant set in constants.php file under application/config/ folder --&gt; &lt;link rel="stylesheet" href="&lt;?php echo (CSS.'dialog.css' );?&gt;" type="text/css"&gt; &lt;!-- solution 2 I have tried: --&gt; &lt;!-- As my css n script files are under CodeIgniter_2.2.0/assets/css and CodeIgniter_2.2.0/assets/scripts folder respectively --&gt; &lt;link rel="stylesheet" href="/assets/css/dialog.css" type="text/css"&gt; &lt;!-- solution 3 I have tried --&gt; &lt;!-- This I tried by using autoload.php settings where I am setting autoload['helper'] = array('url'); --&gt; &lt;?php echo link_tag('assets/css/dailog.css');?&gt; &lt;/br&gt; &lt;script src="../../script/Plugins/jquery.js" type="text/javascript"&gt;&lt;/script&gt; &lt;/head&gt; &lt;/html&gt; </code></pre> <p><strong>Config</strong>:</p> <p>Also I have set </p> <p><code>$config['base_url'] = "http://localhost/";</code> in <code>application/config/config.php</code> file.</p> <p><strong>Project Folder Structure:</strong></p> <p>My project folder structure is as follows :</p> <p><img src="https://i.stack.imgur.com/8ygeQ.jpg" alt="enter image description here"></p> <p>(Application , System, Assets folders are at same level)</p> <p>The contents of <code>.htaccess</code> file are :</p> <p>(.htaccess file path : C:\xampp\htdocs.htaccess )</p> <pre><code>RewriteEngine on RewriteCond $1 !^(index\.php|images|js|css|robots\.txt) RewriteRule ^(.*)$ /index.php/$1 [L] </code></pre> <p>there are 2 more <code>.htaccess</code> file at <code>C:\xampp\htdocs\CodeIgniter_2.2.0\System</code> and <code>C:\xampp\htdocs\CodeIgniter_2.2.0\application</code> folder both have single line written :</p> <pre><code>Deny from all </code></pre> <hr> <p>Also, at <code>C:\xampp\htdocs\</code>, there is a file <code>index.php</code> which is same as the <code>index.php</code> file placed at <code>C:\xampp\htdocs\CodeIgniter_2.2.0\</code> in which I have set following things</p> <pre><code>$system_path = 'CodeIgniter_2.2.0/system'; $application_folder = 'CodeIgniter_2.2.0/application'; </code></pre> <p>Is there anything that I am missing in this? I am not able to load any CSS or JS files on my page.</p> </div>

jsp页面引用的js与css没起到作用,纯文本可显示,怀疑是路径作用!

![图片说明](https://img-ask.csdn.net/upload/201801/18/1516257031_137510.jpg)![图片说明](https://img-ask.csdn.net/upload/201801/18/1516257042_523365.jpg)![图片说明](https://img-ask.csdn.net/upload/201801/18/1516257067_850687.jpg) 页面上纯文字是可以显示出来的,但是它的一些链接和页面效果没有,这是怎么回事? 就是它引用的js和css没起到作用。

如何强制浏览器重载已缓存的 css / js 文件?

<div class="post-text" itemprop="text"> <p>I have noticed that some browsers (in particular, Firefox and Opera) are very zealous in using cached copies of <strong>.css</strong> and <strong>.js</strong> files, even between browser sessions. This leads to a problem when you update one of these files but the user's browser keeps on using the cached copy.</p> <p>The question is: what is the most elegant way of forcing the user's browser to reload the file when it has changed?</p> <p>Ideally the solution would not force the browser to reload the file on every visit to the page. I will post my own solution as an answer, but I am curious if anyone has a better solution and I'll let your votes decide.</p> <p><strong>Update:</strong></p> <p>After allowing discussion here for a while, I have found <strong>John Millikin</strong> and <strong>da5id</strong>'s suggestion to be useful. It turns out there is a term for this: <strong>auto-versioning</strong>.</p> <p>I have posted a new answer below which is a combination of my original solution and John's suggestion.</p> <p>Another idea which was suggested by <strong>SCdF</strong> would be to append a bogus query string to the file. (Some Python code to automatically use the timestamp as a bogus query string was submitted by <strong>pi</strong>.). However, there is some discussion as to whether or not the browser would cache a file with a query string. (Remember, we want the browser to cache the file and use it on future visits. We only want it to fetch the file again when it has changed.)</p> <p>Since it is not clear what happens with a bogus query string, I am not accepting that answer.</p> </div> <p>转载于:https://stackoverflow.com/questions/118884/how-to-force-browser-to-reload-cached-css-js-files</p>

css+js实现点击图片左右切换图片

如图,两边的小图片都是图片,请问怎么点击左边或者右边的星球图片就切换成点击的那个,切换过来要改成大的图片,然后被换走的变成小的图片,就是更改src,麻烦提供一下代码,辛苦了!![图片说明](https://img-ask.csdn.net/upload/201904/29/1556527735_533484.png)

用Martini显示HTML,CSS和Javascript

<div class="post-text" itemprop="text"> <p>I'm trying to build a chatroom using Martini.</p> <p>I put together some HTML, CSS and JS using Bootstrap, and now I want to display it using Martini. I'm able to display a "Hello world" index.html file without much trouble, but when I replace index.html file with the code I want it to render (the chat room layout), it tries calling the js/ and css/ files using GET requests and fails.</p> <p>Specifically, this is the output : </p> <pre><code>[martini] listening on :3000 [martini] Started GET / [martini] Completed 200 OK in 570.573us [martini] Started GET /index.html [martini] Completed 200 OK in 1.188084ms [martini] Started GET /js/chatclient.js [martini] Completed 404 Not Found in 614.137us [martini] Started GET /js/bootstrap.min.js [martini] Completed 404 Not Found in 417.855us [martini] Started GET /css/bootstrap.min.css [martini] Completed 404 Not Found in 440.463us </code></pre> <p>Any advice on how I can get the Javascript to work? From a simple Google search I couldn't find anything regarding being able to render CSS and JS using Martini, which is why I posted here.</p> </div>

wordpress主题背景图片失效,无法显示,所有主题都不行,同时后台部分css无法显示

下图是首页,无法显示主题背景图片 ![图片说明](https://img-ask.csdn.net/upload/201701/30/1485758051_513681.png) 按照道理应该是下面第一张图片的样子 ![图片说明](https://img-ask.csdn.net/upload/201701/30/1485758112_638966.png) 同时在后台的部分css样式无法显示 ![图片说明](https://img-ask.csdn.net/upload/201701/30/1485758172_61122.png) 这是什么原因,跪求大佬解释

webpack打包怎么移除html页面原来引入的css和js

为什么我的项目打包成功以后链接的css和js不仅有新的,还包含旧的? 我想 本地看本地的,打包后看到的是打包后的,不想把原有的css和打包后的css都在页面中看到,因为打包后的页面根本找不到原有的css和js会报404错误。 奇了怪了 难道没有人遇到这样的问题? 难道所有人打包后 自己的页面的css和js自动都被移除了? 那移除用的什么方法? webpack有那个方法或者配置是说明这个问题的? ![图片说明](https://img-ask.csdn.net/upload/202005/13/1589349135_493576.png) ------- ![图片说明](https://img-ask.csdn.net/upload/202005/13/1589349146_7768.png) 我的webpack配置文件 ``` /** * 引入打包所需脚本 */ var path = require('path'); // 读取文件 var fs = require("fs"); // 根目录查找html var pathName = "./"; // 存放所有html名称的集合 var htmlFiles = []; // 匹配html文件 var ipReg = /\.(htm|html)$/i; // 找到根目录的所有html 除index之外 存在htmlFiles中 fs.readdirSync(pathName).forEach(files=>{ if(ipReg.test(files) && files.indexOf('index') < 0){ htmlFiles.push(files); } }); // 将所有页面合并到plugins function html_plugins() { var r = [] for (var i=0;i<htmlFiles.length;i++){ var conf={ chunks: 'js/css', filename: htmlFiles[i], template: htmlFiles[i], minify: false }; r.push(new HtmlWebpackPlugin(conf)); } return r } // 打包html的插件 var HtmlWebpackPlugin = require('html-webpack-plugin'); // 用于在构建前清除dist目录中的内容 var { CleanWebpackPlugin } = require('clean-webpack-plugin'); // 单独打包样式 var ExtractTextPlugin = require('extract-text-webpack-plugin'); // 压缩css文件 var OptimizeCssplugin = require('optimize-css-assets-webpack-plugin'); /** * 打包配置项 */ module.exports = { entry: { 'js/css':'./js/index.js', 'js/bundle': [ './js/flash.js', './js/Marquee.js' ] }, output: { // 这个[name]的意思是,配置入口entry键值对里的key值,app/dist/js/index,最后的index, filename: '[name].js', //__dirname 当前webpack.config.js的路径 path: path.resolve(__dirname, './dist'), }, mode: 'production', // 设置mode module: { rules: [ // 样式单独打包 { test: /\.css/, //ExtractTextPlugin插件的作用是为了不让css被打包到了js文件中,不然浏览器打开index.html,就会发现css以style的形式被插到了head loader: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" }) }, { // 图片 test: /\.(png|jpg|gif|svg|webm)$/i, loader: 'file-loader', options: { // 保持图片名不变,而且也能够添加到指定目录下 name: 'images/[name][hash:8].[ext]', publicPath: './', esModule: false // outputPath: './', } }, { loader: 'image-webpack-loader',// 压缩图片 options: { bypassOnDebug: true, } }, { // 页面 test: /\.(htm|html)$/i, loader:'html-withimg-loader' } ] }, // 插件 plugins: [ // 打包成单独css new ExtractTextPlugin({ filename:'css/bundle.css', }), // 压缩 css 文件 new OptimizeCssplugin(), // 清除dist构建目录文件 new CleanWebpackPlugin(), // html页面,可多个 new HtmlWebpackPlugin({ // 生成html文件的favicon的路径 // favicon: './favicon.ico', filename: 'index.html', template: 'index.html', minify: false }) ].concat(html_plugins()) } ```

JSP中引入CSS后,关于CSS中图片路径的问题

JSP中引入CSS后,关于CSS中图片路径的问题 我有一个JSP文件如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" errorPage="" %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="css/home.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="javascript/home.js"></script> <style> .content { height:500px; /* 使用相对路径,直接访问JSP没问题,通过Servlet的forward有问题 */ /*background:url(resources/images/homeModel.gif);*/ /* 使用绝对路径后,Servlet的forward也无问题 */ background:url(<%=request.getContextPath()%>/resources/images/homeModel.gif); } </style> </head> <body> <div class="content"> </div> </body> </html> 文件中通过link引入了一个外部的CSS文件。 如果我直接访问JSP的话,这个文件中的 background:url(../resources/images/model1.jpg); 属性没问题; 但是我通过Servlet的forward转发后,环境的上下文就发生了改变,像这样使用相对路径就无法访问到图片,虽然可以改用绝对路径解决。 但是,这样做就把整个路径写死了,由于项目名称http://ip:port/project 有可能发生改变,所以不希望使用写死的绝对路径。 如果这个css样式在jsp文件中,还好说,直接通过request.getContextPath()方法就可以等到上下文。但是外部的CSS文件无法使用这种方式。 我又不可能把所有的css都写在jsp页面中,对于JSP中引入外部CSS或者JS文件的情况,如何解决文件路径的问题的? 所以,想求一个方案,如何来实现这种css文件中的路径问题? 不知道大家在遇到这种问题的时候一般都是采取的什么方案? 我的web目录结构是: http://localhost:8080/project/ /project 是项目的根目录,也就是request.getContextPath()得到的内容 下面是项目整体的目录结构: project - css home.css - js home.js - resources - images - 所有图片都存放在此 - css - js

web无法加载js,css及图片资源

如题,写了个项目,用的springMVC+spring+hibernate,当请求到某个网页时,无法加载到js,css及图片资源,但是html可以正常加载,正常手动输入链接是没问题的,servlet-mapping如下 ![图片说明](https://img-ask.csdn.net/upload/201603/07/1457322280_789059.png)

css的background属性,背景图片太大无法适应屏幕显示

![psd文档](https://img-ask.csdn.net/upload/201609/08/1473344804_369356.png); ![用于bg的图片](https://img-ask.csdn.net/upload/201609/08/1473344865_933005.png); ![浏览器打开后](https://img-ask.csdn.net/upload/201609/08/1473344768_894934.png); 在练习仅用html+css布局时,裁剪下的图片像素太高,css设置了width:100% auto; background: url("images/header.gif") no-repeat;浏览器显示的结果如图。 问:请问各位前辈怎样才能设置图片的大小适应屏幕呢,除了css3的background-size:100%.

css中背景设置了图片就是显示不出来?

图片文件路径没问题。 ``` <div class="wrap"></div> .wrap{ width:500px; height:300px; background-image:url("images\1.jpg"); border:solid 1px black; } ``` ![图片说明](https://img-ask.csdn.net/upload/201708/04/1501842462_280387.png)

在idea中有关html5中的一些css与js问题

我直接在codepen中copy了一些代码下来,包括css、js与一些html页面,但是报错了,有提示js版本不对,也有提示css错误,我就不是很明白idea中创建maven项目这些基本的js、css都没有引入么?还是说需要自己手动引入一些文件啊? ![图片说明](https://img-ask.csdn.net/upload/201907/11/1562837479_734650.png) ![图片说明](https://img-ask.csdn.net/upload/201907/11/1562837489_805119.png) 还是说codepen网站上用的js与css依赖一些其他的文件什么的?有大神帮忙解释一下么?

myeclipse中jsp连接css样式中的图片怎么在浏览器中不显示

![图片说明](https://img-ask.csdn.net/upload/201706/18/1497779464_330307.png) 路径名:![图片说明](https://img-ask.csdn.net/upload/201706/18/1497792504_160252.png) ![图片说明](https://img-ask.csdn.net/upload/201706/18/1497792519_359964.png) ![图片说明](https://img-ask.csdn.net/upload/201706/18/1497792532_568305.png) 感觉没错呀,求大神解答

CSS无法正确显示背景图片

css: ul.menu{font-size:22px}ul.menu li{display:inline; list-style:none;} ul.menu li.menu_left{background:#FFF url(../../image/menu_left.png) no-repeat; width:17px; height:40px;} ul.menu li.menu_middle{background:#fff url(../../image/menu_middle.png) repeat-x; width:200px; height:40px;} ul.menu li.menu_right{background:#fff url(../../image/menu_right.png) no-repeat; width:17px; height:40px;} html: <ul class="menu"> <li class="menu_left"></li> <li class="menu_middle">首页</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_middle">硬件DIY</li> <li class="menu_right"></li> </ul> 图片可以显示,但是宽高无法按照设定的值显示,如果有文字,他会显示文字和部分背景,如果没有文字,他就全部不显示了,我用的是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个模式,发现将他删了就可以正常显示,但是这个是规定不能删的,请问我的CSS代码要怎么改?

关于thinkphp3.2.3引入css 和 js路径的问题

关于thinkphp3.2.3引入css 和 js路径的问题 新手刚学一星期 实战的时候发现引入css和js时__PUBLIC__没有被解析 我的目录是这样的 ![图片说明](https://img-ask.csdn.net/upload/201608/10/1470789048_277866.png) 引入是这样的 ![图片说明](https://img-ask.csdn.net/upload/201608/10/1470789190_894634.png) 运行后是这样的 错误了 ![图片说明](https://img-ask.csdn.net/upload/201608/10/1470789209_455620.png) 然后我重新在这里设置了下 Home下的config.php // 'TMPL_PARSE_STRING' => array( // '__PUBLIC__' => __ROOT__ . '/Public', // '__JS__' => __ROOT__ . '/Public/Js', // '__CSS__' => __ROOT__ . '/Public/Css', // '__IMAGE__' => __ROOT__ . '/Public/Image', // '__DATA__' => __ROOT__ . '/Data/' // ), 还是不行

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐