四时宝库

程序员的知识宝库

想摸鱼吗?先掌握这 19 个 css 技巧

大家好,我是刷碗智,今天来摸鱼了。

vue设置select不选中(vue select默认选中第一个)

在Vue中,可以通过设置`v-model`的值来控制`select`的选中状态。如果你想让`select`不选中任何选项,可以将`v-model`的值设置为一个空字符串或者`null`。

例如,假设有一个`select`的选项列表如下:

```html

<select v-model="selectedOption">

常见六大 Web 安全攻防解析 | 技术头条



作者 | 浪里行舟

责编 | 胡巍巍

在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据?本文主要侧重于分析几种常见的攻击的类型以及防御的方法。

干货:前端开发css禁止选中文本(css cursor 禁用)

Javaweb技术分享

在我们日常的Java web前端开发的过程中呢,程序员们会遇到各种各样的要求,所以不每天学的东西感觉自己都退步了,都更不上时代的发展了。

每天应对各种需求,每天活在疑问中就是我们程序员的真是写照。但我们还是一样热爱生活,热爱Java,HTML ,JSP。

在昨天的文章中,我写了关于Javascript中null 与 undefined 的区别。好像大家都不怎么感兴趣,小编感到很失落,不过,没事,小编还是一如既往的更新,让大家带来一些前端的干货。

html select 元素下拉点击事件(html下拉选择按钮)

今天在写一个关于 html 中 select 下拉元素选择的动态事件时,发现如果使用 javascript 中的 click 事件的话,会被执行两次。网上查了一下资料,发现 select 元素下拉选中事件并不适合使用 click 来触发,而要使用 change 事件。

select元素下拉的click事件

html代码

<select name="mochu" id="mochu">
 <option value="1">下拉1</option>
 <option value="2">下拉2</option>
 <option value="3">下拉3</option>
 <option value="4">下拉4</option>
</select>
<script>
 $('#mochu').click(function(){
 console.log($(this).val());
 });
</script>

企业网页推广出现移动端兼容问题怎么解决?分享几个实用的css代码

企业网页推广时出现网页兼容问题,不仅在pc端开发中会碰到,而且在APP开发当中也会经常碰到。

1、禁止图片点击放大

几道常考的前端面试题(前端经典面试题及答案)


盒子水平垂直居中有几种方式

1、绝对定位。盒子宽高已知, position: absolute; left: 50%; top: 50%; margin-left:-自身一半宽度; margin-top: -自身一半高度;

2、table-cell布局。父级 display: table-cell; vertical-align: middle;  子级 margin: 0 auto;

3、定位 + transform ; 适用于 子盒子 宽高不定时; (这里是本人常用方法)
    
    position: relative / absolute;
    /*top和left偏移各为50%*/
       top: 50%;
       left: 50%;
    /*translate(-50%,-50%) 偏移自身的宽和高的-50%*/
    transform: translate(-50%, -50%); 注意这里启动了3D硬件加速哦 会增加耗电量的 (至于何是3D加速 请看浏览器进程与线程篇)

4、flex 布局
    父级: 
        /*flex 布局*/
        display: flex;
        /*实现垂直居中*/
        align-items: center;
        /*实现水平居中*/
        justify-content: center;

再加一种水平方居中的方式 :margin-left : 50% ; transform: translateX(-50%);

小猿圈分享-如何做一个听话的输入框

在我们程序员日常的工作当中,经常会遇到一些让人头疼的槽点,小编也是经常遇到,今天就给大家分享如何让输入框听话的技巧。

问题探究

1. ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱:

当页input存在于吸顶或者吸底元素中时,用户点击输入框,输入法弹出后,fiexd失效,页面中定位好的元素随屏幕滚动。

针对这个问题,我们一起来看下以下几种方案:

方案一: Web API 接口 :scrollIntoView

网页出现禁止复制黏贴的内容如何破解

我们查询网页的时候,想复制网页上的部分内容,结果出现请先登陆或者是连提示也没有,有的复制加了个小尾巴,如何操作,且听早早道来

主要破解思路是:禁用js+取消user-select样式(css)

Chrome浏览器的话:打开浏览器按F12进入控制台,按F1进入Setting,勾选Disable JavaScript(禁止js)。

一般到这里就可以复制内容了,如果还是不行,可能开发者在元素上添加了user-select(禁止用户选中),同样是打开控制台点击左上角的箭头,选中该元素(要复制的内容),把user-select属性勾掉既可。

程序员-私活:修改网页元素,网页自动化处理

记录分享日常接单的体会, 关注我,了解程序员私活接单


最近在学习一些前端 小程序、javascript等相关技术栈,难免碰到许多难题,查询CSDN是经常做的事情

相信老铁们也有这几个痛点

1、需关注博文后,才能查看全部文章内容

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接