- 博客(77)
- 收藏
- 关注
RSS订阅转载 项目管理工具推荐！！
在线项目管理软件Monday. com禅道项目管理软件LeangooOrangeScrumTuleapTargetprocessClikupeasyBacklog
2024-05-27 19:59:37
32
原创 你需要知道vim操作 源头都在vimtutor里
Vim是一个功能强大的编辑器，它有很多命令，可以让工作更高效。每次看到同事在他的电脑上飞快的操作，炫技，我都很羡慕。昨天同事推荐我一个命名vimtutor（我把它叫作命令的源泉），我才知道原来大神们都看过这个。
2024-05-08 20:28:12
966
原创 【解决Typora图片不是显示问题】PicGo+Github+Typora+ onedrive/坚果云 实现笔记同步
PicGo+Github+Typora+ 坚果云/onedrive 实现笔记同步工具 类型 作用Typora 笔记软件 （但不提供云服务 ）onedrive/坚果云 云盘 用于实时上传文件-----解决同步问题PicGo 图上上传工具 与图床结合使用 → 解决图片不能自动移植的问题Github 图床 专门用于储存图片 → 解决图片不能自动移植的问题
2023-12-21 18:29:32
2021
2
转载 【React】React状态管理redux React中Dispatch
是一个普通action方法调用,传递了val参数,得到一个事件描述 ,这个描述其实也是一个普通的JavaScript对象(参考下面派发给Reducers 的数据格式)本例中 containers/AddUser.jsx 代码, 容器组件和展示组件的属性做一个映射, 容器组件会监听到 Redux state 的变化,提供给展示组件。action 描述事件的发生，text 是调用者传递的参数。state参数 是旧的数据。
2023-09-28 14:19:02
748
转载 编译器之vscode使用
这里写自定义目录标题vscode设置成中文VScode用户设置UI界面配置JSON配置快捷键行 的操作词 的操作：搜索或者替换：借用一句话：工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code…等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐vscode设置成中文方法一 安装中文插件Chinese (Sim
2022-02-18 19:20:36
1017
转载 CSS命名规范-BEM
BEM什么是BEMBEM命名的好处BEM命名的问题什么是BEMBEM是一种命名规范。模块名+元素名+修饰器名比如Instagram团队使用的驼峰式.blockName-elementName--modifierName { /* ... */ } 单下划线.block-name_element-name--modifierName { /* ... */ } 修饰器名用单横线连接.blockName__elementName-modifierName { /* ... */
2022-02-10 17:38:30
679
转载 使用lite-server快速搭建本地服务器
使用Nodejs模块搭建本地服务器方法较为麻烦，且功能单一不易拓展。lite-server的功能与之类似，均可以搭建本地服务器，但它的优势在于搭建迅速，只需要安装npm包即可；可自动刷新，使用BrowserSync监测文件变化；可配置多种选项，比如默认端口及默认文件夹等。npm地址：https://www.npmjs.com/package/lite-server迅速搭建：npm initnpm install --save-dev lite-server修改package.json文件，加入如
2021-12-29 10:21:06
1280
原创 用极简插件安装Vue Devtools
打开极简插件极简插件：https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd下载文件解压文件打开谷歌浏览器地址栏输入 chrome://extensions/将解压后的文件拖入浏览器
2021-12-03 15:17:45
378
转载 vue-devtools浏览器插件安装
下载使用git 下载 vue-devtoolsgit clone https://github.com/vuejs/vue-devtools.git安装 npm包安装过程有一些慢cd vue-devtoolsnpm install由于太慢了，使用 cnpm，先安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install编译npm run build浏览器添加扩展输入 ch
2021-12-03 14:36:55
223
转载 css实现垂直居中的几种方式
css布局 实现垂直居中的几种方式一、单行元素垂直居中二、对文本进行垂直居中三、对已知高度块级元素进行垂直居中四、对未知高度块级元素进行垂直居中<div class="parent"> <div class="content">内容垂直居中</div></div>一、单行元素垂直居中1、可设置该行内元素的父元素的height与line-heigth的值相等，让行内元素垂直居中2、针对行内元素，可通过设置vertical-align: middl
2021-09-28 16:09:18
15397
原创 switch…case 语句
switch…case 语句一个 switch 语句允许测试一个变量等于多个值时的情况。每个值称为一个 case，且被测试的变量会对每个 switch case 进行检查。switch 语句的语法：switch(expression){ case constant-expression : statement(s); break; /* 可选的 */ case constant-expression : statement(s);
2021-09-06 17:48:28
1038
转载 git commit提交代码时的代码校验pre-commit 如何去除
今天，当我用git进行代码管理的时候，执行git commit -m"样式修改"会出现如下信息：> running pre-commit hook: lint-staged ❯ Running tasks for *.js ✖ vue-cli-service lint → 2 errors and 2 warnings found. git add ❯ Running tasks for *.vue ✖ vue-cli-service lint → 31
2021-08-24 16:36:21
2600
原创 【工作记】vue组件上动态添加和删除属性
vue组件上动态添加和删除属性// 添加this.$set(this.obj, 'propName', val)// 删除this.$delete(this.obj, 'propName', val)有时候我们直接赋值，视图不会更新例子循环// 展开当前行expand(row) { this.list.map(item => { if (row.id !== item.id) { // 其他行收起 row.isExpand = false } }
2021-07-28 17:56:41
800
转载 React之Redux架构介绍
如果不使用 Redux 或者其他状态管理工具，不按照一定规律处理状态的读写，代码很快就会变成一团乱麻。此时，你需要一种机制，可以在同一个地方查询状态、改变状态、传播状态的变化。Redux 的适用场景：多交互、多数据源用户的使用方式复杂不同身份的用户有不同的使用方式（比如普通用户和管理员）多个用户之间可以协作与服务器大量交互，或者使用了WebSocketView要从多个来源获取数据某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态
2021-05-18 14:24:50
266
转载 h5制图开源工具
flowchart.jshttp://adrai.github.io/flowchart.js/基于SVG创建Flow Chartgo.jshttp://www.gojs.net/latest/index.htmlgo.js 提供antv系列 https://antv.gitee.io/zhantv- g6 https://g6.antv.vision/zh/flowchart.jshttp://adrai.github.io/flowchart.js/基于SVG创建Flow .
2021-05-12 10:35:56
285
转载 https iframe嵌套http页面
pageiframestatushttphttpallowedhttphttpsallowedhttpshttpnot allowedhttps嵌套http不支持httpshttpsallowedhttpshttpsinsecure scriptsnot allowedhttpshttpsinscure imagesallowed but the browser will warn————————————————...
2021-05-06 10:53:30
2318
原创 分环境打包 import不能放在if里
想实现一个功能，在测试环境引入一个功能，生产环境不引用// TODO 本地调试工具，生产勿打包进去const env = process.env.NODE_ENV;if ('production' !== env) { require( "../utils/vconsole");}用require代替import注意：require放在if中，false也会在构建的时候把require的代码加载进去，只是不执行，会导致包体积大// 错误示例，import不能放在代码块里，这样代码
2021-04-30 14:27:52
1059
转载 微信H5移动端真机调试--vConsole
在移动端实际开发中，还是会碰到一些棘手的bug，想看看到底哪里出了问题，苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口，使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息，比如cookie、LocalStorage,Network、Element……微信打开这个网址 http://debugx5.qq.com/暖心的我给你准备好了二维码，扫一扫吧（不要太感动……）进去后，选择中间‘’信息‘’，然后一直往下翻，把vConsole打开，把下面两个Content C
2021-04-27 09:49:21
639
原创 数组指定位置插入数组
数组中插入数组// arr [2, 0, A, B, ... , X] --> (2, 0, A, B, ... , X)var arr = [insertIndex, 0].concat(childNodeList);// 把childNodeList追加在当前parent之后Array.prototype.splice.apply(scope.showList, arr);原理参考：向数组中插入另一个数组...
2020-08-18 11:20:12
1873
原创 css透明度的写法 16进制透明度的转化
白色，50%透明的两种写法// 白色，50%透明color: #ffffff80; // 白色，50%透明color: rgba(255, 255, 255, .5);
2020-05-12 17:11:57
3212
原创 JS中的运算符
加法的注意事项字符串的加法：任何数据类型的值加上字符串都是字符串的拼接1 + 'Tom'; // 1Tom'Tom' + 1; // Tom1'Tom' + undefined; // Tomundefined'Tom' + NaN; // TomN等号=基本运算符加减乘除取余括号+-*/%()加法的注意事项字符串的加法：任何数据类型的值加上字符串都是字符串的拼接1 + 'Tom'; // 1Tom'Tom...
2020-03-22 16:51:47
190
2
原创 简述JavaScript模拟多线程机制
JavaScript是单线程的，通过轮转时间片模拟多线程运行，即短时间之内轮流执行多个任务的片段 1. task1,task2,task3…taskN 2. 切分task1,task2,task3…,taskN成任务片段 3. 随机排列这个任务片段，送进JS进程中 4. 执行，JS线程执行一个又一个任务片段...
2020-03-19 19:51:09
139
原创 JavaScript知识三大块 - ECMAscript DOM BOM
知识领域规范作用ECMAscriptECMA规范语法、变量、对象、原型链、继承、函数……DOM （document object model ）W3Cdom元素的增删改查等操作BOM （browser object model）无规范窗口宽高、滚动条、事件(注册、捕获、冒泡)、正则、鼠标事件、键盘事件……...
2020-03-19 19:45:49
163
原创 浏览器历史大事记和JavaScript的诞生
1、1990年蒂姆·博纳斯·李 首次使用超文本分享资讯的人开发浏览器 world wide web 后移植到C，libwww/nexus实现 允许别人访问他人编写的网站2、1993年美国伊利诺大学NCSA组织（马克·安德森）MOSIAC浏览器图形化浏览器，可以显示图片 3、1994年马克·安德森和吉姆·克拉克（硅图公司GUI）合办公司 MOSIAC communicatio...
2020-03-19 19:17:48
258
原创 五大浏览器及其内核
只有有自己的内核的浏览器，才能进入榜单浏览器 内核IE tridentchrome webkit/blinksafari webkitfirefox geckoopera presto
2020-03-19 19:12:02
184
转载 JavaScript 中的异步原理和事件循环机制
AJAX 线程负责发送请求，拿到响应后，把响应封装成一个 JavaScript 对象，然后构造一条消息 主线程在执行完当前循环中的所有代码后，就会到消息队列为什么 JavaScript 是单线程 ？JavaScript是单线程，怎样实现异步操作1. 消息队列2. 事件循环异步原理（AJAX异步实现流程）事件循环JavaScript 的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript 的主要用途是与用户互动，以及操作 DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题
2020-02-27 17:22:57
389
转载 常见的js兼容问题
常见的js兼容处理获取非行内样式获取事件对象事件源获取按键的值阻止默认事件阻止事件冒泡事件绑定 与 解除事件绑定window对象的一些属性兼容获取非行内样式// 获取非行内样式function getStyle(ele, attr){//ele为获取元素，attr为属性。 var a = ""; if(ele.currentStyle){ // ie浏览器 currentStyle...
2020-02-26 11:44:13
96
原创 什么是PMP
什么是PMP考PMP有什么用？考取PMP证书有哪些人士PMP讲了哪些内容五大过程组十大知识领域PMP怎么考核考试时间答题时间考试地点考试形式考试题型考试通过标准考试费用报考需要什么条件不报班可以考PMP吗
2020-01-20 17:30:00
601
1
原创 【css】css3中的动画功能
CSS3动画transform 动画2d动画transition 动画过渡animation 动画 @keyframes 自定义动画transform 动画2d动画translate 位移可为负值transform: translate(x,y); rotate旋转角度正值，顺时针；负值，逆时针transform: rotate(360deg);scale 放大缩小放大，大...
2020-01-10 15:03:43
166
原创 【css】css中的颜色
css中的16进制颜色与RGB的对应转换，透明设置十六进制颜色值RGB颜色值RGBA颜色值HSL 及 HSLA预定义/跨浏览器颜色名17种标准色透明设置用rgba设置透明颜色用opacity设置透明颜色css中color 、background-color颜色属性即红、绿、蓝光的组合十六进制颜色值十六进制FF中，对光源进行设置的最低值可以是0（十六进制00），最高值是255（十六进制FF）...
2020-01-10 14:32:57
637
原创 【css】background相关背景图的设置
渐变背景通过`background-image`属性实现。linear-gradient 线性渐变radial-gradient 径向渐变background-size 图片完全置于盒子内，图片同比例缩放，当盒子比例和图片比例不一致时 可能某个方向留白background-origin背景图放置的起始位置
2020-01-10 13:03:10
300
原创 【css】css中的盒模型
盒模型 Box Model标准盒模型怪异盒模型所有HTML元素可以看作盒子，如div元素,p元素等标准盒模型标准盒模型，是默认盒模型实际宽度 =border + padding + width即box-sizing: content-box;怪异盒模型实际宽度 = widthwidth不受border+ padding影响content-box随border+ paddin...
2020-01-10 09:45:33
79
原创 【css】css中的几种布局方式
布局方式position 定位布局float 浮动布局flex 弹性布局默认按钮文档流的书写顺序，从上到下、从左到右渲染通过以下几种方式，可以改变默认顺序position 定位布局position值为relative时，不脱离文档流相对于元素本身的位置移动后，原位置保留position值为absolute时，脱离文档流，块级化相对于祖先级有定位属性的元素定位如父元素无定位属...
2020-01-09 18:00:08
183
原创 【css】css中的盒子阴影与文字阴影
盒子阴影box-shadow: x y blur spread color type;x轴偏移量 正值向右，负值向左y轴偏移量 正值向下，负值向上blur阴影大小（模糊程度） 文字阴影text-shadow: x y blur color;x轴偏移量 正值向右，负值向左y轴偏移量 正值向下，负值向上blur 模糊半径，正值，从出现到消失的长度color 可多个 支持阴影叠加
2020-01-09 13:52:03
191
原创 @font-face 自定义字体
@font-face 自定义字体将字体文件存放到Web服务器上，它会在需要时被自动下载到用户的计算机上定义字体@font-face { font-family: myfont; <!-- 自定义字体名称 --> src: url('font-family/Sansation_Light.eot'); /*eot 兼容ie9*/ src: url('font-family...
2020-01-09 11:13:57
313
原创 h5新增标签
h5新增新增的语义化标签header nav main footerhgroupsectionarticle asidefigure独立的流内容新增的功能性标签（行内标签）markstrongtimes 不正确的文本wbr 软换行 系统默认效果ruby 注音progress 进度条 与属性max连用meter测量、度量与属性min max连用datalist + optiondetails s...
2020-01-08 17:36:32
162
原创 meta标签的作用
name属性name = viewportname = description name = keywords name = authorhttp-equiv属性http-equiv = Content-Typehttp-equiv = Refresh 自动刷新http-equiv = expires 过期时间http-equiv = Pragmameta标签禁止使用缓存的三种方法移动端头信息 示例网页版头信息 示例（CSDN网站）
2020-01-08 09:01:24
333
2
原创 canvas示例 - 用canvas实现行走的闹钟
完整js js/clock.js获取绘图对象 表盘 表针var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');var p_canvas = document.getElementById('p_canvas');var p_context = p_canvas.getCo...
2020-01-07 15:19:53
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人