- 博客(26)
- 收藏
- 关注
RSS订阅原创 brew安装、启动nginx，Error
问题使用brew install nginx命令安装nginx，使用brew services start nginx启动会出现一些问题：使用brew services start nginx命令启动nginx服务的时候，提示success，但是使用地址访问不了使用brew services ls查看服务的时候，发现nginx服务出现error使用sudo brew services start nginx启动nginx的时候，也会出现报错，提示执行失败解决办法使用`brew install
2021-11-28 21:55:29
3901
原创 VueCli4.x commit时，没有执行gitHooks
使用vuecli4.x创建项目的时候，选择Lint and fix on commit执行commit的时候，并没有执行gitHooks，需要手动只想 node node_modules/yorkie/bin/install.js，重新生成.git目录中的.git/hoos。
2021-10-09 09:42:15
396
原创 请认真阅读文档
学习框架、库最好的起步就是阅读其官方文档，认真、仔细的阅读，做好记录、写好demo。问题在使用openlayers6的时候，import LineString from 'ol/geom/LineString';，new LineString 的时候需要传入经纬度是number类型...
2021-09-23 09:58:52
153
原创 fatal: Not possible to fast-forward, aborting.
问题 fatal: Not possible to fast-forward, aborting.出现这个问题的原因是：多个同事修改了同一个文件，并且别人比你先提交。当你拉取代码的时候，就会报错。解决方法// master 指代的是当前修改的分支git pull origin master --rebase执行完上面的命令，如果没有冲突就可以正常更新和提交代码了。如果有冲突，按照提示解决冲突即可。// 执行此命令处理冲突git rebase --continue...
2021-09-22 14:03:04
579
原创 开发经验思考
工作只有同事没有朋友，改配合的就得配合。有问题只能你自己背过文档先行、按排期计划进行思考如何提效需求了解时间开发文档约定开发时间联调时间部署时间测试时间
2021-09-12 23:40:27
80
原创 Vue3中样式绑定
样式绑定示例注意事项1、在html文件中，不能加多余的空格// Error<h3 :class={ 'cls2' : count }>{{ msg }}</h3>2、在数组中，样式可以使用三元表达式，对象中不行<h3 :class=[count?'cls1':'cls2']>{{ msg }}</h3>...
2021-09-09 21:41:05
135
原创 shim和polyfill
Shimshim指的是在一个旧的环境中模拟出一个新的API，而且仅靠旧环境中已有的手段，以便所有的浏览器具有相同的行为。主要特征：该API存在于现代浏览器中；浏览器有各自的API或可通过别的API实现；API的所有方法都被重新实现；拦截API调用，并提供自己的实现是一个优雅降级Polyfillpolyfill是一个段代码（或者插件），提供了那些开发者们希望浏览器原声提供支持的功能。程序库先检查浏览器是否支持某个API，如果不支持则加载对应的polyfill。主要特征：是浏览器API的
2021-09-03 16:00:49
167
原创 2020-10-20
字节跳动面试题HTML(5)HTML语义化的理解使用恰当语义的html标签、class类名等内容，让页面具有良好的结构与含义，从而让人和机器都能快速理解网页内容。一方面语义化的标签可以让机器在更少的人为干涉下收集并研究网页的信息，从而可以读懂网页的内容，然后将收集汇总的信息进行分析；另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器能够读懂内容。具体体现在四个方面：1、让页面的内容结构化，在没有CSS的情况下，依然能够清楚的阅读页面2、提高代码的可读性，便于团队的协作、后期的维护3、有
2020-10-20 08:38:49
91
原创 滚动事件没有效果
在使用VueJS项目中，使用window.onscroll事件监听页面滚动，发现没用效果，找网上查找了资料，原因是父级元素使用overflow:auto，去掉这个元素就可以。在移动端滚动滑动效果中，使用better-scroll，有很多坑，比如：会使定位元素失效，点击事件失效，原生的window.onload事件失效...
2020-03-15 11:32:47
494
原创 VueJS中的slot插槽
VueJS中的slot插槽语法是定义组件不可获取且非常重要的语法，本篇文章将介绍一下VueJS中slot的学习笔记。在Vue2.6.0的版本中，Vue团队为具名插槽和作用域插槽引入了一个新的统一语法（v-slot）指令。它取代了slot和slot-scope，但是旧的语法没有被移除插槽内容Vue实现了一套内容分发API，这套API的设计灵感源自Web Components规范草案，将&l...
2020-03-09 21:59:51
743
原创 Promise学习笔记
定义Promise是一个对象，它代表了一个异步操作的最终完成或者失败。本质上，Promise是一个被某些函数传入的对象，我们附加回调函数使用它，而不是将回调函数传入那些函数内部。语法new Promise( function(resolve, reject) {...} /* executor */ );参数executor：executor是带有resolve和reject两...
2020-03-09 10:40:38
104
原创 Vue CLI3.0生产环境下去掉console
在开发过程中，必不可少的会使用console去开发调试代码，但是生产环境下，又不想让用户看到，如果手动去删除，又显得麻烦。因此我们可以使用webpack提供的插件去清楚console安装npm install terser-webpack-plugin -D在vue.config.js中配置configureWebpack: config => { if (process.e...
2020-03-06 09:34:29
559
原创 vue-cli3.0 配置全局自定义变量
在使用vuecli3.0去构建项目时，可以通过npm run serve去启动项目，使用npm run build编译项目，很多时候，针对生产和开发的环境变量是不一样的，比如：请求的地址。因此我们需要针对生产和开发环境定义不同的全局变量。.env：全局默认配置文件.env.development：开发环境下的配置文件.env.production：生产环境下的配置文件注意：在文件下的...
2020-03-05 23:02:47
2059
原创 浅谈load和DOMContentLoaded
loadMDN：当一个资源及其依赖资源已完成加载时，将触发load事件。当页面上的所有资源加载完成时触发，包括：html、css、图片资源等DOMContentLoadedMDN：当纯HTML被完全加载以及解析时，DOMContentLoaded 事件才会被触发，而不必等待样式表、图片或者子框架加载完成...
2020-03-04 17:42:27
216
原创 VueJs编程规范
好的编程习惯能够减少错误发生的概率，编码习惯好的人写出来的代码可读性好、可维护性高，规范编码风格习惯，降低团队之间的沟通成本。本文将介绍VueJS的编码规范组件名为多个单词组件名应该始终是多个单词，根组件App以及<transition>，<component>之类的内置组件除外。这样做可以避免跟现有的以及未来的HTML元素相冲突，因为所以的HTML元素名称都是单个...
2020-03-03 22:16:31
263
原创 JSON.stringify和JSON.parse详解
JSON.stringify()MDN：JSON.stringify()方法将一个JavaScript值（对象或数组）转换为一个JSON字符串，如果指定了replacer是一个函数，则可选择性的替换，或者如果指定了replacer是一个数组，则可选择性地仅包含数组指定的属性。语法// []表示可选参数JSON.stringify(value[, replacer [, space]])...
2020-03-02 09:30:13
1205
原创 JavaScript的模块化
模块化在web应用中，随着项目的规模越来越大，模块化的出现是一个必然的结果。由于在js文件里面声明的变量都会被附加在全局的window对象上，这样很可能会污染其它全局变量，因此模块化的出现，让js文件之间互不影响，使项目更加利于维护。主流的模块规范CommonJSES6 ModuleCommonJSCommonJS定义的模块分为：模块标识(module)，模块定义(exports)...
2020-02-25 18:35:07
130
原创 简易的VueRouter实现
Vue RouterVue Router是VueJS官方的路由管理器。它和VueJS的核心深度集成，让构建单页面应用变得易如反掌基于Hash模式的路由实现kRouter.jsimport Vue from 'vue'import Home from '../views/Home.vue'import About from '../views/About.vue'class V...
2020-02-23 15:17:50
179
原创 VueJS自定义组件之弹窗组件和树形组件
弹窗组件这类组件的特点是在当前Vue实例之外存在，通常挂载与body，上在使用element-ui弹窗组件的时候，我们可以看到这一点：并且它们是通过JS动态创建的，不需要在任何组件中声明。接下来我们看具体代码实现。create.js创建一个js文件，用来创建弹窗实例import Vue from 'vue'export default function create (comp, p...
2020-02-23 09:47:09
790
1
原创 正则表达式
正则表达式的概念MDN解释：正则表达式是用于匹配字符串中字符组合的模式。简单理解正则就是用来匹配字符串的，根据我们的规则去匹配字符串创建一个正则表达式1、使用一个正则表达式字面量//匹配一个字符串中出现abc子串const reg = /abc/console.log(/abc/.test('jackabc')) // trueconsole.log(/abc/.test('j...
2020-02-22 16:27:16
432
原创 Vuex使用详解
本文将对vuex使用做一个详细的解释，如需要更深入的研究可查看Vuex官网Vuex是什么?官方解释：Vuex是一个专门为Vue应用程序开发的状态管理模式，它采用集中式存储管理应用的所以组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex是一个集中式状态管理框架，在进行频繁、复杂的组件间传值的大型项目中，非常适合用Vuex做状态管理。如果不需要做大型单页面引用，使用Vuex则...
2020-02-21 21:47:24
171
原创 VueJS中v-model和.sync详解
v-modelv-model其实就是一个语法糖，绑定value事件，监听input事件。v-model默认会将value属性传递给子组件，并且会监听input事件，实现双向数据绑定index.vue<template> <div> <k-input v-model="msg"></k-input> // v-model就是下...
2020-02-21 15:19:43
952
原创 VueJS中组件间的通信
组件是VueJS中最强大的功能之一，通过组件的组合，应用程序就像是推积木一样组合而成。各个组件之间是相互独立的，这意味着不同组件之间的数据不能共享，因此组件之间的通信就显得格外重要了，本文将详细介绍VueJS中组件之间的通信组件关系图从图中我们可以清楚的了解组件之间的关系。我们需要针对不同组件之间选择不同的通信方式props/$emit`props是一种父组件通过属性向子组件的通信方式...
2020-02-19 15:17:53
374
原创 ELement-UI中Form表单的实现
学就要入深，一定要自己造出轮子，接下来我们就手动实现Element-ui中form表单的实现1、表单组件的使用<template> <div class="form-index"> <k-form :model="ruleForm" :rules="rules" ref="form"> <k-form-item label="用...
2020-02-19 10:15:30
3854
原创 Unexpected literal in error position of callback.eslint(standard/no-callback-literal)
Unexpected literal in error position of callback.eslint(standard/no-callback-literal)eslint标准模式-回调报错，cb(true/false)的回调函数写法，在eslint starand的标准中不允许这样写。解决方法Promise.all(tasks) .then(() => c...
2020-02-18 21:32:40
4418
原创 JavaScript的执行上下文和执行栈
什么是执行上下文？执行上下文就是当前代码被解析和执行时所在的环境。Global code：默认的执行环境，当代码第一次执行时所在的环境Function code：当进入到一个函数体时的执行环境Eval code ：当一段代码传入到eval函数执行时的环境紫色框包裹的为全局上下文，person、firstName、lastName3个函数上下文，整个代码中只有一个全局上下文，它能够被其...
2020-02-18 19:13:04
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人