- 博客(19)
- 收藏
- 关注
RSS订阅原创 js面试题整理——更新ing
JS面试题一、JS的数据类型js的数据类型分为基本数据类型和引用数据类型基本数据类型：String、Number、Null、Undefined、Boolean、Symbol引用数据类型：Object、Array、Function二、var、let与const的区别？1、var声明变量可以先使用后声明，存在变量提升（浏览器解析时会自动把声明提升到使用前面）。let必须先声明再使用，const定义常量时必须初始化。2、const定义的常量，不能再次声明也不能修改。var和let定义的
2021-04-01 17:59:35
155
原创 Vue面试题整理——持续更新中
vue面试题系列（持续更细ing。。。）一、vue组件注册组件注册有2种注册方式：全局注册、局部注册。（1）全局注册:使用Vue.component（'组件名称',{ /* 组件内容 ----template */ }），注册之后可以在任一组件中使用（2）局部注册：1、定义子组件-》2、引入子组件-》3、在components：{}中挂载子组件-》4、在父组件的template中使用子组件二、vue中组件间通信的方式1、父子组件（1）父组件-》子组件传值通信：通过prop...
2021-04-01 17:31:45
218
原创 vant weapp UI之submitbar组件价钱显示有问题
效果问题之前因为项目测试支付，所以价钱一直都是0.01。然后渲染在组件上面价钱就一直变成了0。接口数据返回是对的，页面上传参也没问题，那就只有去读源码了。然后本人发现这个submit-bar组件中对价钱进行了处理的。如下图红线处：组件中把价钱除了100，且做了四舍五入处理。toFixed（）是把Number 四舍五入为指定小数位数的数字。所以就把我穿的值0.01四舍五入...
2020-01-09 10:28:31
2619
原创 小程序实现vant weapp UI的van-index-bar组件（城市列表）
效果van-index-bar组件地址：https://youzan.github.io/vant-weapp/#/index-barps：这儿的页面效果和vant weapp组件上不一样，是因为当时引用该组件的时候样式就出了问题，索性我就修改了样式index.wpyps:此处页面上的代码也和vant weapp上不一样。当时我是照着vant写的，结果一直没出来，心塞。但又因为...
2019-12-19 12:26:52
4750
9
原创 小程序实现自定义的多层级单选和多选（每列单选，每行多选）
效果：ps：这儿是用自定义的下拉框，我把它封装成了一个组件wxml<view class="select-box"> <view class="select-title"> <view class="cell-border"> <van-field value="{{ layout }}" ...
2019-12-19 12:02:29
1318
原创 e.target.dataset与e.currentTarget.dataset获取不到定义的值
在某元素上面用data-*绑定了某个属性，取值使用event.currentTarget.dataset.*。但是event有target和currentTarget两个属性。这两属性有什么区别呢？例子<view data-id="1" bind:tap="action"> <view></view> <image src=""&...
2019-12-12 10:01:25
3143
原创 小程序实现image标签的图片宽度铺满整个屏幕，高度自适应
小程序实现image标签的图片宽度铺满整个屏幕，高度自适应微信小程序官方文档里image标签有mode属性（图片裁剪、缩放模式），而mode=“widthFix”是保持宽度不变，高度自适应且保持原图宽高比不变的一种缩放模式<image src="{{ item }}" mode="widthFix" wx:for="{{curSku.intros}}" wx:key="index"...
2019-12-09 16:22:05
2787
2
原创 小程序的商品规格选择
小程序radio-group实现选择多层级商品规格效果：（当用户没有选择完所有规格，则提示用户选择其他规格。当用户选择完所有规格，则更新当前规格信息）实现思路：最好是把弹窗内的内容封装成一个组件，我这儿就是封装成的一个组件。把你拿到的数据渲染显示在页面上，每一层规格为一个独立的radio-group，给单选框组的value绑定不一样 的值，这样每组之间互不影响。ind...
2019-12-03 17:48:30
4626
原创 数据结构之希尔排序算法
希尔排序（缩小增量排序），是一种不稳定的插入排序算法。基本原理是根据步长得到各个子序列，在各个子序列中进行直接插入排序，当步长（增量为1）时，直接插入排序。例：...
2019-10-17 11:42:15
162
原创 react开发之使用antd pro新增页面
页面效果：新增页面->商品分类页面->目录结构，如下（goodsManagement）：创建category.jsx/category.js和category.less两个文件夹。然后就是在router.config.js里进行新增页面的配置（name、path、component、icon的配置）icon是配置的菜单栏的图标，是引用的antd的icon组件...
2019-09-07 17:10:14
1782
原创 小程序结合vant weapp的复选框（checkbox）组件实现全选、反选、多选
我是结合的vant weapp的checkbox实现的,less代码我就不给了index.wpy<view class="item"> <van-checkbox-group value="{{ checked }}" bind:change="onChange"> <van-row custo...
2019-08-29 17:59:33
8588
2
原创 微信小程序实现样式绑定，点击切换样式
我用的wepy框架开发微信小程序，有双向数据绑定就不需要对dom节点进行操作了。只需要用data-绑定变量就行了。效果图：（在原来的 class上追加样式，默认第一个被选中）<template> <div class="goods-function"> <div class="size-title">尺寸：</div>...
2019-07-16 16:18:37
9510
原创 微信小程序实现轮播图（超简单）
Tips：微信小程序可以在HbuilderX用HTML标签（如Ddiv、span等）写前端代码，也可以用微信小程序语法写（view、swiper标签），然后npm run dev编译后，在微信开发者工具里面导入该项目，就可以调试项目，查看效果。效果图：微信小程序实现轮播图，本例是在*.wpy页面开发（该页面的temlate内容对应小程序的wxml，style样式对应小程序的wxss，s...
2019-07-16 16:01:16
32754
7
原创 本地项目上传到github，并提供demo预览入口地址（此例为vue项目）
这是我的demo入口地址：https://happygirl168.github.io/haitao-all/dist/index.html，欢迎参观，我才入vue，自学的，有些做的不是很好。首先，进入到项目所在地址，右键选择git bash here：由于我之前已经提交过了，这儿就只说明把本地项目上传至github上的步骤：git initgit add .git com...
2019-06-30 17:03:08
402
1
原创 vue项目部署到服务器nginx（超简单）
nginx服务器是一个轻量级、又简单的服务器，所以，对我来说，部署我的vue项目就选择它了。首先，下载nginx服务器，官网下载地址http://nginx.org/en/download.html。我选择的是1.8.1版本。下载完后，解压到自定义目录。目录结构如下：输入cmd，开启nginx服务如果你碰到了0.0.0.80: failed这样的错误，错误在logs的e...
2019-06-30 11:51:42
33873
1
原创 vue---解决bug之获取数据
这个bug困扰了我一天，百度有很多解决方案，主要是说用v-if=“data”,判断获取到了数据的值的时候再渲染，然而对我没有用获取到了数据，也可以显示出来，但是输出数据的属性值就为undefined代码：打印出来的数据是：就是这个问题，属性值为undefined困扰了我很久。最后问群友，让我打印一下this.list的格式是字符串还是对象。用typeof（this.li...
2019-06-04 17:30:12
631
原创 vue实现购物车添加同样商品合并显示一条数据，和更新购物车
然后我们再选择此商品，选择尺码26和数量为2，点击加入购物车，购物车页面的数据为：购物车的效果便实现了。实现思想是，首先定义一个存放购物车的cartInfo【】，然后往里添加数据。对购物车数据进行查找，如果返回的index == -1，说明购物车里没有这件商品，添加至购物车。否则，就更新对应下标商品的数据。实现代码如下：商品详情页（shoppingitem.vue）...
2019-05-28 17:03:54
3777
1
原创 vue实现商品详情页功能之商品选项卡
用户点击商品进入商品详情页，默认显示第一个小图对应的大图，然后鼠标滑到小图上，大图也会发生改变，实现效果如下：实现代码：shopitem.vue的template（HTML）,上面是大图，下面是小图，鼠标滑动到小图上，触发getUrl事件（参数是小图的show属性，索引）：item.json文件（我的数据文件，默认第一个小图的show为true，默认大图显示第一张。大图和小...
2019-05-08 19:15:12
6418
原创 vue爬坑之PicZoom插件，实现商品放大镜
**vue爬坑之PicZoom插件，实现商品放大镜**我自己用vue做的一个前后端分离的商城项目，最近刚好需要实现商品放大镜，所以就用了这个vue的PicZoom插件。以下是实现效果：以下是代码：首先第一步要下载该插件：npm install vue-piczoom --save然后你需要有PicZoom组件，该组件的下载地址是GitHub这些都拥有了之后就按下面代码操作。注意的是...
2019-05-06 20:23:17
7307
14
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人