- 博客(31)
- 收藏
- 关注
RSS订阅
原创 深拷贝与浅拷贝
JS数据类型基本类型Number、Boolean、String、undefined、Null。变量是直接按值存放的，存放在栈内存中的简单数据段，可以直接访问。引用类型Function,Array,Object------技术对象系列，typeof()这个三种类型得到的都是object存放在堆内存中的对象，变量保存的是一个指针，这个指针指向另一个位置。当需要访问引用类型的值...
2019-12-30 20:35:46
200
原创 vue双向绑定
vue2 v-model的语法糖<!--父组件--> <template> <!--v-model 是语法糖--> <Child v-model="model"></Child> <!--相当于下面的代码--> <!--v-model的默认行为是input,默认prop是value--> <Child :value="model" @inpu
2021-11-04 17:31:56
321
原创 ES6笔记
ES6更新的内容主要分为以下几点表达式：声明、解构赋值内置对象：字符串扩展、数值扩展、对象扩展、数组扩展、函数扩展、正则扩展、Symbol、Set、Map、Proxy、Reflect语句与运算：Class、Module、Iterator异步编程：Promise、Generator、Async变量声明const声明常量、 let声明变量作用范围var命令在全局代码中执行const命令和let命令只能在代码块中执行赋值使用const命令声明常量后必须立马赋值let命令声明
2021-11-01 22:58:58
192
原创 前端笔记 - 防抖节流
有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。Debounce：去抖动/防抖多次触发一个事件，当事件被触发时，延迟一定的时间执行，当延迟的这个时间内再次触发时，则清除定时器，再次设定延迟执行。场景：search搜索，用户在不断输入值时，用防抖来节约请求资源。Throttle ：节流 在n秒内只会执行一次，所以节流会稀释函数的执行频率.场景：scro.
2021-11-01 20:36:38
203
原创 typescript环境搭建
webpack+typescript 1.npm init 初始化项目，会生成文件package.json 这个文件主要是用来记录这个项目的详细信息的，它会将我们在项目开发中所要用到的包，以及项目的详细信息等记录在这个项目中。 name：项目/模块名称，长度必须小于等于214个字符，不能以"."(点)或者"_"(下划线)开头，不能包含大写字母。 version：项目版本。 author：项目开发者，它的值是你在https://npmj...
2021-11-01 19:58:24
280
原创 Typescript笔记
前端规范强类型与弱类型语言（安全层面）强类型：实参与形参类型必须相同，编译阶段判断，不允许隐式类型转换弱类型：不会限制实参类型，只能在运行时类型校验，允许隐式类型转换静态类型和动态类型语言（类型层面）静态类型：变量声明时明确类型，且声明后不允许改变类型动态类型：运行阶段才能明确变量类型，变量的类型也可以随时改变弱类型产生的问题1.类型异常导致运行报错2.类型不一致导致结果不一致强类型优势1.错误更早暴露，编译时检测类型2.代码更智能，编码更准确，有智能提示3.重构更可靠
2021-11-01 19:45:50
127
原创 vue3笔记
vue3.0的优势性能： 比vue2.x快1.2~2倍diff算法优化：vue2.x: 生成新的虚拟DOM树 与 之前的虚拟DOM树， 全量比较，部分更新vue3.0：创建虚拟DOW的时候，根据DOM内容是否发生变化添加patchFlag标志, 虚拟DOM比较时，静态标记的节点进行比较静态提升：vue2: 无论是否参与更新，每次都会重新创建，然后渲染。vue3: 把不需要更新的元素做静态提升，只被创建一次，在渲染时直接复用事件侦听器缓存默认情况下，onclick被视为动态绑定（做pat
2021-10-18 22:34:40
129
转载 浅探 Vue 2为什么没有数组下标响应式
Vue 的双向数据绑定，使得修改数据后，视图就会跟着发生更新，比如对数组进行增加元素、切割等操作。然而直接通过下标修改数组内容后，视图却不发生变化。那么，在保留原有的数组响应方式下，为什么 Vue 不增加对数组下标的响应式监听呢？arr[index] = val 不是响应式的在 Vue 官网的列表渲染 — Vue.js中，有强调 Vue不能直接检测通过数组下标改变值的变化，需要通过数组更新检测来实现。<template> <div> <sp...
2021-07-21 23:50:18
1494
原创 webpack理解
webpack 核心概念Entry入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。每个依赖项随即被处理,最后输出到称之为 bundles 的文件中。Outputoutput 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,默认值为 ./dist。基本上,整个应用程序结构,都会被编译到你指定的输出路径的文件
2021-05-24 21:22:43
673
原创 观察者模式和发布订阅模式
观察者模式 它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。 数据源（被观察者、观察目标）直接通知订阅者（观察者）发生改变。 特点：面向接口编程，实现松耦合。 应用实例：微信订阅号（用户关注公众号，公众号发布文章，用户接到通知信息） 代码实现：class Observer{ observerName; constructor(name){ this.observerNam...
2021-01-28 16:23:09
158
原创 Vue 生命周期详解
1.new Vue()2.初始化配置,初始化实例属性options、parent、refs、events等 _init(options) vm.$options = mergeOptions( resolveConstructorOptions(vm.constructor), options || {}, ) initLifecycle(vm) vm.$parent ...
2021-01-26 16:46:46
202
原创 for.. in 与for..of循环 遍历
1.for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。//遍历数组let arr = [1,2,3,4];for (let key in arr) { console.log(arr[key]) //1,2,3,4}let arr1 = [[1,2,3,4],{name:'A',age:'18',sex:'女'}];for (let key in arr1) { console.log(arr1[key]) // [1,2,3,4].
2020-05-12 17:36:51
531
转载 理解和使用ES6中的Symbol
ES6中引入了一种新的基础数据类型：Symbol，不过很多开发者可能都不怎么了解它，或者觉得在实际的开发工作中并没有什么场景应用到它，那么今天我们来讲讲这个数据类型，并看看我们怎么来利用它来改进一下我们的代码。这是一种新的基础数据类型（primitive type）Symbol是由ES6规范引入的一项新特性，它的功能类似于一种标识唯一性的ID。通常情况下，我们可以通过调用Symbol()函数来创建一个Symbol实例：let s1 = Symbol()或者，你也可以在调用Symbol.
2020-05-12 11:01:40
242
原创 常用网站
前端文档：VUE:https://cn.vuejs.org/v2/api/#vm-dataVUE源码:https://vue-js.com/learn-vue/start/#_1-%E5%89%8D%E8%A8%80Element UI:https://element.eleme.cn/#/zh-CN/component/installationES6:http://caib...
2020-04-30 11:18:42
214
原创 git 笔记
git配置1.git config --global user.name "username"2.git config --global user.email "email"3.ssh-keygen -t rsa -C "email@email.com"4.此时，你的C:\Users\admin\.ssh这个路径下会生成两个文件：id_rsa和id_rsa.pub5.用记事本打开id_...
2020-04-09 16:42:13
134
原创 CSS 笔记
文本1.标签固定宽度，文本内容过长时：span { overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis; /*以省略号...显示*/ white-space: nowrap; /*强制不换行*/ ...
2020-04-09 16:02:49
148
原创 js数组遍历方法大全
1.forEach() ：为每个数组元素调用一次函数（回调函数），无返回值。语法：array.forEach(function(currentValue, index, arr), thisValue)function(currentValue, index, arr) 必需。 数组中每个元素需要调用的函数。 currentValue 必需。当前元素 ind...
2020-03-24 23:04:15
328
原创 js数组基本方法
改变原数组1.push():向数组的末尾添加一个或多个元素，并返回新的长度语法：arrayObject.push(newelement1,newelement2,....,newelementX)let arr = [1,2,3];let arrLength = arr.push(4,{a:5},[6,7,8]);console.log(arr); // [1...
2020-01-15 16:02:21
159
转载 Vue 后台管理系统
基于vue全家桶的后台管理系统vue2.0 和 elementui 搭建的一个后台管理系统vue-manage-system 后台管理系统开发总结vue-seedvue2-element-touzi-admin后台管理项目vue-element-adminvue-edenvue中后台管理系统集成解决方案推荐vue-admin-mastervue-quasar-adminxboot...
2019-09-16 15:04:39
255
转载 微信小程序MD5加密
本文转载自：https://blog.csdn.net/wen_3370/article/details/543753831.在utils下新建md5.js文件/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC ...
2018-04-10 10:56:10
474
原创 magento学习网站
magensto:https://blog.magestore.com/inchoo:http://inchoo.net/category/magento-2/belvg:http://blog.belvg.com/tag/certificationquizlet:https://quizlet.com/20443995/magento-certification-preparat
2018-01-12 13:59:00
397
原创 WampServer 的下载与安装
1.下载 WampServer下载地址：https://sourceforge.net/projects/wampserver/files/官网地址：http://www.wampserver.com/2.安装点击.exe文件直接安装。注意：安装过程中会提示要选择默认浏览工具，这个浏览工具指的可不是浏览器，它指的是windows的浏览器，也就是explorer.exe，默认的就
2018-01-07 20:32:51
1981
原创 WampServer 下安装 Zend Framework 2
1.编辑 httpd.conf。2.修改php.ini3.下载Zend Framework4.下载ZendSkeletonApplication//没有vendor文件//没有composer.phar文件下载composer并安装，将composer.phar文件拷贝到ZendSkeletonApplication目录使用php composer.phar insta
2018-01-05 17:24:15
529
1
原创 修改WampServer端口号
1.修改 http.conf 文件如下图方式打开 http.conf 文件修改默认端口号80位8088，第一处：监听listen端口号第二处：ServerName2.修改 wampmanager.tpl 文件在 WampServer 安装目录下找到 wampmanager.tpl 文件，在localhost后面添加8088端口
2018-01-04 15:12:28
1372
原创 magento 2 开发之旅——框架结构
1.框架目录结构模块放在 app/code.前端主题放在 app/design/frontend.后台主题放在 app/design/adminhtml.语言包放在 app/i18n.注意事项：在Magento 2中，没有代码池。因此，没有更多的混淆 app/code/local，app/code/core 以及 app/code/community
2017-12-29 11:01:44
2064
原创 magento 2 开发之旅——环境搭建
1.下载安装这里使用的是最新版bitnami-magento 2.1.9 一键安装包，包含以下组件： - Magento 2.1.9 - Apache 2.4.27 - MySQL 5.7.19 - PHP 7.0.21 - phpMyAdmin 4.7.2下载地址：https://bitnami.com/stack/magento/installer官网
2017-12-28 15:01:35
1895
原创 PHP与JQuery 生成QRCode二维码
1,PHP生成QRCodePHP QRCode官方网站：http://phpqrcode.sourceforge.net/ 开发前准备工作：搭建php开发环境，我这里使用Windows Apache Mysql PHP 集成安装环境 wampserver,下载地址：https://sourceforge.net/projects/wampserver/，配置教程可参考：修改WAMPSe
2017-12-26 16:28:45
612
原创 Notepad++插件下载安装与介绍
1.Notepad++插件的下载与安装(1) 方法一在Notepad++软件中点击 Plugins -> Plugin Manager ->Show Plugin Manager (最新版本可能没有Plugin Manager功能，这里下载的是Notepad++7.4.2的版本)弹出框如下图，可根据需求勾选下载安装。（若显示 "no new plugins availabl
2017-12-26 10:38:58
2744
原创 WampServer下实现多域名配置（虚拟域名配置）
在这之前我已经将我的WampServer网站的默认路径地址更改为 D:/myFile/wamp/website 。更改教程：修改WampServer默认的网站路径地址。一般 D:/myFile/wamp/website 里面的新建文件都能用 localhost + 相对地址来访问，但是比如说我在 website 下新建了一个名字叫做 qrcode 的文件夹，我们可以用 localhos
2017-12-25 13:46:42
895
原创 修改WAMPServer默认的网站路径地址
1.左键单击wampserver的绿色图标，找到目录Apache—>httpd.conf。(或者找到wamp的安装目录) 2.打开“httpd.conf”配置文件。修改DocumentRoot和Directory的默认路径地址，改为您自己指定的路径地址。3.保存“httpd.conf”文件，重启wamp服务器，在浏览器输入localhost进行测试。
2017-12-25 10:24:34
2613
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人