weixin_46337813的博客

原创 HTTP协议笔记

1、HTTP协议简介1.1、什么是通信协议官方理解：通信协议是指通信双方完成通信所必须遵守的规则和约定通俗理解：通信双方采用约定好的格式来发送和接收消息，这种实现约定好的通信格式，就叫通信协议例子：张三与李四采用写信的方式就行通信，在填写信封时，写信的额双方需要遵守巨顶的规则信封的填写规则是一种通信协议1.2、互联网中的通信协议客户端与服务端之间要实现网页内容的传输，则通信的双方必须遵守网页内同的传输协议网页内容又叫做超文本，因此网页内容的传输协议又叫做超文本传输协议，简称H

原创 uniapp 微信小程序端使用echarts

github地址：https://github.com/yah0130/echarts-wx-uniapp插件地址：https://ext.dcloud.net.cn/plugin?id=1538<template> <view> <uni-ec-canvas class="uni-ec-canvas" id="uni-ec-canvas" ref="canvas" canvas-id="uni-ec-canvas" :ec="ec"> <.

原创 webpack整理

项目开发中我们发现：需要工具将less转成css需要工具将es6转成es5项目开发过程中需要使用很多的小工具来进行代码的编译处理构建工具：找一个大的工具，把这些前端小工具都包含进来，我们只需要关心大的工具如何使用就ok了，这个大工具就能把这一系列的小事情都干好webpack就是构建工具中的一种webpack是什么？webpack是前端资源构建工具，一个静态模块打包器在wenpack看来，前端的所有资源文件(js/json/css/img/less...)都会作为模块处理

原创 商品选择规格

<template> <view> <!-- start 多规格弹窗 --> <view class="popup-cantainer"> <view class="popup-close" @click="close"> <uni-icons type="close" size="22" color="#999"></uni-icons> </view> <view .

原创 总结：【移动端】vue项目从0到1

项目初始化使用 Vue CLI 创建项目如果你还没有安装 VueCLI，请执行下面的命令安装或是升级：npm install --global @vue/cli

原创 vue项目 封装模块之使用jsencrypt对数据加密解密

vue项目对数据加密解密的模块封装import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'// 密钥对生成 http://web.chacuo.net/netrsakeypairconst publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' + 'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9.

原创 vue项目 移动端Rem布局适配

Rem 布局适配如果需要使用rem单位进行适配，推荐使用以下两个工具：postcss-pxtorem是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位（https://github.com/cuth/postcss-pxtorem） lib-flexible用于设置 rem 基准值【设置html的字体大小】（https://github.com/amfe/lib-flexible）PostCSS 示例配置下面提供了一份基本的 PostCSS 示例配置，可以在此配置的...

原创 格式化文字展示文本域格式文字

场景：处理由于textarea输入的文字换行 textFormat(val) { // 格式化文字展示文本域格式文字 if (val) { let newString = val.replace(/\n/g, "_@").replace(/\r/g, "_#"); newString = newString.replace(/_#_@/g, "<br/>"); // IE7-8 newString = newStr.

原创 uniapp textarea编辑保留空格换行

https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html<template> <view class="u-p-b-30"> <view class="cu-card article" :class="isCard ? 'no-card' : ''"> <view class="cu-item shadow" v-for="(item, index).

原创 2020-09-30 uniapp处理富文本里的图片宽度自适应

<!-- 详情内容 --> <view class="content" v-if='information.content'><rich-text :nodes="information.content|formatRichText"></rich-text></view> <!-- endfilters: { /** * 处理富文本里的图片宽度自适应 * 1.去掉img标签里的style、width、he.

原创 git第一次本地代码提交到远程仓库

git首次本地代码提交到远程仓库1、git仓库初始化git init2、本地仓库连接到远程仓库git remote add origin [remote url]3、查看当前状态git status4、将代码添加到暂存区git add .5、将代码添加到仓库git commit -m 'first commit'6、将本地代码提交到远程仓库git push origin master...

原创 Vite创建Vue3项目识别 ../ 与 @/ 引入路径

找不到模块“../views/login/index.vue”或其相应的类型声明。出现报错: ts类型错误提示找不到模块“path”或其相应的类型声明。在使用vite脚手架生成项目时,会出现一些引入路径失败的错误。例子:router中用 component引入路径时。//vue类型声明,让TS知道 .vue文件是什么。1.安装 npm i @types/node -D。此时就是没有声明引入地址的方法。

原创 vite+vue3配置less

在Vite项目中配置LESS，你需要安装相关的插件，并在Vite配置文件中进行配置。在Vite配置文件中（通常是。是因为这个分号不能缺少。注意：配置过程中报错。

原创 Vue项目实现WebSocket心跳和重连

【代码】Vue项目实现WebSocket心跳和重连。

原创 记录：uniapp请求加密的arraybuffer二进制数据转base64格式图片

【代码】记录：uniapp请求加密的arraybuffer二进制数据转base64格式图片。

原创 监听文件读取进度，中断文件读取

【代码】监听文件读取进度，中断文件读取。

原创 viewport适配

viewport适配

原创 js-倒计时

111

原创 数字时钟-

丢

原创 浏览器字体

浏览器支持什么字体

原创 记录 break、continue、return的区别

https://www.jb51.net/article/181735.htm

原创 vue项目动态修改网页标题-学习了html课程关注网页标题

router.beforeEach(async (to, from, next) => { document.title = to.meta.title + '-' + '网站本身标题'})

转载 HTML lang

==========================zh-CHS 是单纯的简体中文。zh-CHT 是单纯的繁体中文。zh-Hans和zh-CHS相同相对应。zh-Hant和zh-CHT相同相对应。以上时zh-CHS/zh-Hans 和 zh-CHT/zh-Hant的关系。zh-CN 简体中文，中华人民共和国zh-HK 繁体中文，香港特别行政区zh-MO 繁体中文，澳门特别行政区zh-SG 繁体中文，新加坡-zh-SG 简体中文，新加坡zh-TW 繁体中文，台湾这些按照语言+国

原创 淘宝镜像问题

2.设置淘宝镜像1.如果习惯了npm，设置淘宝镜就可以解决npm config set registry http://registry.npm.taobao.org/2.取消镜像npm config delete registry

原创 路由跳转，页面刷新的问题

Vue Router 路由跳转到同一个页面，页面不刷新问题 - 简书

原创 import按需加载

import():函数是按需加载,import文件的export functionrequire():是运行时加载import().then(()=>{})

原创 vue 项目xlsx插件懒加载

按需加载由于js-xlsx体积还是很大的，导出功能也不是一个非常常用的功能，所以使用的时候建议使用懒加载 import('xlsx').then(excel => { //do something......})

原创 vue 打印，支持强制分页

https://printjs.crabbly.com/https://printjs.crabbly.com/

原创 【无标题】

模块包含：店铺首页、店铺管理、商品管理、订单管理、用户管理、营销管理、积分管理、分销管理、数据统计、应用管理、系统设置【角色管理、操作权限、模块管理】、日志管理店铺首页1、用户统计：总用户数量、近7日新增量、昨日新增量、今日新增量、今日付款数、今日总消费2、订单统计：日、月订单趋势3、商品访客和浏览排行、商品类型分布4、用户省份分布店铺管理1、首页--轮播图管理：增删改查，增：上传一张轮播图、跳转类型：网页/页面、地址、排序、状态：开启/关闭2、首页--分类导航：设置3栏、4

原创 sku设置记录

<template> <div class="app-container"> <div class="ntabel"> <div class="t-header"> <div class="t-td"> #index </div> <div class="t-td"> 图片 </div&gt.

原创 vue项目优化文件体积 productionSourceMap

文件大小对比：26M->7M配置方式

原创 滚动条样式

::-webkit-scrollbar { width: 6px; height: 8px; background-color: #ebeef5; border-radius: 10px;}::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color:.

原创 后台项目观后小记录

原创 WebSocket心跳

理解WebSocket心跳及重连机制（五） - 百度文库

原创 element-ui 动态计算tabel的流体高度

<template> <div> <el-table :max-height="maxTabelHeight"> </el-table> </div></template><script>export default { created() { this.calcTabelHeight() }, mounted() { window.onresize = () => .

原创 商城sku设置记录

PC端移动端：

原创 uniapp picker多级联动关于h5与微信小程序的兼容性的问题

uni-app picker 组件实现二级联动？ - 凉介, - 博客园

原创 vue项目 pc端下拉加载插件

Vue-infinite-loading：简单好使指南 | Vue-infinite-loadinghttps://peachscript.github.io/vue-infinite-loading/zh/guide/#%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6

原创 vue项目优化

1、v-for：设置key2、模块化【高复用性】，组件化【可配置性，高复用性】3、路由懒加载 import()4、生产环境 配置不生成sourceMap文件，减小打包体积5、webpack配置Gzip压缩 安装compression-webpack-plugin插件对资源进行压缩，从而降低请求资源的文件大小6、keep-alive：缓存不活动的组件 （）include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组

原创 修改电脑的git账户，git的账号配置

修改电脑的git账户，git的账号配置_精哥哥-优快云博客_修改git账号