前端
关注
分享
扫一扫
多米尼克领主
这个作者很懒，什么都没留下…
展开
-
什么？防抖节流就是一个这么简单的玩意？
防抖节流个人看法讲解一、对防抖节流的认知我以为的防抖节流：实际上的防抖节流：详细请往下看二、我开始正经了-------------------防抖 -------------------首先先看一个问题：公司给了一个电商里一个搜索框的小模块，需求：1.用户输入关键词2.系统给出推荐的相关商品解决思路：简单，一个输入框加一个oninput事件，事件里执行推荐操作不就搞定啦？错错错！如果你是这样想的，你会得到下面的效果：你会发现，用户每输入一个字你就进行一次处理，我这里举例用的是.原创 2021-09-27 23:10:42 · 4712 阅读 · 2 评论 -
密码输入框（暗文输入）
密码输入框（暗文输入）一、暗文与明文密码框实际上就是一个设置了type属性 的 input标签明文输入：<input type="text">暗文输入：<input type="password">二、效果三、代码 明文<input type="text"> <br> 暗文<input type="password">四、扩展常用的type属性取值还有type效果radio单选框原创 2021-09-24 10:24:58 · 1487 阅读 · 0 评论 -
鼠标悬浮时缓慢放大图片（过渡transition）
鼠标悬浮时缓慢放大图片（过渡transition）一、不添加过渡效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,原创 2021-09-24 09:58:34 · 742 阅读 · 0 评论 -
什么是Flex布局？
Flex布局别名：弹性布局、一、使用方法在需要开启flex布局的元素（father）添加样式<style>.father{display: flex;}</style>二、关键属性1. flex-wrap 换行属性（是否换行）取值：nowrap(默认) | wrap| wrap-reversewrap表示换行，即项目不会等分容器宽度，而是根据自身宽度进行排列，如果超出父容器宽度则自然换行。wrap-reverse同样表示换行，需要注意的是第一排会紧贴容器原创 2021-09-22 23:00:56 · 2246 阅读 · 0 评论 -
画布canvas的基础使用
画布canvas的基础使用一、基本用法(1)创建并获取canvas对象–获取画布通过document.getElementById()等方法取得canvas对象。(2)取得上下文(context)图形上下文是一个封装了很多绘图功能的对象，用于实现绘制操作，参数只能是“2d”(3)定义填充样式context.fillStyle=‘red’(4)绘制填充图形、线条、边框、图像等例1：绘制一个填充矩形效果：html代码 <!-- 创建一个画布对象 --> <canv原创 2021-09-14 18:23:48 · 1804 阅读 · 0 评论 -
500错误及服务器内部错误
500错误及服务器请求错误一、简言：500错误代表着你请求的后端或者说服务器端出现了错误。 可能的原因非常多，因为很多程序内部都会把代码运行出现的错误捕捉然后直接返回一个“服务器内部错误500”，这也就导致了我们在前端发送请求时见到的错误500次数如此多的原因。因为有些时候不管后台哪一个地方的逻辑错了，都会给我们返回500.二、500到底是什么？  原创 2021-09-10 16:45:36 · 1412 阅读 · 0 评论 -
JavaScript内置对象总结
JavaScript内置对象总结方法描述Arguments函数参数类数组对象Array数组对象Boolean布尔对象Date日期时间Error异常对象Function函数构造器对象Match数值对象Object基础对象RegExp正则表达式对象String字符串对象...原创 2021-09-02 17:50:06 · 117 阅读 · 0 评论 -
JavaScript中常用预定义函数（内置函数）总结
JavaScript中常用预定义函数总结方法描述eval()对一串字符串形式的JavaScript代码字符求值isFinite()isFinite()函数判断传入的值是否是有限的数值。 如果需要的话，其参数首先被转换为一个数值isNaN()isNaN()函数判断一个值是否是NaN。注意：isNaN函数内部的强制转换规则十分有趣； 另一个可供选择的是ECMAScript 6 中定义Number.isNaN() , 或者使用 typeof来判断数值类型。parseF原创 2021-09-02 17:09:35 · 302 阅读 · 0 评论 -
JavaScript中Array数组类型常用方法总结
Array数组类型常用方法总结一、.数组序列化方法描述toString()在默认情况下都会以逗号分隔字符串的形式返回数组项join()使用指定的字符串用来分隔数组字符串二、构造函数的方法方法描述Array.isArray()用来判断某个变量是否是一个数组对象Array.from()从类数组对象或者可迭代对象中创建一个新的数组实例Array.of()根据一组参数来创建新的数组实例，支持任意的参数数量和类型三、栈与队列方法原创 2021-09-02 17:04:20 · 137 阅读 · 0 评论 -
JavaScript中String类型常用方法总结
String类型常用方法总结一、字符方法方法描述charAt(index)返回指定索引位置的字符charCodeAt(index)以Unicode编码形式返回指定索引位置的字符二、字符串操作方法方法描述concat()连接字符串。slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。substring()提取字符串中两个指定的索引号之间的字符。substr()从起始索引号提取字符串中指定数目的字符原创 2021-09-02 16:45:48 · 149 阅读 · 0 评论 -
FED12字符串字符统计（javaScript中给对象循环声明多个属性）
1.前言：今天在牛客网看到一道题统计字符串中每个字符的出现频率，返回一个 Object，key 为统计字符，value 为出现频率不限制 key 的顺序输入的字符串参数不会为空忽略空白字符2.我的思路 我的第一想法是直接用Map来做，但是仔细看了一下题发现需要返回一个对象，我就猜到了这题要考的是，对对象的掌握。于是我就有了下面的思路：1.创建一个对象2.创建一个数组把输入进来的字符串转出字符串数组3.遍历字符串数组，原创 2021-08-31 19:22:02 · 144 阅读 · 0 评论 -
ReferenceError: XXXX is not defined
名字写错了！！！名字写错了！！！名字写错了！！！;你检测一下函数名或者变量名就八九不离十了还不走看啥呢？我发现优快云写博客的换行还有行首空两格操作，真是把我整吐了，居然要这么长换行<p><span><span style="font-family:Verdana, Arial, Helvetica, sans-serif;line-height:19px;text-indent:26px;"><span style="font-size:14px;原创 2021-08-31 17:45:45 · 1096 阅读 · 1 评论 -
JS进制转换后如何补零(rgb字符串转换)
题目：将 rgb 颜色字符串转换为十六进制的形式，如 rgb(255, 255, 255) 转为 #ffffffrgb 中每个 , 后面的空格数量不固定十六进制表达式使用六位小写字母如果输入不符合 rgb 格式，返回原始输入思路：为什么要补零？因为位数不够。好！那就判断位数是否正确，不正确就补零function rgb2hex(sRGB) { var pattern = /rgb\(( *\d{1,3},)( *\d{1,3},)( *\d{1,3})\)/ if(patter原创 2021-08-31 16:59:41 · 1125 阅读 · 0 评论 -
iconfont的正确使用、引入
Iconfont 图标的引入使用一、引言Iconfont 全名阿里巴巴矢量图标库作为为数不多的icon免费平台，iconfont已经成为前端程序员必不可少的组件库库存之一。 虽然说免费，可是并不是说它不好用，相反它好用的不得了呀，只需要一个链接一个标签就能快速使用各式各样的图标，对于我这种啥也不会的初学者来说简直是人间仙境呀！二、iconfont多色图标引入使用1.上网站搜索关键词找图标，选几个长得比较顺眼的加入购物车（前提是你已经登入了），这里我一次性选了3个。然后打开购物车，点击加入项目（原创 2021-08-06 20:49:27 · 2549 阅读 · 0 评论 -
VSCode超实用快捷键（最常用）
每天不定时更新快速生成头文件注释：Ctrl+alt+i快速生成方法注释：Ctrl+alt+t快速寻找下一个：双击 ctrl+d ctrl+u快捷整理代码：shift+alt+f光标 移动到下一行：Crtl+Enter自动补全：table在浏览器中打开：Alt+B转到上一个错误：Alt+F8转到下一个错误： F8块注释：Shuft+Alt+a行注释：Ctrl+/关闭编辑区：Ctrl+w关闭所有编辑器：Ctrl+k+w新建窗口：Ctrl+Shift+n隐藏侧.原创 2021-08-05 14:05:14 · 2339 阅读 · 0 评论 -
AxureRP9利用中继器实现增删改查（表格）
利用中继器实现增删改查一、将数据绑定到中继器上显示1.将中继器拖到画布上，双击进入中继器内部开始编辑[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cOVgrT5L-1627634272038)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210730142111474.png)]2.将一个表格拖入画布删掉不需要的行，编辑列名[外链图片转存失败,源站可能有防盗链机制原创 2021-07-31 19:19:34 · 11376 阅读 · 4 评论 -
在vscode中打开PDF文件
在vscode中打开PDF文件需要安装一个名为“vscode-pd”的插件操作如下重新打开PDF文件即可原创 2021-04-02 21:32:56 · 4153 阅读 · 0 评论 -
Vue中demo@0.1.0 serve: `vue-cli-service serve`解决方法
情况:日常 cnpm run serve,突然报错npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! demo@0.1.0 serve: `vue-cli-service serve`npm ERR! Exit status 1npm ERR! Failed at the demo@0.1.0 serve script.npm ERR! This is probably not a problem with npm. There is likely原创 2021-04-01 21:21:55 · 32769 阅读 · 3 评论 -
VUE的项目的创建及使用
VUE的项目的创建及使用安装cnpm（可以不安装） npm install -g cnpm第一部分：创建Vue项目步骤（一）：全局安装vue-cli脚手架工具1.右击文件夹，选择在终端中打开2.输入下列代码并回车cnpm install -g @vue/cli3.如果显示cnpm : 无法加载文件 F:\Nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。是因为没有权限，需要用管理员身份进行运行并授权则打开Powershell输入下列原创 2021-03-30 22:56:46 · 190 阅读 · 0 评论 -
如何在vsCode中打开js文件
方法一：通过安装Code Runner插件（1）：在左侧点击扩展功能（2）：搜索code runer，并安装（3）：右键自己的js文件选择Run Code（4）：js文件运行成功，在输出中查看运行结果注意：别说什么找不到插件,肯定是你拼写错了方法二：通过node js打开解释：nodejs可以看成是一个支持js运行的软件或组件步骤如下：（1）：安装好nodejs（2）：左键选定装有js文件的文件夹（3）：右键，选择在集成终端中打开（4）：在打开的终端中输入命令 node 我是原创 2021-03-22 23:19:12 · 6002 阅读 · 0 评论 -
Datalist里使用Button如何选取某一行，怎么取某一列的Text
环境：vs2019 里的Net.asp开发情况1：我做的是考试系统里面的一个考试发布界面用的是Datalist预期结果：点击第1行的发布就读取第一行的试卷编号，然后发布。点击第2行的发布就读取第2行的试卷编号，然后发布。实际结果：点击发布是没反应的，原因是onclick在Datalist的情景下无法判断是哪一行的button（你写代码的时候只写了一个button）解决方法：这时候我们在.ASP文件里，给Datalist加一个OnItemCommand=“DataList1_ItemCom原创 2020-11-12 13:12:56 · 1219 阅读 · 1 评论