js
关注
分享
扫一扫
文章平均质量分 74
啊啊啊～～
这个作者很懒，什么都没留下…
展开
-
sequelise和egg（node相关）
七、Sequelize（基于promise的node.js ORM）sequelize:https://www.sequelize.com.cn/npm install --save sequelizenpm install --save mysql27.1 node.js和js,ORM一个是基于浏览器端的 javascript （前端 JS）一个是基于服务端的 javascript （后端 Node.js）语法一样组成不一样JavaScript：ECMAScript（语言基础，如：语法原创 2021-08-23 13:41:23 · 254 阅读 · 0 评论 -
redux,react-redux,react-thunk
三、Redux3.1 reducer规则1.Reducers 必须始终遵循一些特定的规则：他们应该只根据state和action参数计算新的状态值他们不允许修改现有的state. 相反，他们必须通过复制现有值并对复制的值进行更改来进行不可变的更新state。它们不得执行任何异步逻辑、计算随机值或导致其他“副作用”在default情况下返回旧的state。2.reducer判断state是否变化从而更新的方式：不要直接修改原来的state，要创建副本state的原因：在redux-devtoo原创 2021-08-23 11:53:55 · 223 阅读 · 0 评论 -
react hook学习分享
react hook学习分享二、React HookHook使用了js的闭包机制，useEffect在第一次渲染和每次更新之后都会执行。2.1 State Hook(useState)const [count, setCount] = useState(0);2.2 Effect Hook(useEffect)useEffect相当于componentDidMount,componentDidUpdate,componentWillUnmount合并在一起了的api,副作用函数（1）第二个参数原创 2021-08-23 11:49:15 · 183 阅读 · 0 评论 -
react学习总结
react学习总结一、React核心概念1.1 表单1.受控组件在HTML中，表单元素通常由自己维护自己的state，并根据用户输入更新。而在react里面，可变状态通常保存在组件的state属性中，并且只能通过setState()来更新。让react成为state的唯一数据源。渲染表单的React组件还控制用户输入过程中表单发生的操作。react以这种方式控制的表单输入元素就叫做受控组件。2 .一般表单元素constructor(props) {super(props);this.stat原创 2021-08-23 11:44:57 · 195 阅读 · 0 评论 -
响应式编程（rxjs）学习分享
1.学习网址文档：https://rxjs-cn.github.io/learn-rxjs-operators/operators/combination/concatall.html图示理解：https://rxmarbles.com/2.rxjsrxjs和promise的区别：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B2bZG242-1629689242025)(https://ceph-dev-pub.dz11.com/fed-doc/162755211原创 2021-08-23 11:35:15 · 582 阅读 · 0 评论 -
mac 安装mysqlworkbench和使用node.js连接数据库遇到的问题
我的mysql版本是8.0.25，之后便下载了对应的mysql图形化工具mysq workbencch，版本号也是8.0.251.首先是mysql workbench打不开，无法打开“XXXX”，因为Apple无法检查其是否包含恶意软件，解决方法：mac终端输入sudo spctl --master-disable2.之后可以打开，显示版本不匹配我的mac os系统版本，于是换了一个低版本的mysq workbencch，然后就可以打开了，数据库也连接成功3.使用node.js连接数据库的时候出现原创 2021-06-21 15:31:51 · 564 阅读 · 0 评论 -
vue 父子组件如何实现传递值(不直接使用属性)的双向绑定
vue 父子组件如何实现传递值的双向绑定父组件通过props给子组件传值（假设属性为mes）时，可以直接在子组件使用mes，并直接对mes进行修改，然后通过$emit把子组件的值传给父组件，这样就实现了双向绑定的效果。但是呢，在实际开发中，会报出以下错误：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Inste原创 2021-01-06 16:38:29 · 405 阅读 · 0 评论 -
vue 组件传值（二）$bus，$emit，$on
vue 组件传值（二）$bus，$emit，$on<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/javascript" src="../node_modules原创 2020-12-02 15:08:05 · 1052 阅读 · 0 评论 -
vue 组件传值(一）$attrs,$listeners
vue 组件传值(一）$attrs,$listeners$attrs:包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。$listeners:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$liste原创 2020-11-26 23:51:09 · 243 阅读 · 0 评论 -
vue 组件（component）命名的小细节问题（大小写问题）
vue 组件命名的小细节问题（大小写问题）今天学习组件的时候，突然发现，定义的名为”Mycom"的组件在使用的时候用“mycom”使用没有任何问题，于是我就试了一下哪种情况可以，哪种情况不可以。首先说明一下，我注册的是全局组件。1.简单测试结果<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 组件自定义属性</title><script src原创 2020-11-24 18:42:05 · 8150 阅读 · 2 评论 -
Vue export、import、export default详解
Vue export、import、export default详解一.export一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。用法//输出变量用法1export var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;//输出变量用法2var firstName = 'Michae原创 2020-11-24 10:43:39 · 10080 阅读 · 2 评论 -
vue 使用key特性实现多元素过渡
vue 使用key属性实现多元素过渡1.代码由于和一个元素过渡代码只有一点点不同，直接贴代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue多元素过渡</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script><style&原创 2020-11-20 10:58:05 · 443 阅读 · 0 评论 -
vue 动画和过渡v-enter，v-enter-active，v-enter-to，v-leave，v-leave-active，v-leave-to详解
vue 动画和过渡v-enter，v-enter-active，v-enter-to，v-leave，v-leave-active，v-leave-to详解今天学习vue的动画的时候，学到了Vue在元素显示与隐藏的过渡中，提供了 6 个 class 来切换，但是觉得类有点多，觉得记忆有点混乱，于是决定弄清楚每个类的具体作用和效果以便于记忆，但是看教程的时候总觉得解释得不够通俗易懂，对于初学者来说很难理解，于是自己去看了很多资料加上自己实验，最后终于明白了是怎么一回事。先贴上我的代码<!DOCT原创 2020-11-17 11:41:56 · 6946 阅读 · 2 评论 -
javascript slice()和splice()函数的区别及用法
javascript slice()和splice()函数的区别及用法1.splice()splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。（1）语法arrayObject.splice(index,howmany,item1,…,itemX)index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany 必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, …, itemX 可选。向数组添加的新项目。返回值 ：Arr原创 2020-11-16 18:38:42 · 218 阅读 · 0 评论 -
Vue vue生命周期beforeCreate，created，beforeMount，Mounted，beforeUpdate，updated
vue生命周期[vue实例的生命周期](https://cn.vuejs.org/v2/guide/instance.html #实例生命周期)什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！[生命周期钩子]( https://cn.vuejs.org/v2/api/ #选项-生命周期钩子)：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：beforeC原创 2020-11-16 14:38:50 · 569 阅读 · 0 评论 -
vue.js 组件中数据为什么一定要通过return来获取的原因
vue.js template中数据为什么一定要通过return来获取的原因1.前言由于刚刚学习vue，本来是看子组件通过$emit向父组件传递数据，但是由于data中直接用数据对象的方法定义属性，导致一直出现一个问题后来把数据获取换成函数的形式问题就解决了。2.具体问题分析为了研究这个问题，我专门写了一个demo来比较template中绑定数据和平常绑定数据的区别首先，我们都采用数据对象绑定的方式：<!DOCTYPE html><html lang="en">&原创 2020-11-15 15:14:15 · 897 阅读 · 0 评论 -
vue template和html5的template用法比较
vue template和html5的template用法比较1.html5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。2.template标签操作的属性和方法content属性:在js中template标签对应的dom对象存在content属性，对应的属性值是一个dom节点，节点的nodeName是#document-fragm原创 2020-11-13 15:15:41 · 1229 阅读 · 0 评论 -
正则表达式修饰符即标记flags总结（2）
标记也称为修饰符，正则表达式的标记用于指定额外的匹配策略。标记不写在正则表达式里，标记位于表达式之外，格式如下：/pattern/flags（1）i ignore - 不区分大小写 将匹配设置为不区分大小写，搜索时不区分大小写: A 和 a 没有区别。（2）g global - 全局匹配 查找所有的匹配项。（3）m multi line - 多行匹配 使边界字符 ^ 和 $ 匹配每一行的开头和结尾，记住是多行，而不是整个字符串的开头和结尾。（4）s 特殊字符圆点 . 中包含换行符 \n原创 2020-10-27 10:35:26 · 370 阅读 · 0 评论 -
正则表达式语法总结（1）
正则表达式语法详解正则表达式是由普通字符（例如字符 a 到 z）以及特殊字符（称为"元字符"）组成的文字模式。模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。例如：boo+k 可以匹配 book、boook、booook 等，+ 号代表前面的字符必须至少出现一次（1次或多次）。boo*k，可以匹配 bok、book、boook 等，* 号代表前面的字符可以不出现，也可以出现一次或者多次（0次、或1次、或多次）。beautif?ul 可原创 2020-10-26 17:35:37 · 715 阅读 · 0 评论 -
javascript 正则表达式圆括号缓存值输出
javascript 正则表达式圆括号缓存值输出RegExp 是javascript中的一个内置对象。为正则表达式。RegExp.$1是RegExp的一个属性,指的是与正则表达式匹配的字符串的第一个圆括号里的子字符串部分，以此类推，RegExp.$2，RegExp.$3，…RegExp.$99总共可以有99个匹配。其实RegExp这个对象会在我们调用了正则表达式的方法后, 自动将最近一次的匹配的字符串结果保存在里面, 所以如果我们在使用正则表达式时, 有用到分组, 那么就可以直接在调用完以后直接使用Re原创 2020-10-26 17:17:58 · 488 阅读 · 0 评论 -
javascript Nodelist和HTML Collection的区别
javascript Nodelist和HTML Collection的区别1.简介NodeList 对象是一个从文档中获取的节点列表 (集合) 。NodeList 对象类似 HTMLCollection 对象。一些旧版本浏览器中的方法（如：getElementsByClassName()）返回的是 NodeList 对象，而不是 HTMLCollection 对象。所有浏览器的 childNodes 属性返回的是 NodeList 对象。大部分浏览器的 querySelectorAll() 返原创 2020-10-25 09:59:32 · 405 阅读 · 0 评论 -
javascript 闭包理解总结
1.简介闭包，是 Javascript 比较重要的一个概念，对于初学者来讲，闭包是一个特别抽象的概念，特别是 ECMAScript 规范给的定义，如果没有实战经验，很难从定义去理解它。在接触一个新技术的时候，我首先会做的一件事就是找它的 demo。对于我们来说，看代码比自然语言更能理解一个事物的本质。其实，闭包无处不在，比如：jQuery、zepto的核心代码都包含在一个大的闭包中，所以下面我先写一个最简单最原始的闭包，以便让你在大脑里产生闭包的画面：function A(){ functio原创 2020-10-22 12:39:45 · 251 阅读 · 0 评论 -
script标签在html中的放置位置引起的错误
script标签在html中的放置位置引起的错误1.首先把script放在前面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>函数</title> <s原创 2020-10-16 15:14:56 · 604 阅读 · 0 评论