- 博客(36)
- 资源 (7)
- 收藏
- 关注
原创 js栈和堆的区别
在JavaScript中,栈和堆是两种不同的内存管理方式,用于存储不同类型的数据。栈主要用于存储基本类型值和函数调用信息,其内存分配和释放由编译器和解释器自动处理。堆则用于存储复杂对象,其内存分配由开发人员手动控制,而释放则依赖于垃圾回收机制。理解栈和堆的区别对于优化JavaScript程序的性能和内存管理至关重要。
2024-11-19 20:59:45
373
原创 vue2和vue3的原理上的区别
Vue 2使用基于模板的渲染机制,开发者需要编写HTML模板,并在模板中使用Vue指令来声明需要响应式的数据和逻辑。Vue 3通过引入Fragments和静态节点提升了虚拟DOM的性能,减少了不必要的操作,从而提高了渲染的效率。通过setup函数,开发者可以将组件的所有相关逻辑封装在一起,使得组件的逻辑更加清晰和可维护。这意味着在Vue 3中,只有实际使用的代码才会被打包,而未使用的代码会被自动移除。Vue 3的响应式系统还支持对数组的直接监听,无需额外的操作。
2024-11-12 15:03:03
298
原创 vite和webpack的区别
Vite:是一个由Vue.js作者尤雨溪开发并维护的构建工具,它利用了ES Module Imports,在开发环境下可以实现按需编译,加快了开发速度。Vite:在开发模式下,没有打包的步骤,它利用了浏览器的ES Module Imports特性,只有在真正需要时才编译文件。Vite的热更新是增量更新,只更新修改的文件,所以即使在大型应用中也能保持极快的编译速度。Webpack:由于其丰富的功能和扩展性,适合于大型、复杂的项目,或者需要高度定制化配置的项目,以及需要支持老版本浏览器的项目。
2024-11-12 14:24:19
639
原创 商品sku排列组合,uniapp小程序商品sku展示+vue2后台管理添加商品
商品sku排列组合,uniapp小程序商品sku展示+vue2后台管理添加商品
2023-06-01 19:45:20
1179
7
原创 前端常问面试题-2022年1月2日 汇总
1. JS 深拷贝和浅拷贝如何区分深拷贝与浅拷贝,简单点来说:就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短。如果B没变,那就是深拷贝.2. JS 原型链的理解一个对象所拥有的属性不仅仅是它本身拥有的属性,它还会从其他对象中继承一些属性。当js在一个对象中找不到需要的属性时,它会到这个对象的父对象上去找,以此类推,这就构成了对象的原型链。包括 - prototype、 - __proto__、 - constructor等
2023-03-24 16:02:18
280
原创 uniapp-小程序获取微信收货地址
getAddres(){uni.getSetting({ success:(result)=>{ //2 获取权限状态 当属性名比较怪异时,都要使用[]形式来获取属性值 const scopeAddress = result.authSetting['scope.address'] if(scopeAddress ==true ||scopeAddress ==undefined){ uni.chooseAddress({ success:(res)=>{
2022-04-25 16:14:12
926
原创 js 数组常见操作-删除,替换,切割,截取.........
Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } };var data =[1,2,3,4,5,6]data.remove(index);//你要删除的数
2021-12-23 22:28:44
2730
1
原创 Vue2.0与Vue3.0的区别
1.项目目录结构vue-cli2.0 与 3.0 在目录结构方面,有明显的不同vue-cli3.0 移除了配置文件目录,config 和 build 文件夹同时移除了 static 静态文件夹,新增了 public 文件夹,打开层级目录还会发现, index.html 移动到 public 中2.配置项3.0 config 文件已经被移除,但是多了.env.production 和 env.development 文件,除了文件位置,实际配置起来和 2.0 没什么不同没了 config 文件,跨
2021-12-15 12:14:46
203
原创 Vue实现验证码倒计时功能
<div v-if="show == 0" @click="getcode">获取验证码</div><div v-if="show == 1">已发送{{count}}秒</div><div v-if="show == 2" @click="getcode">重新获取</div> new Vue({ el: '#app', data() { return { show: 0, co
2021-12-03 10:53:54
1853
3
原创 Vue-请求配置封装
创建Api.js文件// 配置API接口地址当前为测试var root = "https://gbzhj.com/";// 引用axiosvar axios = require("axios");// 自定义判断元素类型JSfunction toType(obj) { return {}.toString .call(obj) .match(/\s([a-zA-Z]+)/)[1] .toLowerCase();}// 参数过滤函数function filterNull(ofu
2021-12-02 09:57:22
754
原创 React-请求配置封装
1.如果没有引入axios npm install axios在src文件下新建request_api.js文件import axios from 'axios';//对外提供的服务地址const publicIp = process.env.NODE_ENV === 'development' ? 'https:baidu.com' : ''/** * 模块说明:有api_token的请求 */export const request = (method,api,params,) =
2021-11-29 09:37:29
1129
原创 uniapp 小程序分享-朋友圈-微信好友
分享-------点击按钮分享<button class="btn2 flex" open-type="share"> <image class="share" :src="imgurl+'images/brand_detail/share.png'" mode="aspectFit"></image>分享</button>onShareAppMessage() { return { title: 分享名称, path: 分享
2021-09-16 09:25:14
334
原创 js 数组去掉重复数据----去重
js 数组去掉重复数据----去重// //去掉重复//////////////////////////////var specvalue=[1,2,3,4,5]//数组Array.prototype.distinct = function () { var arr = this, result = [], i, j, len = arr.length; for (i = 0; i < len; i++) {
2021-05-22 10:09:07
183
原创 uniapp 腾讯地图地址获取坐标
**uniapp 腾讯地图地址获取坐标****uni.request({ url: 'https://apis.map.qq.com/ws/geocoder/v1/?address=重庆&key=******', success: (res) => { console.log("地理编码==" ,res) }, fail(err) { console.log(err) }});
2021-04-25 23:59:51
1999
原创 uniapp 小程序唤醒高德地图或腾讯地图进行导航
uniapp 小程序唤醒高德地图或腾讯地图进行导航methods: { mapFun(){ uni.openLocation({ latitude: 29.58832234563708,//纬度 longitude: 106.56436432812498,//经度 name: "电脑城", address: "重庆九龙坡" }); }}
2021-04-12 15:11:56
3655
原创 uni-app 图片上传 放大预览图片 单张 多张
//单张图片previewImg(logourl) { let _this = this; let imgsArray = []; imgsArray[0] = logourl uni.previewImage({ current: 0, urls: imgsArray }); },// 预览图片多张//this.imgUrlList图片数组previewImg(index) { let
2021-01-18 10:43:59
881
原创 uniapp 点击页面定位到指定位置 锚点跳转方法
uniapp 点击页面定位到指定位置 锚点跳转方法but(){ uni.createSelectorQuery().select('.Follow-auto').boundingClientRect(data=>{//目标位置的节点:类class或者id uni.createSelectorQuery().select(".Follows").boundingClientRect(res=>{//最外层盒子的节点:类class或者id uni.pageScrollTo({ dura
2020-12-15 15:54:28
12948
5
原创 uni-app 弹窗输入
jsexport default { data() { return { userFeedbackHidden: true, // 默认隐藏 feedbackContent: '' ,// 输入数量 }; },showDiv() { // 显示输入弹出框 this.userFeedbackHidden = false;},hideDiv() { // 隐藏输入弹出框 this.userFeedbackHidden = true;},submitFeedback() { //
2020-11-26 19:09:00
3636
原创 uni-app 整理基础笔记
数组存取多个数据js数组缓存var lists=[]var arr = new Array(3)arr[0] = this.BankIdarr[1] = this.nunmphonearr[2] = this.idcarlists.push(arr)uni.setStorage({ key:"banksf", data:arr})加粗样式
2020-11-17 15:28:23
299
转载 uniapp 富文本编辑器
index.vue文件<template> <view class="container"> <view class="page-body"> <view class='wrapper'> <view class='toolbar' @tap="format"> <view :class="formats.bold ? 'ql-active' : ''" class="iconfont icon-zitijia
2020-11-14 15:21:43
7279
30
原创 JavaScript 常见面试---函数+对象+部分
1.箭头函数1,跟常规写法比较:箭头函数表达式的语法比普通函数表达式更简洁。有的箭头函数都没有自己的 this。 不适合定义一个 对象的方法。当我们使用箭头函数的时候,箭头函数会默认帮我们绑定外层 this 的值,所以在箭头函数中 this 的值和外层的 this 是一样的。箭头函数是不能提升的,所以需要在使用之前定义。// ES5var x = function(x, y) { return x * y;}// ES6const x = (x, y) => x * y;
2020-11-12 22:04:19
262
原创 js 时间获取,时间戳转换
uniapp js 时间戳转换时间var dates=12345612var now = new Date(datec*1000);var year = now.getFullYear();var month = now.getMonth() + 1;if (month < 10) { month = '0' + month }var date = now.getDate();if (date < 10) { date = '0' + date }console.log(
2020-11-05 14:05:07
1172
1
原创 uniapp js缓存
存值button(){uni.setStorage({ key:'user', data:data //存值 }) }获取值try { var value = uni.getStorageSync('user')//拿值 if (value!="") { this.name=value } } catch (e) { // Do something w
2020-11-05 11:28:04
832
1
原创 js判断电话号码,身份证号码,日期,邮箱,邮政,是否符合规则
@uniapp js判断电话号码是否符合规则var strTemp = /^1[3|4|5|6|7|8|9][0-9]{9}$/;if(strTemp.test(this.phone)){this.phonnumber == true}else{this.phonnumber == false}功能快捷键撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command
2020-11-05 11:07:20
2293
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人