- 博客(68)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【JavaScript 小工具】——获取富文本中的`＜a＞`标签 中的href值以及a标签中的内容
请注意，这种方法依赖于正则表达式，可能无法处理所有复杂的HTML情况。对于复杂的HTML解析，可能需要使用更高级的库或工具。：在小程序中，不能直接获取HTML元素的属性，因此需要使用一些方法来解析HTML，提取出。：你可以使用JavaScript的正则表达式来匹配所有的。：首先，确保你的小程序页面中有一个。：将包含HTML内容的字符串绑定到。在微信小程序中，获取富文本中的。这段代码使用了正则表达式。组件来展示富文本内容。
2024-06-28 10:22:53
401
原创 【JavaScript 小工具】——如何判断当前页面是否在微信浏览器中打开
要判断用户是否通过微信浏览器打开网页，你可以检查用户代理（User Agent）字符串中是否包含微信浏览器的特定标识。微信浏览器通常会在User Agent中包含"MicroMessenger"这个关键词。请注意，由于技术的发展和变化，微信浏览器的User Agent标识也可能发生变化，因此这段代码可能需要根据实际情况进行更新。字符串中是否包含"micromessenger"这个子字符串。方法将返回这个子字符串在字符串中的起始位置索引，而不是。，这表明用户正在使用微信浏览器。
2024-06-28 09:54:13
205
原创 【JavaScript 小工具】—— 判断用户是否通过手机端打开网页
请注意，由于一些现代浏览器会隐藏或修改User Agent字符串，这种方法可能不是100%准确。而且，随着设备和浏览器的不断更新，这些代码可能需要定期更新以适应新的设备和浏览器。在JavaScript中，判断用户是否通过手机端打开网页，通常可以通过检查窗口的宽度或使用用户代理(User Agent)字符串来实现。来获取屏幕的宽度，如果宽度小于某个特定值（例如，小于600像素），则可能意味着用户正在使用手机。媒体查询是CSS中的一种特性，可以在JavaScript中使用来检测设备类型。
2024-06-28 09:45:45
257
原创 【JavaScript 小工具】——获取 URL 中的参数
除了使用URL对象和方法来获取 URL 中的参数外，还有几种常见的方法可以达到同样的目的。
2024-06-21 10:19:20
274
1
原创 html 常见问题合集
Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档。在浏览器发展的过程中，HTML出现过很多版本，不同的版本之间格式书写上略有差异。如果没有事先告诉浏览器，那么浏览器就不知道文档解析标准是什么？此时，大部分浏览器将开启最大兼容模式来解析网页，我们一般称为怪异模式，这不仅会降低解析效率，而且会在解析过程中产生一些难以预知的bug，所以文档声明是必须的。严格模式：是以浏览器支持的最高标准运行混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为。
2024-01-17 10:40:57
1176
原创 小工具地址合集
可自定义AES加密解密秘钥,实现AES在线加密,AES在线解密,AES可逆加密解密在线工具。非大厂的我们，如何去卷一套标准的前端团队规范？AES 加密/解密 - 在线工具。
2024-01-17 10:26:40
390
原创 Vue 3 + Vite --mode
是指用户验收测试环境。这是在软件开发流程的后期，向最终用户提供一个与生产环境相似的测试环境，让用户进行最终的功能和性能测试。在这个环境中，用户可以验证软件是否符合其需求，并提供反馈意见，以进一步改进和修正。是指在软件开发流程中，将开发的功能集成到一个测试环境中进行测试。在这个环境中，开发人员和测试人员可以测试和验证系统中的新功能和修复的问题，以确保其正确性和稳定性。开启了 HMR（热模块替换），能快速启动开发服务器，但生成的代码未被压缩和优化。代码会经过压缩和优化，生成可部署的最终版本，适合用于线上环境。
2024-01-17 10:21:42
458
原创 【CSS +HTML】 超出省略号的效果 、设置滚动条的样式 、 修改输入框 placeholder 样式
滚动条background 时的一些技巧：使用透明度：background 可以支持 RGBA 值，这意味着您可以通过控制颜色的透明度来创建半透明的背景。例如，您可以使用 “background-color: rgba (0, 0, 0, 0.5);” 来创建一个半透明的黑色背景。使用背景图片：您可以使用 background-image 属性来添加背景图片。如果您想让背景图片重复，请使用background-repeat 属性，并设置其值为 repeat-x、repeat-y 或者repeat
2023-08-02 16:51:18
167
原创 Mac 修改Hosts文件的方式
（2） 复制hosts文件到桌面，修改成功后替换原hosts文件即可。（2）输入本机密码后，会自动打开hosts文件。打开Finder，快捷键。
2023-04-25 11:51:37
2204
原创 flex弹性布局
一、Flex布局是什么？Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀 //将对象作为弹性伸缩盒显示*/ display: flex; /*将对象作为弹性伸缩盒显示*/}当然，行内元素也可以使用Flex布局。 将对象作为内联块级弹性伸缩盒显示.box { display: in.
2022-05-25 14:54:54
125
原创 css 实现动画的三种方式: transition 过渡、 transform 变形、 animation 关键帧动画
1.transition 过渡动画：1. 语法: 1. transition: 属性是个复合属性 。 2. transition: property duration timing-function delay 3. 默认值为: transition: all 0 ease 0;2. 属性介绍: 1. transition-property: 规定设置过渡效果的 css 属性名称 。 2. transition-duration: 规定完成过渡效果需
2022-05-23 11:03:31
2402
原创 NVM 版本管理工具
一、NVM介绍Node Version Manage，即Node的版本管理工具。使用NVM，可以很方便地在多个NodeJS版本之间进行切换。二、卸载电脑上现有的NodeJS 及nvm卸载nvm 直接删除nvm所在文件夹就可以了。卸载NodeJS 从卸载程序卸载程序和功能 检查环境变量将用户变量和系统变量中所有与node有关的全部删除。注意：不要忘记检查path 检查系统盘，寻找这些文件并删除它们 C:\Users{User}\AppData\Roaming\npm（或%appdata%\np
2022-05-16 16:38:26
3716
原创 【个人笔记】知识点合集
摘抄笔记：https://juejin.cn/post/70738699804118876521、vue实现双向数据绑定原理是什么？<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t.
2022-04-19 09:40:50
252
原创 【JavaScript 小工具】—— 数组方法、字符串方法、遍历方法、高阶函数、正则表达式
接收两个参数，参数一是需要替换掉的字符或者一个正则的匹配规则，参数二，需要替换进去的字符，仔实际的原理当中，参数二，你可以换成一个回调函数。在目标字符串中搜索与正则规则相匹配的字符，搜索到，则返回第一个匹配项在目标字符串当中的位置，没有搜索到则返回一个。方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配，并返回一个包含该搜索结果的数组。将数组转化成字符串，并返回该字符串，不传值则默认逗号隔开，原数组不变。返回指定索引位置处的字符。将数组转化成字符串，并返回该字符串，逗号隔开，原数组不变。
2022-04-18 13:56:03
378
原创 【无标题】
1.标题以下不属于 typeof 运算符返回值的是？A. "string"B. "function"C. "object"D. "null"2.执行以下代码，错误的输出结果是A. 输入：typeof {"x":1} 输出："object" B. 输入：typeof 1 输出："number" C. 输入：typeof [{x:1}] 输出："array" D. 输入：typeof NaN 输出："number"3.可以用typeof来判断的基本类型有A. undefinedB.
2022-01-19 09:51:14
641
原创 学习笔记（2020）
1 什么是同源策略？同源策略（same-origin policy）是一种出于浏览器安全方面的考虑而出台的一种策略，它可以保证用户信息的安全，防止恶意的网站窃取。同源策略只允许与本域下的接口交互，不同源 的客户端脚本在没有明确授权的情况下，不能读写对方的资源。“同源”指的是什么？1.同协议2.同域名3.同端口端口号在域名的后面，一般80端口可以省略。同源策略的限制范围：1.Cookie，localStorage，IndexDB无法读取2.DOM无法获得3.AJAX请求不能发送2 跨
2022-01-10 14:12:21
570
原创 vue组件之间相互传值的方式
Vue 作为一个轻量级的前端框架，其核心就是组件化开发。组件化是它的精髓，也是最强大的功能之一。而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。在开发过程中，我们需要访问其他组件的数据，组件之间的关系有：父子、兄弟、隔代。一、父组件向子组件传值即父组件通过属性的方式向子组件传值，子组件通过 props 来接收。在父组件的子组件标签中绑定自定义属性// 父组件<user-detail :myName="name" /> export default .
2021-12-04 10:41:44
2164
1
原创 小结 hasOwnProperty（）
hasOwnProperty() 函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。this.values.hasOwnProperty('state')在vue中使用hasOwnProperty('state') 提示 => Do not access Object.prototype method 'hasOwnProperty' from target object (不要从目标对象访问 Object 原型方法)Object.prototype.hasOwnPrope
2021-12-01 11:30:47
500
原创 HTTP 状态消息 T:2021-10-22
HTTP 状态消息当浏览器从 web 服务器请求服务时，可能会发生错误。因此，我们使用3位数字代码 HTTP 状态码（HTTP Status Code）来表示 HTTP 响应状态。1xx: 信息该状态码属于临时响应类型，代表请求已被接受，需要继续处理。该类状态码只包含状态行和某些可选的响应头信息，并以空行结束。消息：描述：100 Continue服务器仅接收到部分请求，但是一旦服务器并没有拒绝该请求，客户端应该继续发送其余的请求。101 Switching Pro
2021-10-22 10:06:56
145
原创 公众号快速注册并认证小程序
公众号快速注册并认证小程序为方便公众号快捷接入小程序，并在各功能中使用小程序的服务，上线复用公众号资质注册小程序流程。快速注册认证小程序，无需重新提交主体材料、无需对公打款、无需支付300元认证费用。**条件：**已认证的企业、媒体、政府、其他组织类型公众号**限制：**非个体户类型（企业、媒体、政府、其他组织类型）公众号一个月可以复用资质注册5个小程序，个体户一个月可以复用资质注册1个小程序。开通入口：登录公众号-小程序-小程序管理-添加-快速注册并认证小程序相关规则：1、复用资质创建的小程
2021-07-16 09:57:05
1593
1
原创 减肥小笔记
喝水减肥法的时间表6:30：经过一整夜的睡眠，身体开始缺水，起床之际先喝250CC的水，可帮助肾脏及肝脏解毒。8:30：清晨从起床到办公室的过程，时间总是特别紧凑，情绪也较紧张，身体无形中会出现脱水现象，所以到了办公室后，先别急着泡咖啡，给自己一杯至少250CC的水!11:00：在冷气房里工作一段时间后，一定得趁起身动动的时候，再给自己一天里的第三杯水，补充流失的水分，有助于放松紧张的工作情绪! [4]12:50：用完午餐半小时后，喝一些水，可以加强身体的消化功能。15:00：以一杯健康矿泉水代
2021-07-15 10:26:19
118
原创 2021-06-30 微信登录
微信登录1.获取微信用户绑定的手机号，需先调用`wx.login`接口。1.1 使用方法1.2 代码示例1.3 返回参数说明2.开放接口—登录— wx.login(Object object)2.1 参数 Object object1.获取微信用户绑定的手机号，需先调用wx.login接口。因为需要用户主动触发才能发起获取手机号接口，所以该功能不由 API 来调用，需用 button 组件的点击来触发。微信官方文档 https://developers.weixin.qq.com/miniprogra
2021-06-30 18:56:36
562
原创 2021-05-28 【CSS/CSS3】样式清除 、清除浮动、溢出文本以省略号显示、强制换行
/* ul 样式清除 */.list-unstyled { padding-left: 0; list-style: none;}/* clearfix 清除浮动*/.clearfix::after { display: block; clear: both; content: "";}.clearfix:after { content: ""; display: block; height: 0; clear: bo
2021-05-28 10:06:09
484
原创 2020年3月学习打卡（三）~ Vue2.0内部指令
这里写目录标题第1节：走起我的Vue2.0下载Vue2.0的两个版本live-server使用标题编写第一个HelloWorld代码：第2节：`v-if` `v-else` `v-show` 指令`v-if`：v-show的使用：第3节：`v-for`指令 ：解决模板循环问题1.基本用法：2、排序3、对象循环输出第4节：v-text & v-html标题第6节：v-model指令二、修饰符三、文本区域加入数据绑定四、多选按钮绑定一个值五、多选绑定一个数组六、单选按钮绑定数据第7节：`v-bind`
2021-03-13 10:37:00
163
原创 2020年3月—— ES6
第1节：ES6的开发环境搭建第1节就是搭建一个基本的ES6开发环境。现在的Chrome浏览器已经支持ES6了，但是有些低版本的浏览器还是不支持ES6的语法，这就需要我们把ES6的语法自动的转变成ES5的语法。除了Webpack自动编译，我们还可以用Babel来完成。*建立工程目录： 先建立一个项目的工程目录，并在目录下边建立两个文件夹：src和distsrc：书写ES6代码的文件夹，写的js程序都放在这里。dist：利用Babel编译成的ES5代码的文件夹，在HTML页面需要引入的时这里的js文件
2021-03-11 14:09:45
372
原创 2020年3月学习打卡（一）—— JavaScript常用数组方法整理
join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() （ES5新增）forEach() （ES5新增）map() （ES5新增）filter() （ES5新增）every() （ES5新增）some() （ES5新增）JavaScript常用数组方法整理join：就是把数组转换成字符串，然后给他规定个连接字符，默认的是逗号( ，).
2021-03-01 11:58:08
116
原创 移动端UI设计尺寸规范以及iPhone尺寸大小
很多新人在开始做移动端UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计（iOS系统）中常用的一些尺寸规范和方法，如控件间距、适配、标注、切图等，设计师在设计时并不一定要严格遵守，但对这些规范应有所了解，并融会贯通。目录界面设计尺寸及栏高度边距和间距内容布局界面图片设计比例建立统一风格的图标APP版式设计规范界面文字设计规范设计适配切图规范设计稿标注
2021-01-26 09:30:47
32488
1
原创 使用nuxt.js构建一个vue项目【1】
使用nuxt.js构建一个vue项目Nuxt.js 十分简单易用。一个简单的项目只需将 nuxt 添加为依赖组件即可。确保安装了 npx（npx 在 NPM 版本 5.2.0 默认安装了）：1.使用nuxt2.0官方脚手架，我们需要全局安装npx，输入npm i -g npx为了快速入门，Nuxt.js 团队创建了脚手架工具create-nuxt-app。2.运行 create-nuxt-app随后切换到想要创建项目的路径输入npx create-nuxt-app <项目名>
2020-12-31 10:23:35
1273
1
原创 JS 小工具 数组按首字母排序 2020-12-24
function arrSortByName(arr, eachName) { if (eachName) { arr.forEach(function(item) { let temp = item[eachName]; item.sortName = temp; }); return arr.sort(function(param1, param2) { return para
2020-12-14 14:27:15
369
原创 【JavaScript常用方法整理】——T.2020-1120
获取cookiefunction getCookie(key) { var cookie, cookieObj = {}; cookie = document.cookie.split(';'); if (!cookie) { return null; } $.each(cookie, function(i, el) { var arr = el.split('='); cookieObj[arr[0]] = arr[
2020-11-20 11:58:37
88
Vue.js devtools 5.3.4
2023-08-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人