- 博客(38)
- 收藏
- 关注
RSS订阅原创 优惠券图案
<div style="margin: 20px; color: white;"> <div class="coupon up" style="position: relative; padding: 0 10px;"> <div> <h4>全场5折</h4> <p>仅在指定活动页面使用,最终解释权归我们</p> </div> .
2022-04-19 23:53:02
388
原创 vue 禁止单独页面返回
用原生的方法过于复杂, 且无法满足同一页面需要特定前进后头的场景//改写replace 和 push 方法 ,去除警告const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err)}const originalReplace = VueR
2022-04-12 11:07:43
1428
原创 docker nginx 知识
/root/nginx-1.10.1/conf 下的nginx.conf 不用动 ,需要去配置/usr/local/nginx/conf 下的nginx.conf 配合jenkins对应/usr/local/nginx/conf/nginx.conf没有best文件夹则创建best文件夹
2022-02-22 17:41:55
1525
原创 TS 截取记录
Partial定义将T中所有属性转换为可选属性。返回的类型可以是T的任意子集export interface UserModel { name: string; age?: number; sex: number; address?: string; tel?: string; favorite?: string;}type JUserModel = Partial<UserModel>// =type JUserModel = { name?
2022-02-11 14:35:10
984
原创 具名插槽 slot使用
1.普通的子组件插槽//Children.vue<div> <slot></slot></div>使用<Children> <span>123</span></Children>2.具名插槽//Children.vue<div> <span>123</span> <slot name="content"></slot>&l
2022-01-12 11:52:29
834
转载 js对象取值的时候 . 与 [ ] 的区别
一般对象的取值有两种方式，但是有什么区别呢？接下来举个例子var obj = {a:1,b:2,c:3}for(var key in obj){ console.log(obj.key)//会打印输出3个undefined，取不出值 console.log(obj[key])//会打印出1，2，3}它们两种取值方式，一般情况下都是可以的，但是通过上述例子可知，当是一个变量的时候，只能采用【】的形式才能将值取出。obj[key]就相当于obj[“a”],而obj.key是从obj中取出属
2022-01-12 09:57:35
710
原创 vue3 依赖于一个computed做watch
let state = reactive<any>({ switchList: [], defaultActive:'', currentActiveId: computed(() => { return state.switchList[state.numFlag]?.id }) }) watch( () => state.currentActiveId, (val) => {
2021-12-22 17:23:21
141
转载 gitee/gitehub无法推送代码 报错Connection reset by 192.30.253.113 port 22
在使用 hexo d 部署博客和使用 Git/Github 进行 git push -u origin master 时遇到了以下问题：git -c diff.mnemonicprefix=false -c core.quotepath=false push -v --tags origin master:masterPushing to git@github.com:MaugerWu/MaugerWu.github.io.gitConnection reset by 192.30.253.113 p
2021-12-16 20:13:11
887
原创 React Hooks教程
Hooks 介绍1. Hooks 是什么 ?Hooks 是 React 16.8 新增的特性，它可以让你在不编写 class(类组件) 的情况下使用 state 以及其他的 React 特性React 一直都提倡使用函数组件的，但是函数组件没有实例不能操作state，也没有生命周期函数，只有类组件才有.如果有一天你在编写函数组件中, 突然意识到需要向其添加一些 state， 怎么办呢? 以前的做法是必须将其它转化为 类组件, 现在呢? Hooks出现之后, 你可以在现有的函数组件中配合 Hook
2021-12-12 17:37:35
703
原创 es6 箭头函数作用
在ECMAScript 3/5中, 这个this的指针问题可以通过显示的制定this到一个变量，从而把Person()构造器生成的实例this指针，引入到函数中，具体写完如下：function Person() { var that = this; that.age = 0; setInterval(function growUp() { // The callback refers to the `that` variable of which // the value i
2021-12-12 15:54:33
599
原创 新建Vue实例 , 使用总线传递消息避免干涉
//枚举对应消息映射wsType.jsexport default { LOGIN_TIMEOUT: 'LG_0001', //登录超时消息 LOGIN_OTHERPLACE: 'LG_0002', //异地登录消息 IS_OCCUPIED: 'IS_OCCUPIED', //现场测评是否被占用 OCCUPIED: 'occupied', //占用 NOT_OCCUPIED: 'NotOccupied', //没占用 IND_RELOAD: 'IND_RELOAD' //首页刷新}/
2021-12-10 16:01:41
269
原创 export default 与ES6构造函数(类)的结合 --websocket函数封装
class Socket { constructor() { //constructor--声明类独有 this.ws = null this.url = null ... } getHostName(){ switch(){ ... } } export { Socket as default } --//修改默认导出的值---保证实例互不影响封装参考–链接主文件扩展文件可以结合以上两个文件根据业务需求封装自己的Socket实例方法使用import
2021-12-10 15:29:59
758
原创 cherrio 使用 ,爬虫
const getDataFun=()=>{ const param=data.string getData(param) .then((res) => { const reult=res?.data const $ = cheerio.load(reult) const aBox = $('.art
2021-11-29 20:33:29
325
原创 js every 在链式调用时,拿不到正确值
无返回值链式 , 结果不正确const flag = tempArray .slice(2, 1) .every((item) => item.value === 1)有返回值的链式 , 结果不正确 , 原因 , every时, 取的tempArray是原来的tempArray, 没有等待返回值后才进行遍历const flag = tempArray .splice(2, 1) .every((item) => item.value === 1)
2021-11-26 10:30:24
295
原创 svg 图标无法铺满的问题
//在svg 源文件的svg 头文件 加入 preserveAspectRatio="none meet" <?xml version="1.0" encoding="UTF-8"?><svg width="319px" height="76px" viewBox="0 0 319 76" version="1.1" xmlns="http://www.***/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAs
2021-11-08 15:50:33
718
原创 vue3 elform 在重新封装的弹窗el-dialog内无法resetFields
重新封装后 , 弹窗支持双向绑定 , 但是取消后resetFields失效了 , 上次校验结果还在 , 经过排查 , 应该为vue3 setup内钩子顺序问题 , 在resetFields之前 , dom已经销毁了利用watch 和 nextTick 达到效果watch( () => data.visible, (val) => { nextTick(() => { formRef.value?.resetFields()
2021-10-26 19:12:23
512
原创 vscode 快速选词
ctrl + 左/右 光标快速到单词尾shift + 左/右 每次移动一个 , 选中ctrl+shift + 左/右 快速选完一个词chrl+shift + end 快速选完一句话到句尾----vscode配置
2021-10-15 12:05:24
4480
原创 vscode 新版本 配置bash终端
vscode 新版本 配置bash终端"terminal.integrated.profiles.windows": { "Git-Bash": { "path": "G:\\Git\\bin\\bash.exe", "args": [] } }, "terminal.integrated.defaultProfile.windows": "Git-Bash",
2021-10-10 21:09:01
515
原创 el-button 去除边框,hover保留
el-button要想按钮普通情况没有边框 , hover及其它效果有边框 , 可以加type=“text” 属性
2021-09-28 16:28:35
8047
原创 查看vue cli 版本号
终端输入 vue -VD:\Users\User\Desktop\临时\test2\libpro> vue -V@vue/cli 4.5.12
2021-08-28 14:21:53
949
原创 v-if v-else可以直接用数字0 1 来连用
<div v-if="showProgress0"> //隐藏123</div><div v-if="showProgress1"> //显示456</div>showProgress0:0,showProgress1:1
2021-08-26 15:48:45
335
原创 el-select allow-create不生效问题
filterable allow-create //与filterable 连用才会生效
2021-08-26 10:15:18
1707
原创 scss css选择器妙招
//&:not(:last-child).status_two { .btn { cursor: pointer; font-family: PingFangSC-Regular; font-size: 0.75rem; color: #3366ff; line-height: 0.75rem; &:not(:last-child) { margin-right: 0.75rem; &::after {
2021-08-20 17:25:00
607
原创 vue eventBus创建的两种方式
一 . 第一种: main.js创建1. //main.jsVue.prototype.$bus = new Vue();2.子组件(需要发出消息的组件)this.$bus.$emit("aaa")3.父组件(需要接收消息的组件)this.$bus.$on("aaa",()=>{ this.$refs.scroll.scroll.refresh()})...beforeDestroy() { this.$eventBus.$off('newProject') t
2021-08-13 11:09:30
391
原创 res.data对象遍历赋值
遍历对象 , 给本地addForm里面的值赋值 , this.$nextTick作用是让视图更新 this.$nextTick(() => { Object.keys(this.addForm).map((item) => { if (row[item]) this.addForm[item] = row[item] }) this.addForm.id = row.id })...
2021-08-09 20:25:42
1183
原创 vue 全局混入----状态判断是否执行点击
1.项目下创建 mps-ui\src\plugins\listenerClick.js2.文件内写法//listenerClick.jsimport { mapGetters } from 'vuex'export default { computed: { ...mapGetters(['leftNavStatus']) }, data() { return {} }, mounted() { if (document.getElementById('c
2021-08-07 13:00:49
522
原创 子组件使用父组件传入的样式
一般使用行内形式体现例子<template> <div class="emptyStyle"> <div class="emptyBox" :style="{ marginTop: top }"> <div class="pic"></div> <div class="wordUp font-tip" :style="{ lineHeight: lineHightUp }"> {{
2021-08-06 17:47:18
594
原创 svg-icon 更改颜色, 精品教程
1.在svg源文件中, 找到你需要修改的path内原来固定的填充颜色值将fill="#ddd"修改为fill=“currentColor”2.在html中使用时 , 给svg文件dom元素加一个自定义类名<svg-icon slot="prefix" icon-class="authorize_title" class="authorize_title" /> //自定义类名为authorize_title3.在样式中需要这样写.authoriz
2021-08-05 09:47:44
1967
原创 git本地新建分支,建立关联(前提:远程已有相应远程分支)
1.git fetch origin dev_4.3:dev_4.32.git branch3.git checkout dev_4.34. git pull5. git branch --set-upstream-to=origin/dev_4.3 dev_4.36.git pull最后成功拉取新分支内容则为成功Already up to date.
2021-08-04 11:38:48
102
原创 放大倍数, 样式适配
思路:const value = Window.devicePixelRatio1.通过Window.devicePixelRatio 获取放大比例//媒体查询 改变@media screen and (max-width: 1369px)base.css?v=1627548852:1.detail_box { transform: scale(1,0.9) translate(0,-6%);}2.通过 transform: scale(1,0.9) translate(0,-6
2021-08-04 10:28:49
80
原创 vue2.0 + scss + sass-resources-loader + element 实现换肤
1.vue项目根目录的vue.config.js----引入scss文件module.exports = { // 其他配置npm css: { loaderOptions: { sass: { prependData: ` './src/assets/styles/global.scss' './src/assets/styles/variable.scss' './src/asset
2021-08-03 15:13:43
445
原创 Syntax Error: SassError: Invalid CSS after ““: expected 1 selector or at-rule
标签有前后不一致的情况 , 导致渲染错误 , 本人使用的是scss语法
2021-08-03 14:36:30
2751
原创 vscode配置
{ // elsint配置TODO: "workbench.editor.enablePreview": false, // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 4, // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F "editor.formatOnS
2021-07-03 14:16:44
144
转载 2021-05-27
query要用path来引入，params要用name来引入，接收参数都是类似的params只能用name来引入路由1）父组件通过name来匹配this.$router.push({name: ‘Describe’,params: {id: id}}) 2)相应路由配置： { path: '/describe/:id', name: 'Describe',
2021-05-27 00:11:16
54
转载 vue创建+rem 视口自适应
vue+vant 实现rem的转换=>视频地址原文文档地址1. 搭建环境1.1.输入 vue ui1.2. create project 创建项目1.3. 选择手动安装1.4. 选择配置文件1.5. 选择版本和postcss配置1.6. 选择预设—我们这边不选择预设1.7. 等待创建[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mGTzhOBC-1608575680491)(./img/image-20201222012111107.p
2021-04-09 00:02:05
200
原创 Vue项目安装(前端)+Vuex指南
typora-copy-images-to: uploadvue create myvueVue项目安装1.主要功能选择2.版本3.路由模式:history("/")写no hash("#")是yes 4.预处理器–选择less语法(css)5.语法检测eslint–默认6.保存时进行语法检测7.In dedicated config files您喜欢将Babe 1、ESLint等的配置放在哪里？—放在专用配置文件中/放在pack.json文件中8.是否作为以后的模板.
2021-04-08 23:48:17
364
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人