- 博客(33)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 性能优化｜几个方法让图片加载更快一些
对非首屏图片或视频添加 decoding=“async” 可以允许浏览器在后台处理图片、视频解码，而不阻塞主线程，继续处理和渲染页面的其余部分，这样可以有助于改善页面的加载性能，减少用户感知到的延迟，并提供更加平滑的用户体验。减少HTTP请求的数量，这在HTTP/1.1时代是提升页面加载速度的常用方法。在用户首次访问居多的场景，网络建连时间是一个被大部分人忽略，但至关重要的因素，也许我们的性能优化输在了起跑线上，这部分介绍的内容不止对图片加载有效，对于所有静态资源乃至 HTML、异步接口等道理相似。
2024-07-15 10:40:51
12
原创 html中css样式匹配替换
业务场景： 使用ueditor编辑器生成的HTML代码在移动端无法显示设置的楷体字体，需要手动引入替换一下，所以就用匹配样式的方法处理。
2023-11-28 15:06:33
664
原创 ES6语法(常用)
对于传统的 for 循环，循环变量的声明部分是在父级作用域中，而循环体内部是一个单独的子作用域。这意味着，在 for 循环中声明的循环变量会被绑定到父级作用域中，而不是循环体的作用域中。是异步的，当这些函数执行时，循环已经结束，i 的值被修改为 3。在这个例子中，我们使用一个立即执行的函数表达式创建了一个闭包，并将当前循环变量的值作为参数传递给该函数。在这个例子中，每次循环都会创建一个新的 i 变量，而不是共享同一个变量。设置循环变量的部分是父级作用域，而循环体内部是一个单独的子作用域。
2023-11-16 15:01:48
149
原创 Google Search Central (Google搜索支持的结构化数据标记)SEO开发设置
Google可以借助结构化数据了解网页上的内容，并据此优化网页在搜索引擎上的排名。搜索引擎优化(SEO)是通过提高网站在搜索引擎上的曝光度，以吸引更多相关流量的过程。添加结构化数据前需要进行一些配置准备，如设置移动网站和优先将移动版网站编入索引。添加结构化数据的具体步骤包括定义结构化数据的类型，并在网页代码中添加相应的标记。验证结构化数据的方法可以使用Google的检查工具，确保数据被正确地搜索到。如果验证失败，可以检查错误类型、数据配置、元数据等方面的问题，并进行相应的排查和修改。SEO优化
2023-08-03 14:48:00
227
原创 watch避坑，使用computed进行处理数据
业务场景：在vue中监听el-input 中的字数有没有超过60，如果超过60字时将60后面的字变为 “会自动截取前60个字符并在末尾添加 “>>” 符号。如果输入的文本长度不超过60，将显示完整的文本。” 符号，以此实现预览苹果手机推送摘要场景。中输入的文本长度超过60时，计算属性。错误：开始的逻辑是使用。
2023-07-28 14:52:49
1101
原创 CSS Grid 布局：快速入门及实用技巧
CSS Grid 布局是 CSS 中最新的布局方式，它提供了一种更加灵活的方式来定义网页布局。通过使用 CSS Grid 布局，可以更快速、更灵活地实现网页布局，而不用像以往那样靠繁琐的设置和排版手段来实现。在本文中，我们将深入讨论 CSS Grid 布局，包括它的基本概念以及实际应用中的实用技巧。
2023-05-11 16:23:54
123
原创 汇通易货 开发总结
汇通易货 开发总结（Vue+ElementUI+NodeJs+小程序）需求系统基本可以概括为商品销售管理系统，涵盖销售数据展示 、 商品出入库、 订单管理 、合同创建管理、门店收银、 会员管理、管理员管理，小程序端只作为客户选购商品端，不需要线上实际交易。前端登陆多角色登陆：超级管理员权限、普通管理员；区别：超级管理员包含普通管理员权限，并有权限创建两个角色的管理员账号、创建会员账号（user要求小程序登陆账号由商家发放，涉及到合同签订）、创建合同、冻结删除管理员账号和会员
2022-04-24 10:54:49
361
原创 前端 crypto-js aes 加解密
使用场景前端在用户本地储存敏感信息时加密保护前后端传输账号密码时可以进行加密处理安装npm包npm install crypto-js 封装调用// 存在 src/utils/secret.js封装const CryptoJS = require('crypto-js'); //引用AES源码js // key iv 自己设置16即可，位置要对应上；const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF").
2022-02-16 16:13:21
469
2
原创 前端验证用户权限（函数方法）
以后端返回数组的格式为例：['APPLICATION>CREATE', 'BIOMETRIC>DELETE', 'QUOTATION>EDIT', 'CLIENT>DELETE', 'QUOTATION>CREATE', 'USER>VIEW', 'BINARY_DOCUMENT>EDIT']value >前面的值表示用户可以访问的页面，后面的值表示访问可以做的权限前端代码：这里我封装了一个函数，可以单独放在一个js文件里面，用的时候直接调用判断；.
2021-12-17 16:14:42
590
2
原创 在angular中使用Big.js
Big.jsGitHub文档安装npm install Big.js引入import Big from 'big.js';USE加法 plus// 加法let x = new Big(0.3);console.log(+x.plus(0.1)) // 打印出0.4`使用时前面要用 +/Number() 转换为Number类型，不然 打印出来的是Big对象`减法 minus// 减法let x = new Big(0.3);console.log(Number(x
2021-07-14 10:33:43
251
原创 angular从浅入深（7以上版本笔记）
Angular安装angular脚手架// 前提已经安装过nodeJsnpm i -g @angular/cli创建项目ng new 项目名// 如果不想让其自动安装模块依赖，可以使用下面命令ng new 项目名 --ship-install生命周期看不懂可先了解，又一个概念就行。参考文档声明周期函数作用ngOnChanges()初始化输入属性，Angular（重新）设置数据绑定输入属性时的响应。该方法接收 SimpleChanges 当前和先前属性值的对
2021-06-21 17:18:49
222
原创 Ionic引用公共组件
引入自定义组件 /* 思路： 1. 创建一个公共的module模块 2. 创建公共组件，同公共模块放在同一个文件夹里 3. 在公共模块里暴露对应的组件 4. 在需要的地方引入自定义模块，并在依赖注入自定义模块 5. 在html中使用公共模块 */ // 新建公共模块及组件 ionic g module module/list ionic g component module/list // 公共模块li
2021-06-14 12:25:03
251
原创 axios post提交数据的三种请求方式
axios post提交数据的三种请求方式1、Content-Type: application/jsonimport axios from ‘axios’let data = {“code”:“1234”,“name”:“yyyy”};axios.post(${this.$url}/test/testRequest,data).then(res=>{console.log(‘res=>’,res);})2、Content-Type: multipart/form-dataim
2021-04-28 17:57:37
655
原创 Cnodejs 内容区域数据采集
var list = topic_list.querySelectorAll('.cell');var data_list = [];for(var item of list){ var obj = {}; obj.user_avatar = item.querySelector('.user_avatar img').getAttribute('src'); obj.count_of_replies = item.querySelector('.count_of_replies').inn
2021-03-03 15:51:12
208
1
原创 Node.js常用命令
npm -v #显示版本，检查npm 是否正确安装。 npm install express #安装express模块 npm install -g express #全局安装express模块 npm list #列出已安装模块 npm show express #显示模块详情 npm update #升级当前目录下的项目的所有模块 npm update express #升级当前目录下的项目的指定模块 npm
2021-02-24 17:28:54
241
原创 Git 中的A_C_D_M_R_T_U_X标志的含义
字符含义列表如下:A: 工作区新增的文件.C: 文件的一个新拷贝.D: 你本地删除的文件，服务器上还在。M: 文件的内容或者mode被修改。R: 文件名被修改了。T: 文件的类型被修改了。U: 文件没有被合并，需要完成合并才能进行提交。X: 未知状态。...
2021-01-25 09:10:58
1052
原创 javascript爬取网页数据
var dd =document.querySelectorAll('#box li') // 要用All 返回一个数组// dd 返回下列内容NodeList(20) [li, li, li, li, li, li, li, li, li, li, li, li, li, li, li, li, li, li, li, li]// 遍历tittlfor(var dom of dd){ console.log(dom.querySelector('span').innerText)
2021-01-23 09:41:22
1619
原创 Js判断数据类型的方法 typeof instanceof constructor
typeof 判断数据类型// 1.基本数据类型判断var str = '我是字符串';var num = 123456;var arr = [1,2,5,3,6];var obj = {name:'对象'};console.log(typeof str); // 返回stringconsole.log(typeof num); // 返回numberconsole.log(typeof arr); // 返回objectconsole.log(typeof obj); // 返
2021-01-14 18:18:00
141
2
原创 JS表单验证-12个常用的JS表单验证
1. 长度限制<p>1. 长度限制</p><form name=a οnsubmit="return test()"><textarea name="b" cols="40" rows="6" placeholder="不能超过50个字符！"></textarea><br /><input type="submit" name="Submit" value="check"></form>...
2020-12-23 08:48:36
137
原创 Javascript点名器
通过Javascript实现每次刷新随机点名效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
2020-12-14 17:49:21
168
原创 倒计时制作代码（计时器）
倒计时制作代码（计时器可用）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*
2020-12-08 15:26:27
7364
Google Search Central (Google搜索支持的结构化数据标记)SEO开发设置
2023-08-04
蜂狂购移动端电商.rar（含前端/后端/数据库整套源码）
2021-06-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人