- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 17个常用css助力开发！让你事半功倍。
1、清除浮动<div class="parent clearfix"> <div class="left child">left</div> <div class="right child">right</div></div>.clearfix:after { content: "\00A0"; display: block; clear: both; line-height: 0;}.clearfix
2020-05-13 16:37:47
230
原创 EmelentUI - Error: No known conditions for “./lib/locale/lang/zh-cn“ entry in “element-plus“ package
公司项目int环境jenkins打包没问题，同样的代码同样的配置uat就报以下错误，简单记录以下。后来发现是uat环境下载了高版本的elementUI 因此将设置中文代码修改为。element-plus默认为英文，需设置为中文，之前是这样设置的。这样即可解决问题，也可以将element-plus的版本降低。
2023-08-15 14:44:52
873
原创 项目脚手架 - Vite
项目中需要用到vite构建新项目，简单记录下npm init vue@latest 构建方法，下面是vue3 官网文章片段。是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。作者是尤雨溪，同时也是 Vue 的作者！若要了解如何为一个 Vite 项目配置 Vue 相关的特殊行为，比如向 Vue 编译器传递相关选项，请查看。，它是 Vue 提供的官方脚手架工具。上面提到的两种在线演练场也支持将文件作为一个 Vite 项目下载。要学习更多关于 Vite 的知识，请查看。
2023-02-09 10:32:57
248
原创 pinia setup外部js 引入 pinia
在router中使用pinia（getActivePinia was called with no active Pinia. Did you forget to install pinia）报错解决
2022-06-20 18:08:04
1682
原创 记录一下 项目中海报截图分享
vue3 + vant3 + html2canvas项目有一个海报分享需求，用canvas 画出来呢太麻烦，所以选择 html 做出来然后再通过 html2canvas 插件 截取 图片生成分享下面呢来分享下我这次开发的内容，网上也有很多相关博客但是都不太准确详细描述，自己钻研过来就可以用首先引入npm install html2canvas组件内引用Html 片段<div id="html-canvas"> <img src="a.png" alt=""&
2022-05-18 15:48:37
328
原创 前端面试经典八股文（一）
数据类型 (9种)基本数据类型（栈）：Number，String，Boolean，null，undefined，symbol（创建唯一值），bigint（后两个为ES6新增）引用数据类型（堆）：object，function判断数据类型1、typeof typeof 是一个操作符，返回该类型的字符串(全小写字母)形式表示，包括以下 7种：number、string、boolean、undefined、symbol、object、function 等。（对于 null，返回 object 类
2022-04-14 12:57:18
4799
原创 记录一个vue3.0的提示报错，不影响执行watch(fn, options?)` signature has been moved to a separate API. Use `watchE
watch(fn, options?)` signature has been moved to a separate API. Use `watchEwatch调用前会在非生产环境下判断第二个参数cb是不是一个函数//如果不是则会报警告以告诉用户应该使用watchEffect(fn,options)API...
2021-06-21 09:36:36
3174
原创 git合并到主分支
git branch 查看当前分支git status 修改和添加的文件是红色的git add . 将所有的文件推到暂存区git status 此时修改和添加的文件是绿色的git commit -m "" 将暂存区的代码推到本地仓库git status 此时工作目录是干净的git push origin xxx 将本地仓库xxx推到远程xxx，远程上有这个分支时可以不用写origin xxx合并到master分支：git checkout master 切换到master分支git br
2021-04-02 18:51:07
244
原创 uniapp H5 小程序兼容问题 持续更新中...
1、小程序数组下标是 0 开始 H5数组下标是 1开始。解决方法：this.active = index//#ifdef H5this.active = index + 1//#endif
2021-04-02 18:35:58
468
原创 nodejs 处理前端上传来的图片到服务器
刚接触 nodejs，前几天搞了几天图片上传这块，今天终于搞通了，记录一下，日后再看前端代码:<div class="am-form-group am-form-file"> <div class="tpl-form-file-img"> <img id="uploadImg" src="assets/img/slide-2.jpg" alt=""> </div>
2020-12-04 10:50:22
1295
原创 可拖拽进度条
<!DOCTYPE html><html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=n.
2020-10-20 17:50:57
469
原创 微信小程序 css3底部弹出框
日常记录：goodsDetails.wxml <button class="button-green" bindtap="addCar" formType="submit">加入购物车</button> <button class="button-red" bindtap="immeBuy" formType="submit">立即购买</button> <view class="modals modals-bottom-dia
2020-10-20 17:48:13
443
原创 微信小程序-收货地址 省市区联动 组件
简单记录直接上代码思路自己理：addressEditor.wxml <!--pages/my/my-add-address/index.wxml--> <view class="redact-address"> <view class="possess-layout"> <view class="mains"> <view class="address-msg">
2020-10-20 17:35:05
1099
原创 js函数防抖与节流整合篇
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>防抖与节流</title> </head> <body> <div id="ab1"> 立即执行版的意思是触发事件后函数会立即执行，然后 n 秒内不触发事件才能继续执行函数的效果。非立即执行版的意思是触发事件后函数不会立即执行，而是在 n 秒后执行，如果在 .
2020-09-10 15:34:40
174
原创 简单高效jquery 单选多选效果实现，不含数据交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div单选</title> <style> .box{ overflow: hidden; display: flex; } .container,.qh-btn{.
2020-08-26 14:26:51
335
原创 rem 计算
(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if(!clientWi...
2020-08-25 14:18:05
296
原创 那些不常见，但却非常实用的css属性
1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..."这是正常的展示display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/-webkit-box-orient: vertical; /*值必须为vertical*/-webkit-line-clamp: 2; /*值为数字，表示一共显示几行*/overflow: hidden;这是加了 line
2020-06-12 10:14:50
584
原创 60个js常用方法带你的开发上高速！
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => {
2020-05-26 14:44:28
310
原创 vue run dev 报错npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! tod@1.0.0 dev: webpack-dev-server -
新接手一个项目vue run dev报错，如下：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! todo@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js研究半天发现是端口问题修改方法：打开config文件夹下的index.js文件找到如下图这段代码： // Various Dev Server setting
2020-05-09 18:03:36
4915
原创 vue-router 初体验
路由跳转 我理解 差不多跟 tab切换差不多哦。简单记录下：1、src 目录下创建router 目录 下创建 index.jsindex.js 如下图：import Vue from "vue";import VueRouter from "vue-router"; // 引入组件import Class from "./../page/class/class.vue"; ...
2020-04-27 18:22:40
182
原创 vue 启动 报错Cannot find module 'webpack-cli/bin/config-yargs' Vue启动报错 Error: listen EADDRNOTAVAIL
记录npm run dev问题查找再三，是有内鬼。webpack3.x的版本与webpack-dev-server3.x 的版本不兼容。在package.json文件中看到，以下是我用的两个不兼容的版本，所以会报错：解决方法：卸载局部或者全局 webpack-dev-servernpm uninstall webpack-dev-server -g ...
2020-04-20 15:55:10
363
原创 what is ‘闭包’？
「函数」和「函数内部能访问到的变量」（也叫环境）的总和，就是一个闭包。function foo(){ var local = 1 function bar(){ local++ return local } return bar}var func = foo()func()为什么要函数套函数呢？是因为需要局部变量，所以才把 local 放在一个...
2020-04-17 17:25:03
156
原创 前端计算金额带小数点精度丢失问题
在 JavaScript 浮点数做数学运算的时候，你经常会发现一些问题，举几个例子： // 加法 ===================== // 0.1 + 0.2 = 0.30000000000000004 // 0.7 + 0.1 = 0.7999999999999999 // 0.2 + 0.4 = 0.6000000000000001 /...
2019-09-03 10:38:04
8185
原创 HTML页面 实现模块化加载 异步加载css js 解决方案
html公共模块加载 利用template 使用jq加载，浏览器不会识别但是jquery会代码如下：首先我们在项目里创建一个module.html,内容如下<templates> <template id="header"> 这里是你想要公共加载的内容 //<link src = 'index.css'>...
2019-08-27 09:49:49
539
原创 tab切换的jq js 方法示例最实用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>tab 切换</title> <style> *{ margin: 0; padding: 0; ...
2019-07-26 14:36:49
183
原创 获取验证码前端倒计时
废话不多说直接上代码<!doctype html> <html lang="en"><head> <meta charset="UTF-8"> <meta name='viewport' content='width=device-width,minimum-scale=1.0 maximum-scale=1...
2019-07-26 14:35:45
183
原创 微信分享 微信jssdk 微信内置分享定义内容标题
简单记录下 微信js sdk 微信H5分享定义内置微信分享内容开发其实很简单 ，先来第一步打开微信文档查看说明传送门：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115小伙伴也可以直接看我copy的内容就是分享要用的东东另外需要额外功能请走传送门前端代码传送门：https://www.l...
2019-07-22 09:36:10
440
地图mock数据json文件
2020-10-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人