- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue 事件处理方法的修饰符
Vue可以使用 v-on 指令监听DOM事件，并在触发时运行一些JavaScript代码可以直接写在v-on中，也可以只写函数名字，有时候需要在内联语句处理器中访问原始的DOM事件，可以用特殊变量 $event 把它传入方法。在事件处理程序中经常会用到 event.preventDefault() 或者 event.stopPropagation()为了能让我们的事件处理方法中只有纯粹的数据逻辑，而不是处理DOM事件细节，我们为v-on 提供了事件修饰符，也就是在.开头的指令后缀来表示有几个.
2021-10-25 17:12:38
173
原创 总结cookie和session的区别
功能不同cookie是用来区别是哪个用户的，session是用来记录用户信息的位置不同cookie是写在http协议里的，存储在浏览器上的，cookie只有一种实现方法session是存储在客户端的，不同框架的实现方法是不一致的大小不同，可删除属性不同cookie最大只能有4kb，可以清除，session没有限制大小，不能清除实现session是实现，是基于cookie的，也可以不基于cookie。 可以基于localStorage，localStorage是通过js..
2021-10-11 15:40:03
133
原创 Git 如何撤销 git add提交的过多的文件
我们经常使用git add .//提交修改的内容，但是如果我们误将不需要提交的文件提交了，应该怎么办呢？如何撤销git add的多余文件，并且保证其修改不被回退掉呢？case1.只是git add，并没有git commit这时候，只需要git reset HEAD * * *//需要撤销的文件名字即可case2.git add并且执行了git commitgit log//查看自己本地最后一次commit的commit号git reset commit-id...
2021-08-26 16:33:55
1283
1
原创 mac将文件添加到侧边栏
使用mac多年，每次进入指定目录都点点点点，好多下。有木有可以直接进入常用目录的方法呢？其实是有的，访达为我们提供的侧边栏，就可以解决这个问题选中想要添加的文件夹，点击菜单栏的“文件”选项，然后选择弹出的菜单中的“添加到边栏”，文件夹就被添加到侧边栏了，每次只要直接点击就可以进入常用的文件夹了...
2021-07-06 14:47:46
3790
原创 git fix conflict git解决冲突 （二）
上一篇解决冲突的文章只是介绍了，解决冲突后的操作，没有介绍冲突的来源，以及怎样解决，这一篇将着重这些内容的内容当两个人同时修改了同一个的文件的同一行时，会发生冲突，所以一般会在我们pull代码，活着merge代码时产生冲突 冲突只会影响我们本地的代码，不会影响远端服务器，也就影响不到团队其他成员 3.如果是merge其他分支，到当前分支产生的冲突，可以撤销merge操作，回到初始状态，合并操作就会被撤销git merge --abort4. 还是merge时发生的冲突...
2021-07-05 17:37:48
684
原创 JS写一个简单的哈希表
数据表中性别是中文，但是筛选的时候，需要用英文筛选，于是用哈希做了一个简单的映射，写法如下：const hash = { male: "男", female: "女"};hash[gender]//gender是要传入值的属性
2021-06-24 15:46:31
148
原创 Python运行命令
1、进虚拟环境的代码. ~/env/stpython/bin/activate2、进proxycd /Users/*****/***/***/frontend-proxy3、跑python serverpython manage.py runserver
2021-06-23 14:22:57
843
原创 谈谈 vue完整版和运行时版的区别
1、Vue两个版本的名字：Vue完整版Vue 非完整版（运行时版本，文件名以runtime.js结尾）2、完整版的视图可以写在html里面或者写在template选项里面非完整版不可以直接在main.js文件中写template,需要用render渲染，我们在.vue文件中写好的内容非完整版的template需要写在.vue文件中，template的内容，就是我们的html视图除去用CDN单独引用，其他的构建vue实例的方法，默认都是使用的非完整版，里面的参数是由vue的创建者，配置好的
2021-04-27 17:26:30
336
原创 git cherry-pick
事情是这样的，项目的一个任务，需要早于正常发布日期发布，就需要新开一个分支，不在dev分支上操作，但是，我忘记开分支了，还有两天就要发布了，代码全部提交到了dev上了。重新建一个分支，提交上去，会很麻烦，因为可能会有遗漏的，同事推荐使用cherry-pick，步骤如下（1）先找到与本次任务相关的所有commitgit log --grep="example"然后拷贝出来所有的commit号，也可以借助webstorm 底部的Version Control的log tab里面筛选功能，来筛选所有的
2021-04-16 15:11:06
493
原创 carouFredSel插件使用的一点心得
这个插件现在已经不再更新了，demo地址也已经无法访问了但是，有时候会用到，so,一些基本用法，还是需要知道哒$('#carousel1').carouFredSel({ auto:false, circular:false, infinite:false, prev: '#prev1', next: '#next1', pagination: "#pager1" });这样就可以从响应式，改成非
2021-03-29 15:41:39
279
原创 git checkout 远端分支到本地
git checkout -b 分支名 origin/分支名这样就可以在本地创建一个分支，并关联到他人创建的远端分支了
2021-03-12 10:10:54
2700
原创 bash_profile不生效，需要每次都source
在.bashrc写了的alias命令，每次重新打开一个terminal窗口后，都要重新source ~/.bashrc才能使用，后来发现网上说写在.bash_profile里，可以避免这个问题，但是我写到里面了，依旧需要source才能生效，后来发现是需要在.zshrc文件中加上这个source ~/.bash_profile 再打开新的terminal窗口，命令就会出现了，不需要每次都source了，...
2021-03-09 10:30:24
2358
原创 css ::marker伪元素，修改li的项目符号颜色，字号字体
::marker CSS pseudo-element（CSS伪元素） 选中一个list item的markerbox，后者通常含有一个项目符号或者数字。它作用在任何设置了display:list-item的元素或伪元素上，例如和。https://developer.mozilla.org/zh-CN/docs/Web/CSS/::marker::marker{ color: red; font-size: 19px}查阅mdn文档，marker伪元素，支持这些字体属性，还有con.
2021-03-04 18:13:45
1651
1
原创 js柯里化函数
js函数可以柯里化在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。这个技术由 Christopher Strachey 以逻辑学家 Haskell Curry 命名的，尽管它是 Moses Schnfinkel 和 Gottlob Frege 发明的。【摘自百度百科https://baike.baidu.com/item/%E6%9F%AF%E9%87%8C%E5%8C%96/1
2021-03-01 16:16:16
144
原创 jquery制作点击可以‘返回顶部’的按钮
在上一篇点击返回顶部的按钮上新加了部分功能按钮不再是在页面底部出现，按钮是fixed定位在距离页面底部一段距离的靠左或者靠右的地方.ClickTop{ display: none; color:white; padding: 5px 8px; border-radius: 10px; background: purple; position:fixed; left: 20px; bottom: 50px; z-index:3; cursor: pointer; }2.可视区域第一屏的时候，是没有按
2021-02-04 17:33:51
97
原创 js和jquery分别实现简单的点击返回页面顶部
1.用原生js实现原生js实现起来比较简单了，要⚠️ document.documentElement.scrollTop = 0;是这样设置scrollTop的，直接设置body或者document也是不对的哦????// this is made by original javascript codevar btn = document.getElementsByClassName('ClickTop');console.log(btn);btn[0].addEventListener('
2021-02-04 11:31:47
109
原创 ES6之 let const var区别
[1]var 是可以提前声明的变量，没有作用域，默认是，不需要总写varb=3b //3[2]let 不可以声明前置的变量(必须先定义再使用，存在于块级作用域)a=3let a//undefined[3]const 声明的常量不可以改变
2021-02-02 14:07:24
174
原创 使用rem布局手机版页面，需要用到的js
responsive mobile page 用Rem 布局，需要的jsRem();function Rem() { var docEl = document.documentElement, oSize = docEl.clientWidth / 7.5; docEl.style.fontSize = oSize + 'px';}window.addEventListener('resize', Rem, false);
2020-12-29 10:21:11
87
原创 git fix conflict git解决冲突（一）
因为这个解决冲突的命令，自己总也记不住，为了不再每次上网搜索，写在自己的博客里，接下来，我会利用闲暇时间，将自己的web前端工作获取的知识进行整理，输出，希望可以帮到更多的web前端从业人员git pull 代码时会遇到冲突，conflict需要fix conflict1.解决冲突后，git add 冲突文件2.git commit -m "添加注释"3.git merge4.git status /*查看下本地更改了哪些文件*/5.git push /*提交修改到远端仓库*/注意，里面的
2020-12-25 16:56:49
2593
原创 重置html表单样式的css合集
最近做了一个表单很多的项目，常用的表单都用到了，但是，表单在Mac的Safari浏览器，以及iphone的自带浏览器上，还有Firefox浏览器表现出来的效果，总是差强人意，明明做了很多重置默认样式的工作，好像还是不太够，所以，项目结束后，赶紧总结下这些重置表单样式的css，以及其对应的场景。1.先总结下常用的html表单元素MDN官网关于input输入元素的介绍项目中用到了input type="text"input type="number"input type="password"in.
2020-12-25 16:45:24
356
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人