- 博客(111)
- 收藏
- 关注
RSS订阅
原创 vnm + nodejs 安装步骤 + Vue 用脚手架搭建3.0 框架详细步骤
先给大家啰嗦一下我遇到的坑： 我安装的是nvm，然后 安装的yarn 。问题：在安装vue3.0脚手架的时候，问题出现了， vue -V 不是内部或者外部指令。解决方案 ： 往下看 二：安装脚手架我开始在电脑上安装的nvm ，然后安装的node， 备注：安装nvm必须先把node卸载 一.安装 nvm 详细的步骤： 如果已经单独安装了node，建议卸载，然后开始按钮nvm1. 先下载nvm 安装包：https://github.com/coreybutler...
2020-09-25 07:15:41
1816
原创 Web前端常见面试题（js原生,vue,es6,小程序）合集
VUE1.什么是 vue 生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解？vue路由面试题mvvm 框架是什么？vue-router 是什么?它有哪些组件active-class 是...
2020-04-26 15:12:49
846
原创 Git 切换分支+ 拉取远程分支 到本地 + 查看分支 + 删除本地分支 + 删除远程分支
新增（git stash ,,,,,,,git stash pop） 切换分支的时候有不想提交的可以用git stash 忽略修改， ，改完别的分支切换回原来分支的时候需要 git stash pop 来重新显示修改的内容1. git branch 查看所有分支，可以看到目前在哪个分支，哪个分支前面就有个 * 号，并且颜色不一样2. git checkout mas...
2019-05-13 12:22:48
18554
原创 git 切换分支 + 提交 + 更新 +查看历史 + 提交 + 推送
一. 查看远程分支 git branch 或者 git branch -r二.拉取远程分支到本地 两种方法 公式 1： git checkout -b 本地分支名 origin/远程分支名 （推荐使用）：原因：可以直接跳转到分支举例子 介绍 看的会更清楚：我们要把远程分支stable-1.1.10 拉取到本地如果你拉取后再次拉取：就会提示已经存在 git checkou...
2018-06-25 19:05:08
36841
2
原创 vue 相关知识
一.安装1.使用nodejs安装vue安装完成node，node有自带的npm，可以直接在cmd中，找到nodeJs安装的路径下，进行命令行全局安装vue-cli。（npminstall--globalvue-cli）2.检查是否安装成功3.创建一个空的文件4.如下选择，生成vue-test文件夹例：生成vue-test目录结构如下图：5.安装node_modules模块，进入vue-te...
2018-06-06 16:44:22
420
原创 VUE ---element ui 引入第三方 iconFont
引入第三方图标（icon）的教程一、简介，以下是 阿里妈妈MUX 倾力打造的矢量图标 库1.打开官网： http://www.iconfont.cn/2.进入网站登录账号（3选1登录） ，登录成功后，3.登录成功后，可以搜索自己想要的图标，然后加入购物车4. 点击右上角的购物车后显示如下图，， 点击“添加至项目” 按钮点击 Font Class 按钮 ----> 下载至本地 按钮点击 更多...
2018-03-28 09:40:50
2331
原创 VUE 安装 轮播图插件（vue-awesome-swiper）
安装 Vue-Awesome-Swiper 设置npm install vue-awesome-swiper --save// import 引入import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'<template> <div> <div class="msgco...
2018-03-27 17:28:42
1204
原创 谷歌浏览器安装 vue调试工具 vue-devtools 最简单的方法
如果你在使用vue开发项目 浏览器中没有安装vue调试工具 显然不能算是一个合格的vue开发者vue-devtools 开发工具能帮我查看当前组件的显示状态和 追踪vuex中数据状态 能帮我们的开发达到一个事半功倍的效果1.直接在线下载好 插件 解压下载地址：https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd // 点击推荐下载2.在谷歌浏览器地址中输入chrome://extensions/ .
2022-04-20 19:43:23
1585
原创 前端 常用的加密方法有4种
1、md5加密：md5.jsmd5.js 共有6中加密方法:hex_md5(s), b64_md5(s), str_md5(s), hex_hmac_md5(key, data), b64_hmac_md5(key, data), str_hmac_md5(key, data) var pwd = hex_md5(“val”); // val表示加密前的值console.log(pwd); // pwd表示加密后的值2、base64加密：base64.jsvar b = new Base64(
2022-03-14 10:21:22
12098
原创 css的class常用命名规则
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news...
2021-06-17 11:39:52
1274
原创 前端规范总结
前端规范大总结规范目的：为了提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构。规范基本准则：符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良。页面性能优化，代码简洁、明了、有序，尽可能的减少服务器的负载，保证最快的解析速度。 一、文件规范1.1 HTML部分 1.1.1 建包问题 文件均归档至约定的目录中，建包格式如下： 注意：所有的css文.
2021-06-17 11:34:50
370
原创 JS判断用户是否离开页面，是否打开页面或回到页面
document.addEventListener('visibilitychange', function () { // 用户息屏、或者切到后台运行 （离开页面） if (document.visibilityState === 'hidden') { console.log('hidden') } // 用户打开或回到页面 if (document.visibilityState === 'visible') { ..
2021-06-10 16:29:44
3152
1
原创 Vue v-model绑定数据不实时更新解决办法 深拷贝
情况一：简单的数据展示上不刷新1.$set()方法重新渲染this.$set(this.student,"age", 24)//this.student为你在data中声明的数组名，‘age’是你要改变的数组下的指定字段名，24是你要变化的值2.深拷贝let name2 = JSON.parse(JSON.stringify(this.name));//执行完业务代码后this.name = name2...
2021-04-28 10:01:23
1654
1
原创 Vue 深拷贝 封装函数
一：递归：function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){ if(obj.hasOwnProperty(key)){ //判断ojb子元素是否为对象，如果是，递归复制 if(obj[k.
2021-04-27 16:38:25
454
原创 git 仓库密码修改之后 如果在git pull 的时候修改密码 并且保存密码
第一步：执行下面命令：git config --system --unset credential.helper第二步：执行更新命令：git pull然后输入用户名， 密码第三步： 保存密码，避免以后每次更新都需要输入密码执行以下命令：git config --global credential.helper store然后 git pull 输入用户名，密码，在执行git pull 在输入用户名 ，密码 ，ok ,搞定了， 再次git pul...
2021-04-27 11:23:49
701
原创 菜单 选中 和未选中的 点击效果
效果： <div class="roleLeft"> <div class="head-tit ellipsis">角色类型</div> <ul> <li v-for="(item,index) in roleList" .
2021-04-07 11:21:20
244
原创 iview 实现 Tree 多组 多选功能 实例 根据递归 获取默认选中的
功能结果如下：： 简单介绍： 这个是根据iview ui 中的 Tree组件更改后实现的效果 ； 分为多组 3级 选择功能 ，可以获取默认选中默认选中这里是根据 递归实现的 ，特此记录 ,话不多说，上全部代码：让你拿来即用html:<div class="access"> <div class="group_item"> <spin v-if="roleLoading" style="margin-left:...
2021-04-07 11:13:44
1000
1
原创 js 正则 限制 input 只能输入数字，不能输入特殊符号，保留两位小数等效果
限制只能输入数字，小数点只保留2位，限制不能输入空格<div id="app"> <input type="text" v-model="a" @input="change(a)" /> </div><script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script><script type="text/javascript"> new Vu...
2021-03-26 11:11:39
3390
原创 element ui 三级 省 市 县 多选 全选 效果 实例
<div class="filter-diqu" v-if="organFilterShow"> <div class="deliverySetting-table"> <div class="table-head"> <label class="filter-name">所属地区：</label> <div class="selecti...
2021-03-18 21:56:58
799
2
原创 Chrome调试时跨站不能设置cookie问题 浏览器跨域
一直使用IIS配置开发前端页面，连接的后台服务，今天开机打开登录发现登陆不成功，查看请求时发现登陆请求设置的set-cookie path后还跟这一个感叹号，登陆成功调用其它接口时发现请求没有cookie了，然后就一通查询啊，发现CHROME 80版本以后，SAMESITE COOKIE验证跨站问题，this set-cookie didn't specify a "SameSite" attribute，然后变成默认Lax。为了调试的时候会方便点。找了一下怎么关闭chrome的这个选项
2021-03-05 15:02:14
1031
原创 moment 常用时间方法
、获取日期的23时59分59秒//今天的moment().endOf('day')//指定日期的moment('2020-06-25').endOf('day')2、获取日期的0时0分0秒//今天的，跟上面的endOf一样的moment().startOf('day')3、获取时间戳moment().endOf('day').valueOf()4、时间戳转日期 moment(val).format("YYYY-MM-DD HH:mm:ss"...
2021-02-07 09:52:20
2819
原创 moment 的使用 当月第一天
moment获取天的23时59分59秒可以用moment().endOf(String)，以及获取天的0时0分0秒可以用moment().startOf('day') 获取今天0时0分0秒 moment().startOf('day') 获取本周第一天(周日)0时0分0秒 moment().startOf('week') 获取本周周一0时0分0秒 moment().startOf('isoWeek') 获取当前月第一天0时0分0秒 mome.
2021-02-03 17:04:58
7549
1
原创 antd 日期 moment 各种获取 月份，年份，日期，星期等方法
antd时间选择器 disabledDate(current) { // Can not select days before today and today return current < moment().subtract(1, "day") ;//当前以前 // return current && current < moment().endOf('day');//包含当前天以前 }, 大于当前日期不能选 ti.
2021-02-03 10:28:17
6325
4
原创 vue 封装 按钮button组件
组件放项目目录： src/components 下面PlainButton组件 效果图 index.js 文件export { default } from "./PlainButton.vue";PlainButton.vue<template> <button :class="[size, type]"> <span v-if="slots.default"><slot /></sp...
2021-01-15 18:03:45
1348
原创 vue项目 安装 EasyScroll 滚动条 插件步骤
第一步：安装npm isntall --save easyscroll第二步：在main.js引入 ，这里是vue3.x的main.js第三步：页面使用<EasyScrollbar></EasyScrollbar>
2021-01-12 19:27:11
355
原创 RecycleScroller vue-virtual-scroller 安装命令
https://www.npmjs.com/package/vue-virtual-scroller
2020-12-24 16:20:34
3176
2
原创 Chrome调试时跨站不能设置cookie问题
一直使用IIS配置开发前端页面，连接的后台服务，今天开机打开登录发现登陆不成功，查看请求时发现登陆请求设置的set-cookie path后还跟这一个感叹号，登陆成功调用其它接口时发现请求没有cookie了，然后就一通查询啊，发现CHROME 80版本以后，SAMESITE COOKIE验证跨站问题，this set-cookie didn't specify a "SameSite" attribute，然后变成默认Lax。然后我搜索了一下Samesite定义，有三个值，None, L
2020-12-18 16:14:04
529
2
原创 vue 正则验证 input 输入0-100的正整数 删除input框后面的上下箭头 样式 ant design vue a-input-number标签
//推荐使用 formatter ：实时验证，输入值大于100时显示100，并且不显示多余的数字；值为空时显示0 ；如果不满足需求你可以在接着改代码示例：<a-input-number v-model:value="item.rankScore" :min="0" :max="100" :formatter="formatter" @change="handleChange(item)" style="width: 60px;"/>//不推荐使用//只是..
2020-11-24 12:41:45
4005
原创 vue 实现数字翻转效果 时间翻转效果 分装组件 方便调用
实现效果图：带背景的效果 （数字，时间，百分比）<template> <div class=""> <div class="count"><countTo :title="flag" :number="List.cNum" /></div> <span v-show="flag=='same'">{{List.cNum | formatNumber}}</span> ..
2020-11-19 13:53:22
1265
原创 select 标签 下拉 不让弹出框跟着滚动
:getPopupContainer="trigger=>trigger.parentElement" //搞定<a-selectv-model="monitorInfo.position"style="width:200px":getPopupContainer="trigger=>trigger.parentElement"><a-select-optionv-for="(v,k)in...
2020-11-17 16:06:02
751
原创 js 从数组里过滤 指定的字符，返回对应的数组
this.copyRightList = [{name:'张三'，age:21}{name:'李四'，age:21}{name:'王麻子'，age:25}]this.selectedVal ：是动态的，下拉选择年龄；或者动态选中字符串if(this.copyRightList.length>0){ countryInfo=this.copyRightList.filter(item=>item.age.indexOf(this.selectedVal)!...
2020-11-16 18:06:45
2037
原创 vue img标签无图片显示默认图片效果
html<img:src="retdt.u_icon_path==null?avatars:retdt.u_icon_path":onerror="defaultImg"class="blogger-avatar"/>jsimportavatarsfrom"@/assets/image/avatar.png"; // 引入默认图片exportdefault{props:...
2020-11-13 20:30:26
1850
原创 vue element-ui select 下拉卡顿问题解决方案
<template> <el-select ref="selectDom" v-model="ids" multiple filterable placeholder="请输入关键词" remote :remote-method="remoteMethod" @visible-change="visibleChange" > <el-option v-for="item in optio...
2020-11-12 20:43:18
1441
1
原创 vue 表达式 判断的实例
最简单的表达式{{ item.aa != 0 ? item.aa : 0}} // 如果item.aa == -1的时候 ，返回结果为0三元表达式实例一：{{situation==60||61?retdt.m_board_name:situation==20?retdt.msgUname:retd...
2020-11-11 17:21:17
734
原创 在google里面安装 vue devtools插件
安装方法1:需正常打开chrome商店，搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用；安装方法2（推荐使用）：github下载插件，npm包安装依赖，拖入浏览器扩展程序具体操作：1 .下载chrome扩展插件。在github上下载压缩包并解压到本地，github下载地址：https://github.com/vuejs/vue-devtools2.npm install下载完成后打开命令行cmd进入vue-dev...
2020-11-11 16:58:23
333
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人