- 博客(22)
- 收藏
- 关注
RSS订阅原创 element 框架源码阅读
命令：build:file："node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/version.js"icon处理，packages/theme-chalk/src/icon.scss（ui组件目录） 放置了icon的class，利用postcss 将该文件解析成ast，并且将.el-icon-xxx:before的类型写入到
2022-04-06 00:23:16
756
转载 ngixn win10命令
Windows下Nginx的启动、停止等命令在Windows下使用Nginx，我们需要掌握一些基本的操作命令，比如：启动、停止Nginx服务，重新载入Nginx等，下面我就进行一些简单的介绍。假设你安装在 C:\server\nginx-1.0.2目录下，cmd命令进入安装文件；1、启动：C:\server\nginx-1.0.2>start nginx或C:\server\nginx-1.0.2>nginx.exe注：建议使用第一种，第二种会使你的cmd窗口一直处于执行中，不能
2021-09-27 18:53:31
316
原创 docker mongodb
运行容器：docker run -d -p 3306:27017 --name mongodb -e MONGO_INITDB_ROOT_USERNAME=管理员用户名 -e MONGO_INITDB_ROOT_PASSWORD=管理员密码 mongo进入shell：docker exec -it 容器名 mongo进入admin数据库： use admin以上两条命令等同于docker exec -it 容器名 mongo admin数据库登录: db.auth(‘用户名’,‘密码’)查看
2021-08-01 17:28:19
167
原创 centos7 部署harbor
服务器需要依赖：1.docker2.Docker Compose3.Harbor1.安装Docker Compose:1.curl -L https://get.daocloud.io/docker/compose/releases/download/1.25.5/docker-compose-uname -s-uname -m > /usr/local/bin/docker-compose2.chmod +x /usr/local/bin/docker-compose 3.docker
2021-07-17 19:31:17
547
原创 docker 相关
docker 相关安装：win10：专业版和企业版直接安装。家庭版需要修改win10系统配置伪装成企业版命令：1.编译镜像docker build -t docker用户名/打包后的镜像名 .例如：docker build -t userName/imageName注意事项：不带用户名，推送镜像会失败2.拉取镜像docker pull 镜像名3.显示容器iddocker ps -a4.停止容器docker stop 名5.删除容器docker rm 容器6.显示当前正在运行的
2021-05-15 15:31:11
126
原创 CentOS7安装MySQL
[root@localhost ~]# wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm[root@localhost ~]# yum -y install mysql57-community-release-el7-10.noarch.rpm[root@localhost ~]# yum -y install mysql-community-server[root@localhost ~]#
2021-04-18 23:59:58
102
原创 微信分享与jsBridge分享踩的坑
微信分享：昨天项目跟日常一样接入微信分享，分享出去却一直是默认的链接与标题，控制台也没有报错这时，我第一个想到是否分享信息没有进入wx回调里，在wx.ready里输出了信息，发现正常输出接着怀疑是否引入的微信包和封装的方法有问题，换成了同事可以正常跑的包和方法，发现我这边依旧不行，而同事正常同事怀疑是否分享链接给人举报过，可这分享链接目前其他线上项目也可以正常分享，也排除这个问题所以剩下一个当时认为最不可能的地方，就是把信息先写死，发现也不行，接着把信息改成同事的，发现成功了接着慢慢排除每
2020-07-30 21:12:22
741
原创 vue 作用域插槽
如官文文档所描述，在父组件使用子组件插槽的时候，父组件可以调用子组件里定义的数据，也就是相当于**子**组件把自己本身的数据传给**父**使用，这里介绍一种使用场景：如果子组件的数据是相同的，只是想插入到不同的父组件里，就可以使用作用域插槽。如果不使用作用域插槽的情况下，多个父组件需要多次定义重复的数据传给子组件，造成代码臃肿，这里可以使用作用域插槽，在子组件预先定义好数据，直接在父组件调用...
2020-07-12 23:20:47
228
1
转载 git 修改分支名称
假设分支名称为oldName想要修改为 newName本地分支重命名(还没有推送到远程)git branch -m oldName newName2. 远程分支重命名 (已经推送远程-假设本地分支和远程对应分支名称相同)a. 重命名远程分支对应的本地分支git branch -m oldName newNameb. 删除远程分支git push --delete origin oldNamec. 上传新命名的本地分支git push origin newNamed.把修改后的本地分
2020-05-18 16:59:55
341
原创 vue watch
vue watch 监听对象的时候，new 和 old 两个值只能记录不同对象的变化，如果同个对象，只是属性发生修改，新值和旧值都是同一个。如果要监听不同对象，使用 原对象 = Object.assign({}, 原对象 ,要更新的新对象);...
2020-04-30 10:34:37
244
1
原创 vue的计算属性与watch
vue中计算属性，监听的对象为深度监听，数据会进行缓存，依赖修改了才会进行刷新watch，监听的对象只是对象的地址，并不会对属性进行监听，如果要监听属性，可以在在方法名为 ‘Obj.attr’ 监听attr属性。可以设置deep为true，不过性能开销比较大，watch当页面刚加载，不会运行，只有当坚挺的对象修改后才会执行，如果要马上执行，可以给immediate设置为true。页面响应式监听...
2020-04-03 01:39:53
238
原创 移动端适配插件
amfe-flexible 自动根据移动端的屏幕大小而动态改变字体大小npm 下载后在main.js引入import ‘amfe-flexible’ //移动端rem适配postcss-pxtorem 自动将我们本地的css文件里的px单位转换成rem，在根目录.postcssrc.js文件里进行配置`module.exports = { plugins: { //.....
2020-03-26 17:13:22
1051
原创 谷歌浏览器自动翻译页面导致页面渲染异常
今天做项目的时候，项目模板里使用计算属性渲染了数据，更新数据后一直页面没有更新渲染，一开始以为没有深度监听，dom没刷新，使用了this.forceUpdate()强制刷新页面的方法，和this.forceUpdate()强制刷新页面的方法，和this.forceUpdate()强制刷新页面的方法，和this.set()对象深度赋值的方法，都没有效果，最后发现谷歌自动翻译了我的页面，给我的html...
2020-03-25 22:37:15
1723
原创 vue cli4手动配置babel和babel-polyfill的webpack配置
module.exports = { chainWebpack: (config) => { config.module.rule('js').test(/\.js$/).use('babel-loader').loader('babel-loader') }, configureWebpack: config => { conf...
2020-03-23 18:59:19
7175
原创 vue 手动刷新渲染
今天在做一个vue的小项目功能，通过vuex里的mapGetters，把里面的数据保存在计算属性里，然后template通过这个数据渲染到页面上，这个功能需要通过点击来更新数据，由于需要更新的数据是对象的属性，在mapMutations里更新到计算属性后，页面并不会重新渲染，因此计算属性不会进行深度监听，即对象里的属性。这个时候，vue给我们提供了一个强制重新渲染的函数： this.forceU...
2020-03-20 19:08:16
2139
原创 js 宏任务与微任务
宏任务和微任务宏任务 macro-task 大概包括：setTimeoutsetIntervalsetImmediatescript（整体代码)I/O 操作等。微任务 micro-task 大概包括：process.nextTick(与普通微任务有区别，在微任务队列执行之前执行)new Promise().then(回调)等。先执行整体script代码，如果遇到宏任务，放入...
2020-03-11 00:23:24
188
原创 使用闭包解决for循环及原理
闭包，原来因为垃圾回收机制的，没有被使用的变量会被回收，而闭包因为占用了某个变量，使原来本应该被回收的变量没有被回收。下面看一个没有使用闭包的for循环例子，大家应该日常中经常用到：for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i) }, 0)}这段代码输出的是 五个...
2020-03-04 21:25:50
1019
原创 git 常用基本操作
创建分支：git branch 查看当前分支信息以及所在分支git checkout -b 【分支名】（无花括号，直接键入分支名）创建本地分支并切换到新创建的分支git push origin HEAD -u 将本地分支推送到github分支上推送分支：git add . 把代码添加缓存区git commit -m “备注” 给代码添加备注信息git push 把代码上传到githu...
2020-02-02 01:46:51
294
原创 es6扩展运算符
在学习es6项目中使用了数组的扩展运算符在函数中返回一个数组，需要返回一个深拷贝的新数组，可以使用扩展运算符来实现深拷贝.var ary1=[1,2];方法一：适用 单层 数组嵌套的深拷贝var ary2 = […ary1];方法二：适用 单层 数组嵌套的深拷贝var […ary2] = ary1;...
2019-12-28 01:15:20
176
原创 js 原型链继承的一个小坑点
<script type="text/javascript"> function Animal() { this.size = ['large', 'small']; } function Cat() { } Cat.prototype = new Animal();...
2019-12-15 23:44:25
175
原创 css 块元素水平居中常用方法
块元素水平居中：1.margin：0 auto2.负边距居中：width：100px；left：50%；margin-left：-50px（自身高度的一半）；注意事项：父元素需设置定位与高度margin方法：1.块级元素，设置宽高2.不能使用绝对定位...
2019-11-23 22:30:20
365
原创 新手关于JSON与Javascript之间的转换解析
新手关于JSON与Javascript之间的转换解析方法：JSON.parse()方法将json数据转换为 JavaScript 对象。JSON.stringify() 方法将 JavaScript 对象转换为字符串。例子：假如直接输出定义的obj JavaScript对象，会如下显示：
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人