
html
敲代码的TKP
这个作者很懒,什么都没留下…
展开
-
5种JavaScript实现千位分隔符的方法
在项目开发中需要js实现千位分隔符来分割一个整数,比如我想将数字 1234567 显示为“1,234,567”。我该怎么实现呢?原创 2023-04-24 11:03:47 · 6413 阅读 · 1 评论 -
vue实现简单瀑布流布局(vue-stick)
vue实现简单瀑布流布局(vue-stick)原创 2023-04-14 16:18:08 · 408 阅读 · 0 评论 -
嵌在iframe里的vue项目 怎么触发父页面的方法?
嵌在iframe里的vue项目 怎么触发父页面的方法?原创 2023-04-14 15:05:22 · 646 阅读 · 0 评论 -
html调用手机打电话、发短信功能
html调用手机打电话、发短信功能原创 2023-03-06 11:26:36 · 3622 阅读 · 0 评论 -
很多网站、APP 前段时间一下都变灰了。 先来感受一下变灰后的效果。
很多网站、APP 前段时间一下都变灰了。 先来感受一下变灰后的效果。原创 2023-02-01 08:55:56 · 3323 阅读 · 0 评论 -
vue项目原生input框限制只能输入金额(必须大于0,最多小数点后两位,不能输入e、+、-)
今天碰到一个需求,做的是微信支付,所以需要设置输入框里必须输入是能支付的数字,想投机网上直接找现成的方法,发现大部分都有bug或者不生效。于是自己费了点时间写了以下提供两种方案,希望有帮助。原创 2023-01-09 16:14:42 · 6183 阅读 · 0 评论 -
最新最全的手机号正则表达式及其他常用正则校验
一般表单页面都需要填写手机号,校验用户输入的手机号码是否正确,就要用到正则表达式,用正则表达式来匹配手机号段,如在运营商号段内,则号码正确。因此,需要知道运营商最新的号段,如下所示:原创 2022-09-14 11:02:28 · 5907 阅读 · 0 评论 -
Flex布局详解
什么是Flex布局? Flex是Flexible Box的缩写,顾名思义为“弹性布局”,用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 需要注意的是,设为flex布局以后,子元素的float、clear和vertical-align属性将失效 * webkit内核的浏览器,必需加上-webkit前缀.box{ display:-webkit-flex; display:flex;}flex-box(容器):5个有用,1个集合属性1.flex-原创 2021-10-08 16:28:20 · 129 阅读 · 0 评论 -
js移动端rem.js自适应布局代码
rem 是 css 的长度单位,它是相对于 元素的 font-size 的相对值。假设 html { font-size: 20px; },那么 1rem 就等于 20px。原创 2022-08-31 09:57:31 · 1162 阅读 · 0 评论 -
html前端的几种加密/解密方式
base64加密、MD5加密(不可逆)、sha1加密(不可逆)、escape()和unescape()、AES/DES crypto-js加密解密原创 2022-08-18 17:46:00 · 8284 阅读 · 0 评论 -
前端js中文转拼音(例:张三转为ZhangSan)
如图,咱们需要实现中文汉字转成拼音,非中文汉字部分则保留原格式,兼容各类情况。实际就是匹配字符编码转成相应的拼音,那么当然我们就需要对应的字符编码原创 2022-08-16 15:51:23 · 2886 阅读 · 0 评论 -
css设置文字渐变色及文本阴影
css设置文字渐变色及文本阴影。代码实现思路:1.文字设置为从坐上到右下的渐变色;2.创建伪元素'88.8'给文字‘88.8’添加阴影效果(注意:伪元素的层级要比本身dom元素的层级低,否则会覆盖在文字上)......原创 2022-08-02 14:31:54 · 1854 阅读 · 0 评论 -
原生JavaScript实现节流防抖
今天使用原生js时碰到一个需求:点击按钮调用接口获取数据并跳转页面,但是为了防止按钮的多次被点击导致接口一直被调用的问题,整理了一些防抖和节流的代码原创 2022-06-24 15:13:14 · 1190 阅读 · 0 评论 -
JS替换字符串,例:加号替换成‘%2B‘
JS替换字符串,例:加号替换成'%2B'原创 2022-03-04 16:34:45 · 3186 阅读 · 0 评论 -
浅谈MVVM模式的理解
MVVM 表示的是 Model-View-ViewModelModel:模型层,负责处理业务逻辑以及和服务器进行交互。View:视图层,负责将数据模型转化为 UI 显示出来,可以简单的理解为 HTML 页面。ViewModel:试图模型层,用来连接 Model 和 View ,是 Model 和 View 之间的桥梁。每当V层获取或者保存数据的时候,都要由VM层做中间的处理,从而交给M层。原创 2022-02-23 16:40:12 · 5197 阅读 · 0 评论 -
HTML常用细节问题处理
一.解决图片底部3个像素问题原因:底部多余的为图片3像素。是由图片元素默认为inline-block引起的。方法: 1,给img图片标签添加属性vertical-align:top;(不是baseline即可)2,img的父标签添加属性:font-size:0;3,给图片添加属性:display:block;二.超出文本隐藏,并用省略号代替方法: overflow:hidden;//超出隐藏text-overflow:ellipsis;//超出部分用…代替white-space:nowrap原创 2020-12-18 10:59:54 · 864 阅读 · 0 评论