- 博客(35)
- 收藏
- 关注
RSS订阅原创 程序员的三门课 第一章观后感
没带问题，就会没有目的，可以每次学习都带着一个问题，问题相当于一个点，然后学的的多了，即可连成线，线再连成面。带着问题也可理解为化大目标为小目标，从而降低学习难度，不至于打击学习积极性。可读性，可以节省后面的很多维护成本；还会尽力完善代码中的注释及文档，要擅长使用各种工具，从方方面面提升自己的效率。不同的学习方式适合不同的人，根据自己的能力去选择适合自己的学习方式（书籍、文档、视频、课程）。写文章就是一种总结，可以使自己对不熟悉的得到了解，熟悉的得到巩固。通过代码审查可以相互学习，提示自己的代码质量。
2023-09-19 08:58:15
61
原创 智能机器人AI聊天
3.像mounted（）{}，这种，若是为空要删除，因为留着及时为空，执行时还要走下mounted；4.if（）判断时，除非百分九十能确保if会通，不然还是留个后路，写个else；5.html里的v-if，可以用class属性来控制，多用css，减少js操作。1.图片上性能优化，减少img标签，使用background-image；2.css了解下继承，可以复用的属性进来复用；
2023-03-15 10:37:54
159
原创 computed和watch的区别
计算属性computed：支持缓存，只有依赖数据发生改变，才会重新进行计算。不支持异步，当computed内有异步操作时无效，无法监听数据的变化。computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值。如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed。如果computed属性值是函数，那么默认会走get方法；函数的返回值就是属性的属性值；在c
2022-06-13 20:20:47
97
原创 码云指令
检查当前所处分支git branch切换到新创的分支( checkout 切换分支 -b新创分支)git checkout -b user检查当前分支文件状态git status添加到暂存区git add .提交到user的子分支（-m添加提交消息）git commit -m “完成用户列表功能”把本地的user分支提交到云端origin仓库中，同时以user分支进行保存(云端没有这个分支时 需要-u)git push -u orgin user切换到主分支，合并user分支git
2020-11-24 12:06:29
188
原创 网罗一些有趣的网站
一个粒子背景组件https://vue-particles.netlify.app/?from=madewith.cn这是一个提供粘滞效果的Vue.js组件https://github.com/KamilOcean/vue-sticker?from=madewith.cn这是一个vue写的贪吃蛇游戏https://github.com/ilyagru/Space-Snake?from=madewith.cn一个VUE时间轴组件...
2020-09-08 16:29:56
141
1
原创 VS Code快捷键
向上向下移动一行alt+up/down向上向下复制一行alt+sheift+up/down当前位置插入一行ctrl+enter当前位置上方插入一行ctrl+shift=enter选择当前所有的出现ctrl+shift+L
2020-08-24 15:43:48
92
原创 字符串方法
chartAt 返回指定序号的字符indexOf 返回指定字符串第一次出现的位置lastIndexOf 返回指定字符串最后一次出现的位置substring 截取指定位置的字符串（左闭右开）substr 和substring相同（左闭右闭）split 把字符串按特定字符分割成数组replace 替换字符串toUpperCase 把小写转换成大写toLowerCase 把大写转换成小写concat 拼接字符串trim 去掉字符串首尾空格search 找出特定字符在字符串种的位置...
2020-08-21 17:43:57
97
原创 antV G2踩坑
想将同一个分类的数据进行分组在一个范围内均匀分布时报如下错先来看下报错解释分析原因，因为传入的x轴数据为连续性的日期 ，阅读文档得知，当为连续性数据时不可以使用dodge。解决方法将x轴上的字段类型改为非连续性，再设置分布属性即可达到期望效果...
2020-08-13 17:16:14
727
原创 嵌套三元表达式的写法
{{ scope.row.equ_state === 0 ? ‘已处理’ : (scope.row.equ_state === 1 ? ‘处理中’ : ‘未处理’) }}
2020-07-13 10:07:39
620
原创 element-UI 踩坑
element-ui 在el-row el-col 上@click失效问题解决在el-row、el-col上面添加点击事件@click无效，用原生@click.native代替@click即可。
2020-06-22 16:48:56
371
原创 element-UI的使用——table
若想给表格加上斑马纹（默认为false），区分不同行的数据。在el-table标签中加入 stripe若想给表格加上竖直边框（默认为false）。在el-table标签中加入border若想给表格加上固定表头，在el-table标签中定义height属性就可以 height=“250”若想固定某列，可使用fixed属性 他接受left、right表示左固定、右固定当数据量动态变换时，可以为table设置一个最大高度，在el-table标签中加入==max-height=”“==就行...
2020-06-12 10:27:36
272
1
原创 数组常用方法整理（最优）
1.concat该方法用于连接数组，不会改变原数组，仅仅会返回被连接数组的一个副本。2.join数组转化成字符串，不改变原数组，该方法将数组拼接成字符串，中间用join（）里的字符替代，默认为逗号。3.pop删除并返回数组中的最后一个元素，改变原数组。4.push向数组的末尾添加一个或更多的元素，并返回新的长度，改变原数组。5.reverse用于颠倒数组中元素的顺序，改变...
2020-04-16 18:04:13
561
原创 call、aply、bind的理解及应用
call、apply、bind主要用来改变this指向问题var o=66;function test(){console.log(this.o)}var obj={}obj.o=3;obj.f=testobj.f()//3obj.f.apply()//66 此时obj.f里的this指向windowobj.f.apply(obj)//3 apply实例 数组追...
2020-04-14 17:25:59
315
转载 display:flex
一：display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-ali...
2019-09-05 15:15:25
116
原创 报错记录及解决方案
**Module build failed: Error: Cannot find module ‘webpack/lib/RuleSet’**在尝试欢迎app.js转为App.vue的demo时，发现报错解决方案降低vue-loader版本为"vue-loader": “^13.0.0”,又报错再次降低babel-loloader的版本，将8.x的版本改为"^7.1.5"...
2019-08-29 22:34:30
4230
1
原创 Vue之组件的切换
我们来做一个不同组件之间的切换的简单案例。比如做一个登录和注册相互切换 <div id="app"> <a href="" @click.prevent="flag=true">登录</a>/ <a href="" @click.prevent="flag=false">注册</a> ...
2019-08-23 22:15:13
121
原创 Vue之创建组件及新发现
首先让我们来认识一下什么是组件，以及组件的作用。组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件。组件化和模块化的不同组件化：是从UI界面的角度进行划分的模块化，是从代码逻辑的角度进行划分的。组件可以分为全局组件和私有组件。下面我们来试着了解一下全局组件全局组件我们来尝试创建一个全局组件第...
2019-08-23 21:39:48
249
1
原创 Vue的生命周期函数
首先，我们来明白什么是生命周期。百度百科上对生命周期的定义是指一个对象的生老病死。那么对于Vue来说，什么又是Vue的生命周期呢？Vue的生命周期又叫实例的生命周期。Vue创建的实例需要经过创建、运行、销毁过程，这些过程又伴随着许多事件，这些事件的总称我们就可以叫做Vue的生命周期。下面我附上一位技术讲师的流程图，来详细说明生命周期。我们先来走一遍这个流程创建实例var vm=new...
2019-08-21 20:48:18
162
原创 Vue（一）
什么是vue？vue是一款用于构建用户界面的渐进式框架。MVC和MVCC谈及vue，我们不如先来比较下MVC和MVVMMVCMVC ——全名Model View Controller，MVC用于解决后端问题，其中V是视图，C是控制器，M是数据模型。其中C是中间桥梁，能够让view与model进行交互。MVVM ——全名Model View ViewModel，MVVM用于处理前端...
2019-08-12 20:13:19
255
1
原创 node（二）
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，名字叫V8。路由路由决定了由谁(指定脚本)去响应客户端请求通过路由提取出请求的URL以及GET/POST参数。导入导出模块导出模块 例module.exports = router;注意：一个模块只能到处一次导入模块 例var sortRouter = require('./route...
2019-08-05 21:11:54
82
原创 ajax（一）
创建一个XMLHttpRequest类型的对象，相当于打开一个浏览器 var xhr = new XMLHttpRequest();打开一个与网址之间的连接——相当于在地址栏输入访问地址xhr.open('get','http://localhost:3000');通过链接发送一次请求——相当于回车或者点击访问发送请求xhr.send();指定xhr状态变化事件处理...
2019-08-05 20:13:39
68
原创 node
引入：const consolidate = require(“consolidate”);配置和使用：-1 输出什么东西server.set(“view engine”,“html”);-2 模板文件在哪里server.set(“view”,"./views");//模板文件目录-3 我们使用什么模板引擎server.engine(“html”,consolidate.ejs);...
2019-08-05 09:38:30
62
转载 node知识点总结（一）
模块化：系统模块：http，url，fs。assert：断言测试buffer：二进制数据c/c++addons:child processes:子进程Crypto：加密(MD5,sha256)dns:域名解析domain：舍弃errors：各种错误提示events：事件globals：net：各种各样的网络操作OS：跟操作系统的信息Path：处理文件路径Stream：...
2019-08-05 09:33:16
68
原创 Promise
Promise是异步编程的一种解决方法。那么什么是异步呢？不等程序执行完，直接可以执行下一个任务。promise有三种状态1.pending 初始状态，既不成功，也不失败2.fulfilled 成功状态3.rejected 操作失败peomise实例继承自promise.prototype，所以可以在promise实例上追加属性和方法。方法1.then2.catch3.f...
2019-07-23 20:29:41
116
1
原创 JSON及其类型转换方法
JSON首先，JSON是一种轻量级的数据交换格式。JSON键值对是用来保存js对象的一种方式，键值对组合中的键名写在前面并用双引号""包裹，使用冒号：分隔，然后紧跟值。例如：表示对象{"name":"jack","age":"24"}表示数组{"name":["jack","lucy","tom"],"age":[24,27,25]}JSON类型转换JSON对象转换成字符...
2019-07-19 23:46:28
236
2
原创 数组去重的首选方法
数组去重无论是对于面试还是解决实际问题都十分重要的，我在此归纳下常用的数组去重方法。方法一 indexOf利用indexOf可返回指定字符在字符串中第一次出现的的索引，如果字符串中没有这样的字符，则返回-1下面展示一些 内联代码片。 <script> function qc(arr) { let newArr = []; ...
2019-07-18 13:33:56
156
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人