前端学习笔记
望月寄明
学习是件快乐的事情
展开
-
vue表单 input框只允许输入价格的处理
watch: { mount(val) { //先清除字符串中的所有非(数字和小数点)的字符。 val=`${val}`.replace(/[^\d.]/g, '') //处理0开头的问题 if(val.length>1){ val = val.replace(/^0+/, ''); val = val.length==0 ? "0" : val; } if( val.startsWith(".").原创 2022-03-10 20:08:02 · 1601 阅读 · 0 评论 -
微信小程序 仿京东 省市县地址选择
效果图因为是外包项目,代码以实现功能为要求而已,轻喷。小程序部分代码wxml<view class="page"><view class="content"> <view class="perosn item"> <text>收货人 :</text> <input bindinput="inputName" value="{{formData.name}}" placeholder="原创 2021-09-10 23:07:06 · 1311 阅读 · 0 评论 -
抓取swagger页面,前端自动生成url配置
抓取swagger页面,前端自动生成url配置基于electron的小工具: 源码请看 git地址, 如果可以,希望您给个star。效果图如下:现在是第一阶段效果,能抓取swagger主页,单页生成URL配置。第二阶段预计加上 文件内容判重功能(预计时间两周之后)。...原创 2021-02-24 17:47:21 · 504 阅读 · 0 评论 -
UI系列-001 button, button-group
按钮样式代码如下#hq-list<!-- * @Description: * @Version: 1.0 * @Autor: in hengqi by mengze * @Date: 2020-09-12 17:23:53 * @LastEditors: in hengqi by mengze * @LastEditTime: 2020-09-12 17:27:31--><template> <div class="hq-list">原创 2020-09-16 13:14:42 · 269 阅读 · 0 评论 -
css 高斯模糊实现
css 毛玻璃效果先上效果图vue代码css代码先上效果图vue代码<template> <div class="login-view"> <transition name="slide-fade"> <div class="wrap" v-if="show"> <div class="login-field"> <div class="login-content">原创 2020-09-03 15:57:07 · 369 阅读 · 0 评论 -
mysql 日期类型与常见日期函数总结
日期类型与常见日期类型总结mysql日期数据类型mysql常见日期处理函数获取当前系统时间获取指定时间的年月日时分秒部分获取当前日期是本月的第几天,本周的星期几\时间,日期转换成字符串时间日期查询两个日期时间的差值计算时间,日期计算(迁移,后移)月末月初计算星期几计算mysql日期数据类型日期时间类型占用空间日期格式最小值最大值零值表示DATETIME8字节YY...原创 2020-03-19 01:39:32 · 399 阅读 · 0 评论 -
js http状态响应码含义
200: 成功执行。201: 服务器执行成功,且创建了新的资源。204:服务器执行成功,但是返回的消息内容为空。206: 服务器成功的执行了部分的请求。301:永久性重定向。302:临时性重定向。303:临时重定向。304: 请求客户端已经有了备份,且为最新。400:401: 未授权,即没有登录。403: 禁止访问。404: 资源不存在。405: 请求方法不正确。50...原创 2020-03-17 14:59:04 · 483 阅读 · 0 评论 -
js 浏览器http请求流程与网页渲染流程
浏览器http请求流程与网页渲染流程浏览器http请 求流程浏览器http请求流程简要URL解析与编码DNS解析查找IP地址Http请求数据格式TCP三次握手与四次挥手tomcat处理http请求流程http响应数据格式http缓存相关网页渲染流程浏览器http请 求流程浏览器http请求流程简要URL解析与编码 / DNS解析查找IP地址。网络请求发起,进行tcp连接,http协议封装...原创 2020-03-17 14:49:57 · 792 阅读 · 0 评论 -
js 前端缓存总结
前端缓存总结前端用于缓存的关键字段program, cache-control, expireslast-modified, if-modified-since, etag, if-none-match1、last-modified, if-modified-since2、etag,if-none-match前端缓存的分类静态资源文件,如图片,文件等静态数据, 比如省市区,性别等动态数据, 比如用...原创 2020-03-16 17:46:52 · 607 阅读 · 0 评论 -
js教程 w3c标准相关面试题(转载)
https://blog.csdn.net/p526881709/article/details/77563888?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task转载 2020-02-28 11:41:46 · 672 阅读 · 0 评论 -
js教程 作用域,this,apply,call相关面试题
作用域,this,apply,call相关面试题面试题1面试题2面试题3面试题4面试题1主要考察作用域的问题。函数有独立的作用域,函数内访问的变量(不是被this调用的边来定)只有全局变量和本函数内变量的区别。不会被其他函数中的同名变量所影响。在浏览器环境下,没有对象调用的方法,默认是被window对象调用。var n = 123;function f1(){ //此处的n,只...原创 2020-01-31 00:29:32 · 144 阅读 · 0 评论 -
js教程 防抖与节流
防抖与节流防抖与节流的概念防抖的概念节流的概念防抖与节流使用场景防抖代码实现节流代码实现防抖与节流的概念防抖的概念触发事件之后,在n秒内函数只执行一次。若在n秒内再次触发,则之前为未触发的取消,触发时间重新计算。节流的概念连续触发的事件,每间隔n秒执行一次;当然如果不触发了,不执行。防抖与节流使用场景输入框的连续输入搜索框的连续输入上拉刷新,下拉刷新的触发window的R...原创 2020-01-30 21:30:47 · 110 阅读 · 0 评论 -
js教程 less基本规则以及在vue中使用
less基本规则以及在vue中使用less的基本概念vue中使用lessless的注释less的嵌套规则与&less对于串行选择器的嵌套规则表示外部串行选择器的&标识符less中的变量与运算less中的变量less中的运算less中的混合less继承less的基本概念Less 是一门 CSS 预处理语言,为CSS赋予了动态语言的特征。它扩展了 CSS 语言,增加了变量、Mixi...原创 2020-01-29 12:43:24 · 1988 阅读 · 0 评论 -
js教程 node,npm,nvm,nrm,yarn使用
npm,nvm,yarn使用nvm, node, npm,nrm,yarnnode的安装与卸载node的安装node的卸载npm一、npm的安装二、npm创建并且初始化项目三、npm下载开发环境使用的第三方库四、npm下载发布环境使用的第三方库五、npm卸载第三方库六、npm对git仓库下载的项目的所有第三方库进行下载七、搜索npm仓库中的指定第三方库,更新指定第三方库nvmnvm安装命令nvm常...原创 2020-01-20 22:16:40 · 627 阅读 · 0 评论 -
js学习--ESLint学习与使用
ESLint学习与使用一、eslint安装二、生成配置文件,初始化三、关于ESLint的配置方式四、关于ESLint的配置属性与忽略文件五、关于eslint之地红检查vue,jsx文件的编译命令六 、在webstorm中使用eslint,在代码编写过程中就检测错误七、在webpack编译的时候,进行eslint检测 --借助webpack的preLoaders八、在git提交的时候进行eslint...原创 2020-01-20 16:00:29 · 246 阅读 · 0 评论 -
nodejs核心模块events与自定义
nodejs核心模块events与自定义nodejs中订阅发布相关实现库events库的APIevents的使用举例events库的自定义实现nodejs中订阅发布相关实现库const EventEmitter = require('events');const events = new EventEmitter();nodejs中,很多核心API都是采用的异步事件驱动架构,其中某些类型...原创 2020-01-14 12:23:37 · 184 阅读 · 0 评论 -
js模块化使用与进阶
js模块化使用与进阶模块化概念js模块化的优点js模块化实现方案,以及IIFEnodejs中的模块化ES6中的模块化以及优点模块化概念模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程,模块有多种属性,分别反映其内部特性。即:模块化是一种处理复杂系统分解为更好的可管理模块的方式,模块化用来分隔,组织,打包软件。每个模块都完成一个特定的子功能,所有模块按照某种方式组装起来,...原创 2020-01-11 14:42:53 · 131 阅读 · 0 评论 -
input placeholder颜色修改,input自动填充背景色处理
input placeholder颜色修改,input自动填充背景色处理网页自动填充input背景色处理input的placeholder颜色网页自动填充input背景色处理 input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s; }input的placeholder颜色::-we...原创 2020-01-07 14:42:59 · 392 阅读 · 0 评论 -
html radio原生样式修改
html radio原生样式修改原理html代码css代码效果图原理 利用<labe for="radioId"l>标签的for属性,对应<input tpye="radioId">,来间接实现对radio的点击操作。html代码<div class="base-info-item family-info-item"> <span>...原创 2020-01-07 12:28:48 · 2253 阅读 · 0 评论