自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(98)
  • 收藏
  • 关注

原创 原型对象与对象原型,理解Function与Array和Object,在instanceof下的关联

Array instanceof ArrayArray. _ _proto_ _是Function函数的原型对象Array.prototype是Array构造函数的原型对象Array. _ _proto_ _. _ _proto_ _. _ _proto_ _===null都不等,返回false例子2Object instanceof ObjectObject. _ _proto_ _是Function函数的原型对象Object. _ _proto_ _. _ _proto_ _

2024-01-11 16:27:28 929

原创 项目的打包

疑问:为什么pnpm bulid:mp-weixin用于打包,pnpm dev:mp-weixin也可生成对应路径下的文件??打包的是没有热重载,且打包体积更小.

2024-06-19 15:44:49 369

原创 获取微信头像,手机号的步骤,及微信支付

微信支付通过请求接口,弹窗。

2024-06-11 15:13:09 77

原创 自定义tabbar

在这里配置true,则会找根目录下的文件,作为路由渲染到每个tabbar页面下.原本是默认情况,自定义内部路由,放到每个tabbar页面下.

2024-05-29 18:21:22 584

原创 小程序内的分包与数据共享

小程序内的数据共享和vue当中不一样,vue当中的vue实例可以使得所有的组件都能this.store但是小程序它只有page对象,和组件实例对象.对于vue而言,vue实例可以使得添加的组件都有.但是page对象页面对象,不能使得页面内部有.只能使得这个页面内能访问.vue实例,会使得执行组件时,添加store属性.但是page对象不可以.每个对象添加只能顾着自己.因此如果需要在某个页面/组件内添加共享数据,需要自行每个页面和组件都添加。

2024-05-29 15:59:44 1519

原创 小程序使用vant组件库

使用变量可以在小程序也可在页面.在css内是在选择器下定义变量,如果是变量来设置样式的,最好以--开头,便于区分.然后需要的var(变量)会访问父组件,当前组件内的css内的这个变量的值在vant,wxss内也是一样.

2024-05-28 16:34:20 1202

原创 组件的传参等

组件的生命周期函数:created只是创建了组件内的实例对象attached,给组件实例绑定了属性,绑定到页面节点树之后ready准备好渲染之后,还未渲染之前moved组件实例被移动到另一个位置后执行detached在整个组件被被移除执行error执行的时候,组件内的方法抛出错误后。

2024-05-28 15:20:55 1262

原创 小程序内使用路由

在组件当中显示,wxml上的数据,寻找是寻找component的的对象,且在组件wxml内.底层执行的时候如果是页面显示就是找page,但是如果组件构造的时候,显示组件,拿组件来显示的时候,先执行四个文件,找的是componet,再显示.底层显示四个文件,和先编译四个文件为组件,再显示不一样.在conmponnent对象的第一层都会作为属性.但是method不会作为属性,直接放内部的.但是对于page是所有的作为属性。

2024-05-27 17:22:13 1186

原创 小程序的这些知识你知道吗?

自定义编译模式的好处,不用那么麻烦,每次编译都会跳到首页.这样每次都会跳到指定正在写的页面.且可以写参数.参数也会传递给onload,这个参数可以作为模拟的参数.不会影响,因为当真机上,是先展示首页,首页点击转到我们编译的页,会传递真实的数据.

2024-05-26 11:26:46 368

原创 小程序的深层了解

1.style:v2,不写前一版本,那写啥是前一版本2.手机上有导航栏?3.如何显示,首页和其他页面4.tabbar的页面必须放到前面???wx:key="写的是data内的呢???

2024-05-24 16:11:28 861

原创 小程序开发的基本用法

5.API是能实现相应功能的接口,wx和window一样都是对象.wx是界面上的对象,window是对象,在JS内可以使用调用对象.wx也是一样.window对象就是提供的一个全局对象,wx也是小程序执行中内存会定义的一个全局对象,这个全局对象可以和页面进行交互.内存内有自然能调用.button组件写在小程序显示出来,不似网页有多种模式,只有一种就是普通按钮,但是type可以显示颜色,plain可以镂空.size是大小属性.且scroll-view才能实现这个,要这个组件且要属性,内部基本结构才能实现.

2024-05-23 08:56:17 323

原创 小程序必须知道的知识

1.运行环境不同小程序在微信,qq等环境网页在浏览器环境2.API不同网页可以使用浏览器的DOM和BOMDOM是DOM树,BOM是浏览器上的各个对象.微信环境有特有的api地理定位,扫码,支付3.开发模式不同网页:浏览器+代码小程序:1)申请开发账号2)安装小程序的开发工具3)创建小程序项目。

2024-05-22 16:58:45 416

原创 nginx服务器执行的过程

文件路径下+npm run preview -- --report生成打包之后的内容。

2024-05-22 09:58:16 789

原创 vue2后台管理项目

1)拉取模板代码远程仓库复制到本地仓库.2)安装后的项目路径 code +文件夹 会打开vscode的文件夹.3)安装vetur和eslint插件可以保存时自动修改不规范的地方.4)App内有一级路由,路由组件导入如果是layout架子,会导入的是文件夹下的index.js没有则导入index.vue5)6)app-mian是组件,如果一级路由是这个架子,是这个路由,app-mian是组件,组件内含有路由router-view.7)setting.js和permission.js文件。

2024-05-07 15:02:55 466

原创 vue3插槽的name和v-slot的研究

在父组件的template需要些v-slot/#,没写不生效,而在父组件下,而没被template包含的默认放在template且含有#default。slot可以分为具名插槽和默认,默认插槽name是default。

2024-04-28 15:10:00 325

原创 vue3项目手写记录(持续更新中)

安装到全局,2)pnpm create vue创建项目,不要在根级别c盘路径下创建项目.生成的这个项目,不要直接在根路径下,根路径内的文件夹下创建.3)pnpm dev 运行项目pnpm install 安装包node_modules.

2024-04-26 09:17:54 764

原创 打包优化须知命令

理解:在本地C盘下有打包的文件,以这个我们本地为服务器,自然是可以绝对路径,但是在非本机为服务器则绝对路径可能无法找到,因为是讲打包放入,但绝对路径找可能是从c盘开始.这里调用返回一个a模块,也会讲vue分成j文件,但是不是和import的。我们使用导入,则会全部导入到打包内的js文件夹内.这种形式之后解析会的js一个js文件全部导入.js内,当调用时,导入对应的js文件.在根目录下生成dist文件夹。2)使用相对路径而非绝对路径。3)打包:路由懒加载。

2024-04-25 10:03:34 254

原创 手写商城项目学习/复习到的知识

第一,四,五步其实原本会在app组件内component.但是有这个插件,配置对应,当component会所有的组件内都能使用,原本也是所有的组件内,即使是路由也可以,但是只能是全部组件库导入.当写组件,会在对应的组件的component写.安装插件,viewportWidth,我们所写的px,都按照标准屏宽度,进行vw换算.给每一个宽度.换成vw.在不同手机,会转换成px.全部导入:将vant所有的组件放到了所有组件内component使得有这个.组件.移动端.在移动端不用px,用vw.

2024-04-14 21:28:27 286

原创 VUE3的有关知识

在vue2当中的组件的实例,都是data一块,computed一块,当我们去找某一变量相关的则十分麻烦,vue3是组合式API,vue2是选项式,vue3的优点:1)组合式更易维护2)更快的速度3)更小的体积4)更好的响应式proxy。

2024-04-10 10:16:41 948

原创 vuex插件实现数据共享

vuex是管理多个vue通用的数据的插件.(状态管理工具,状态是数据)我们对于多个vue文件之间的共同数据,是用props传递,或者对于一个vue实例对象,进行绑定,传参,也是多次传参,多个文件之间,比较麻烦.但是我们vuex会创建一个公共对象,从这个公共对象上赋值,比较简单易于理解。

2024-03-31 21:32:50 892 1

原创 this.$route.back()时的组件缓存

2.keep-alive写在router-view上面,这个地方所代表的路由会被保存,因此可以写在上面,保存,当返回时,如果是这个路由,里面的内容是一样的,如果里面还有内容,则会缓存路由的页面的所有内容.在:include=写的是以及组件的name名,如果没有就是vue的文件名,会缓存内部的二级路由的内容,当时这个路径,符合二级路由的路径时才会渲染.一个组件名,可以缓存多个页面.看路径来决定.跳转时,前一个路由的内容会被销毁,当回来时,重新创建树,组件内有保存了距离,没有一开始是0.

2024-03-31 09:41:04 561

原创 路由的完整使用

可以生成路由,不用手动去写路由1)创建项目2)选择第三个非vue2或vue33)勾选bable/router/css/linter勾选linter后所写的项目内必须是符合对应的规则,否则报错,比如运算符左右含有空格.不能有分号.路由选3,vue2,路由4,vue3默认是history.hash模式.使用less插件解析css第三个无分号规则.list on save 保存时校验第一个将配置文件放到单独文件是否保存以上配置.但是以上会报错,但是没有高亮/错误显示。

2024-03-28 21:50:45 1152 1

原创 插槽和自定义命令

和自定义任何类一样,不过是所写的inserted方法和updated方法实现一些步骤。

2024-03-26 19:23:18 286

原创 对于组件通信的深刻理解

父组件在子组件的标签上写自定义的属性,属性值是自己的变量,当渲染到子组件时,执行props会找自定义属性,内存了变量的内存,可访问到,写props,会生成vue实例的时候,将props的变量赋给,值找变量内存存入变量.插值语句等可访问.父组件会变量存的值是地址,对象内变量的地址,因此当修改的时候,修改的是对象变量的值,以及当修改父组件,会对所有的渲染一遍.修改父组件会报错.因此要单项传输,否则会搞不清楚了.

2024-03-24 21:12:33 889

原创 饼图渲染的关键

data内的数据,且当一个对象已经渲染一遍,再执行这个,会对setOption的参数进行更新,其他不变的饼图.我们这个饼图需要DOM对象,因此最早也只能在mounted.引入Echarts软件包并导入到对应文件内。script src='.../文件'创建一个DOM对象,有自定义的高和宽.import 文件.js。对象的方法实现饼图渲染。

2024-03-24 10:56:42 250

原创 vue组件

一无论是否使用vue组件,都会使用以上的webpack,为了打包使用更简单。以上是安装vue/cli脚手架,使用时能更为简单。第一步完成后,第三步会创建出项目,项目内包含脚手架,第四步可以直接使用这些文件。

2024-03-19 21:28:17 749

原创 理解计算属性等

计算属性的作用是将写在computed内的写了对应的属性名,属性值都是函数,将这属性值的函数调用之后的返回值赋给属性名的变量。因此其实计算属性内的是值,不是方法,因此写插值等语句是只是写变量,而不是调用。且与方法不同,写了多个方法名调用需要调用多次,计算属性只是变量。但是计算属性的返回值与哪些响应式变量有关,则这些改变,就会重新调用属性值的函数赋给计算属性。因此如果是只是为了用计算属性的值,无需用方法的放回值,但是如果是为了方法内的不走的代码,则用方法。

2024-03-17 20:23:23 728

原创 Vue必须知道的知识2

后可以写函数和代码和函数调用v-on:click='fn/fn()/console.log(1)'这三种,当执行new Vue()会去,add...事件,如果后面是函数,直接给,如果是代码/调用的,直接把''内的判断。如果不是函数,且是调用,则将这个调用的参数记下,等调用时,调用给传这个参数。当写的是函数,但不是调用,则调用时,会默认赋e这个对象。

2024-03-15 21:09:17 589

原创 Vue必须知道的知识

vue是构建用户界面的渐进式的框架,vue其实就是内部写了JS的一套代码。

2024-03-12 10:55:10 547

原创 Git你必须知道的知识

git可以有一个仓库,版本库,可以保存这些文件。且很好找到,且文件容易丢失,git能解决这些缺点。

2024-03-07 21:38:29 987

原创 webpack必须知道的知识点

webpack是一个打包工具,可以打包html.js.css等文件,使得文件压缩等好处。

2024-03-03 16:56:27 722

原创 npm err code cert_has_expired问题

npm init -y初始化出错是因为npm命令前面的首个路径出现中文。

2024-02-04 21:26:15 111

原创 Node需要了解的知识

浏览器之所以能执行Javascript代码,因为内部含有v8引擎。Node.js基于v8引擎封装,因此可以执行javascript代码。Node.js环境没有DOM和BOM。DOM能访问HTML所有的节点对象,BOM是浏览器对象。但是node中提供了console模块,且将console是一个全局对象,因此可以执行。Node命令内封装了v8引擎。

2024-02-02 16:16:07 943

原创 响应式和数据劫持

用Vue.($)set(对象,属性名,属性值),对象必须是data第二级和以下才有响应式。但是有Vue.$set(数组,下标,值)改了相当于响应,渲染。还有七个方法,但是都只是改的时候能渲染,但是不像之前属性,那样直接配响应式,只能改一时。响应式是无需重新编译,访问元素,直接改data数据,页面自动更新。当模板中有语法,vue调用get/set,set之后还是改data数据,调get,vm用别的方法对get的值进行渲染。但是如果是后期增加的属性,没get,set方法,无法渲染,因此,只能出现胡子等问题。

2024-01-19 21:59:23 394 1

原创 Vue四个阶段,八个钩子函数

created,数据代理了,能vm.msg,监测watch不能this.$el,可以this.msg,this.方法名()- beforeMount,生成了虚拟dom,this.$el,this.msg,this.方法名()都可以,没有渲染。- beforeCreate,只是创建实例,不能this.$el,this.msg,this.方法名()- destoryed,实例已经销毁,组件销毁,数据代理销毁,监听器销毁,这里也可以定时器销毁。- 销毁阶段,调用vm销毁函数,不会自己销毁。

2024-01-19 21:58:04 477

原创 AJAX初步与原理

服务器和浏览器之间的通信,AJAX可以在浏览器内访问另一服务器。服务器是存储数据的电脑。AJAX是用axios库,与服务器进行数据通信。原理之后讲到Promise对象再讲,这里是axios函数内传参可以对服务器进行访问,然后对服务器访问成功内部会调用then传的参数(函数),否则会调用catch传的参数(函数)。且调用then/catch函数传的函数时,参数是服务器返回的对象。axios函数的参数是对象,对象内的url是目标资源地址,会访问对应的服务器。

2024-01-17 16:46:47 1404

原创 innerHTML与inner Text理解/数组各个方法区分,理解

DOM对象有这两个属性,且这两个属性代表DOM对象/标签下的内容区域。可读写,改值,则该DOM树下的节点都会改。innerText和innerHTML一样,只不过不能辨别标签。即使是用方法将DOM对象加到DOM对象S上,S改变inner HTML等都会改变节点,读innerHTML是内容区域的所有,innerText是内容区域的文字。dataset存储自定义属性比如data都是以字符串的形式存储。

2024-01-10 09:50:18 426

原创 作用域链执行机制

定义:指变量访问的范围,离开了这个作用域,变量不能被访问。分类:局部作用域和全局作用域,局部作用域分为函数作用域和块作用域函数作用域,在函数内部或者形参都是在函数作用域内,函数内定义的变量只能在函数里访问,函数执行完就被清空块作用域,以{}包围内定义的变量就是块作用域,for,if括号内定义的变量都是在块作用域上。但是在{}上的var无法在块作用域上,可以有var在函数作用域上。局部作用域上的变量都只能在作用域上访问。外部无法访问。定义在{}的变量不在块作用域上。

2024-01-09 09:34:26 786

原创 input当中的required属性

required属性的作用是,当表单触发submit事件时,比如点击表当内的button,会先看required所写的input的value是否为空,为空则阻止submit事件,所有submit事件都不能触发,且会出现提示。form表单的autocomplete属性的值有以下作用。该属性也可也单独给input标签使用。

2024-01-06 10:23:13 933

原创 正则表达式

正则表达式也是一种字面值,和数组一样。以//内是正则表达式。

2024-01-05 21:01:38 1194

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除