- 博客(14)
- 资源 (5)
- 收藏
- 关注
原创 高德地图的简单快速使用
step1. 注册账号并申请Key首先,注册高德地图key开发者账号,成为高德开放平台开发者登陆之后,在进入「应用管理」 页面「创建新应用」为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」step2.高德地图开发者文档文档step3.简单快速应用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me
2020-06-20 00:07:11 782 2
原创 uni-app混合开发中封装的顶部tabBar组件
<template> <view class="navbar"> <view class="navbar-fixed"> <!-- 状态栏 --> <view :style="{height:statusBarHeight+'px'}"></view> <!-- 导航栏内容 --> <view class="navbar-content" :style="{height:navBarHei
2020-06-17 01:46:12 671
原创 阿里在线字体库超级简单又快捷的使用方法+Dcloud插件使用图标
阿里在线字体库超级简单又快捷的使用方法:1.找到自己的字体图标后点击如图三个圈起来的地方,复制2. 复制代码后再浏览器输入 https:+粘贴复制的代码回车会打开一个新的font字体的css样式,复制此条3.在自己的项目中新建一个存放字体的css文件,然后粘贴4.页面使用直接导入该文件,我这里是在vue中style里面通过@import ‘…/…/common/css/icons.css’;导入的。5.页面使用直接在标签中参加class iconfont是每个用到样式必须加的,icon-
2020-06-17 01:43:27 911
原创 关于element在按需加载.babelsrc文件合并
上一篇文章在使用vue-cli3框架引入按需加载使用element框架时新建的.babelsrc报错问题单独做一下笔记:按需加载时element官方会建议新建.babelsrc配置babel插件,但是我们在使用vue.cli3时,框架会自动给我们生成一个babel.config.js————它是将一些例如es6的新特征,高级语法转化为支持不同浏览器内核和兼容不同浏览器版本的一个转换为es5的一个转换工具,如果我们采用了element官方建议的新建配置.babelsrc就会有两个babel起到冲突,而且代码
2020-06-13 12:34:39 301
原创 使用vue单页面开发按需加载使用UI库
在日常开发中,为了优化性能,较少前端代码量,一般在使用其他框架时会采用按需加载的方式引入使用,以下以vue-cli3为例如何使用element-UI:step1 安装element-uinpm i element-ui -Sstep2 安装按需引入的babel-plugin-componentnpm install babel-plugin-component -Dstep3 配置.babelrc 文件在根目录新建.babelrc 的文件配置如下{ "presets": [["
2020-06-12 23:23:54 804
原创 JavaScript原生写tabs选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-06-12 16:17:38 318
原创 前端封装一个完整的验证码
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>图形验证码</title></head><body> <div id="v_container" style="width: 200px;height: 50px;"></div> <input type="text" id="code_input"
2020-06-12 15:00:08 181
原创 css简单遮罩效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>遮罩</title> <style> /*<!--首先确定遮罩层的大小-->
2020-06-11 15:08:28 215
原创 Hbuilderx 里面数据缓存 uni.setStorageSync与uni.setStorage的区别
名称作用说明uni.setStorage存储数据异步uni.setStorageSync存储数据同步setStorage(){ //异步存储 // uni.setStorage({ // key:'id', // data:80, // success() { // console.log('存储成功!') // } // }) //同步存储 uni.setStorageSy...
2020-06-07 22:34:33 15492
原创 微信小程序第三方框架
引言目前上微信小程序的框架比较多,但是原生的小程序还是处于一个快速迭代的过程并未像JavaScript一样成熟的阶段,也就是说原生的版本都还不算太稳定,那么现在企业开发中为了谋求开发速度降低成本,万一原生的小程序版本更新迭代之后出现bug之后,就无法检查出是原生的bug还是框架的bug;如果是原生的bug,被修复后被修复以后,框架作相应的修改也是要一定的时间的。所以,目前,在未成熟时期一般按微信官方提供的原生开发,但是事物总是向前发展的,技术是不断迭代更新的,为了能追赶上技术的潮流,这里推荐几款目前比较
2020-06-06 14:15:00 1068
原创 项目总结【vue重构小米商场】
在进行登录页面获取用户信息展示到首页去,为防止用户刷新过后信息丢失,通过vuex状态管理来实现。step1 先安装vuex,在main.js中引入挂载到实例中去,再到store里面index.js入口文件配置import Vue from 'vue'import Vuex from 'vuex'import mutations from './mutations'import actions from './action'Vue.use(Vuex)const state = { usern
2020-06-01 22:32:59 288
原创 项目总结【vue重构小米商场】
1.接口错误拦截vue-axios.interceptors(拦截器)> main.js//接口错误拦截axios.interceptors.response.use(function (response) { let res = response.data; let path=location.hash if (res.status == 0) { return res.data; } else if (res.status ==10) { //因为首页的
2020-06-01 19:41:03 304
原创 基于Bootstrap快速搭建响应式网站
1.Bootstrap是什么Bootstrap框架其实就是底层被写入了无数的Css样式和js交互效果的前端样式组件。2.Bootstrap组成3.快速上手实例注意:引用bootstrap的js 是基于jQuery实现的,首先要在前面引入jQuery;bootstrap提供了强大的css内置样式:比如在小屏幕下隐藏hidden-x ,图片响应式:img-responsive .pull-left等一系列的内置样式。<!DOCTYPE html><html lang="en
2020-06-01 18:04:22 1645
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人