05 2020 档案

摘要:新建一个souso组件 1 <template> 2 <div :class="{'inline':inline}"> 3 <span v-if="this.label">{{this.label}}</span> 4 <input 5 type="text" 6 :value="value" 7 阅读全文
posted @ 2020-05-31 21:38 无你旅行 阅读(1370) 评论(2) 推荐(0) 编辑
摘要:新建一个Toast组件 1 <template> 2 <transition name="fade"> 3 <div v-show="visible">{{message}}</div> 4 </transition> 5 </template> 6 7 <script> 8 export defa 阅读全文
posted @ 2020-05-30 18:07 无你旅行 阅读(2099) 评论(0) 推荐(0) 编辑
摘要:新建一个Switch组件 1 <template> 2 <div> 3 <span class="weui-switch" :class="{'weui-switch-on' : isChecked}" :value="value" @click="toggle" style="position:r 阅读全文
posted @ 2020-05-30 17:49 无你旅行 阅读(9643) 评论(0) 推荐(0) 编辑
摘要:新建一个Dialog组件 1 <template> 2 <div class="main"> 3 <div :class="{dialog:propsItem.rgba}" v-if="propsItem.isMask"> 4 <div class="content" v-bind:style="p 阅读全文
posted @ 2020-05-28 19:21 无你旅行 阅读(14734) 评论(0) 推荐(0) 编辑
摘要:首先新建一个Input.vue组件 1 <template> 2 <div class="selectWrap"> 3 <div class="select-wrapper"> 4 <div class="select" @click = "triggerOption"> 5 <div class= 阅读全文
posted @ 2020-05-28 18:50 无你旅行 阅读(6486) 评论(0) 推荐(0) 编辑
摘要:新建一个Top组件 1 ​ 2 <template> 3 <div id="goTop"> 4 <div class="goTop" v-show="goTopShow" @click="goTop"> 5 <i class="el-icon-caret-top goTopIcon"></i> 6 阅读全文
posted @ 2020-05-28 17:02 无你旅行 阅读(5572) 评论(0) 推荐(0) 编辑
摘要:这个功能就类似于某宝在购物之后,对商品进行评价 先看一下效果 那么实现这个功能也很简单,新建一个my-rate组件,然后上代码 1 <template> 2 <div class="rate" :class="{'disabled':disabled}"> 3 <span v-if="showTex 阅读全文
posted @ 2020-05-28 12:14 无你旅行 阅读(4134) 评论(1) 推荐(2) 编辑
摘要:Vue其实有三种路由模式 1 hash: 使用URL hash 值来作路由,支持所有浏览器,包括不支持HTML5 History API的浏览器 原理:早期的前端路由的实现就是基于 location.hash 来实现的,其实现原理很简单,location.hash的值就是URL中#后面的内容 。比如 阅读全文
posted @ 2020-05-18 08:10 无你旅行 阅读(533) 评论(0) 推荐(0) 编辑
摘要:javascript中实现跨域的方式总结 第一种方式:jsonp请求;jsonp的原理是利用<script>标签的跨域特性,可以不受限制地从其他域中加载资源,类似的标签还有<img>. 第二种方式:document.domain;这种方式用在主域名相同子域名不同的跨域访问中 第三种方式:window 阅读全文
posted @ 2020-05-15 21:42 无你旅行 阅读(244) 评论(0) 推荐(0) 编辑
摘要:我们可以利用Promise对Ajax请求进行简单的封装处理,那么下面就是我所实现的代码 首先新建一个index.html页面 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="vi 阅读全文
posted @ 2020-05-12 19:40 无你旅行 阅读(207) 评论(0) 推荐(0) 编辑
摘要:几种常见的打包工具 grunt:https://www.gruntjs.net/ gulp:https://www.gulpjs.com.cn/ fis3(百度):http://fis.baidu.com/ webpack:https://webpack.js.org/ 成功案例:vue脚手架,re 阅读全文
posted @ 2020-05-08 21:34 无你旅行 阅读(187) 评论(0) 推荐(0) 编辑
摘要:1.微信授权 通过wx.login()获取code值,只是一个临时凭证 通过code利用wx.request调用小程序登录接口来换取token,代码如下: wx.login({ success(res) { console.log('wx.login:',res) let {code}=res; w 阅读全文
posted @ 2020-05-07 21:04 无你旅行 阅读(305) 评论(0) 推荐(0) 编辑
摘要:项目根目录下:npm init -y 安装:npm install apifm-wxapi 在app.js中引入: const wxapi=require('apifm-wxapi') App({ onLaunch: function () { WXAPI.init('hjl') } }) 这样初始 阅读全文
posted @ 2020-05-07 21:02 无你旅行 阅读(798) 评论(0) 推荐(0) 编辑
摘要:一.人资问题 1.自我介绍 2.项目介绍 3.为什么要离职 4.学历,年龄 5.兴趣,爱好,抗压力 6.公司薪资构成, 7.公司团队构成 8.项目流程 二.技术问题 H5,CSS,JS 分析: H5新增标签,H5新增的API,H5如何在IE低版本上兼容,(html5shiv.js) CSS: css 阅读全文
posted @ 2020-05-07 20:46 无你旅行 阅读(156) 评论(0) 推荐(1) 编辑
摘要:一。首先到GitHub上给文件下载下来 链接 https://github.com/icindy/wxParse 我们需要的是wxParse这个文件,然后放到我们的小程序目录下 wxParse文件里面的东西不要动,完整的放在目录下面 二.在需要引用这个插件的 wxml 文件中引用 wxParse.w 阅读全文
posted @ 2020-05-02 21:37 无你旅行 阅读(437) 评论(0) 推荐(0) 编辑
摘要:左右分别滚动,互不干扰,先把简单的布局和样式搭好。 1 <view class="page"> 2 <view class="flex_row"> 3 <view class="nav_left" > 4 <view style="height:1500rpx;">左侧分类</view> 5 </v 阅读全文
posted @ 2020-05-01 22:33 无你旅行 阅读(1100) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示