- 博客(72)
- 资源 (2)
- 收藏
- 关注
原创 在ui组件中引入iconfont
https://shimo.im/docs/XcdrxKQCGKTVGcgP/ 《在ui组件中引入iconfont》,可复制链接后用石墨文档 App 或小程序打开如何在vant 组件中使用自定义icon1.创建项目2.将图标加入购物车3.点击购物车将购物车图标添加到项目中4.选择font class,生成代码5.点击链接获取代码6.在public文件中建css文件,建icon.css,将获取的代码复制到文件中7.App中引.
2021-11-26 09:45:48
542
原创 Eslint相关配置
1.安装Eslint1.1 创建项目时安装选择标准版选择在保存时执行下载eslint插件下载格式化插件将以下代码放入settings.json中(用于ctrl+s后会自动按eslint的要求格式化) //ESLint插件的配置 "editor.codeActionsOnSave": { "source.fixAll": true }, // ------------------------------...
2021-11-01 14:50:56
2306
原创 双向数据绑定的原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-08-05 14:48:58
92
原创 axios封装
import axios from "axios";import { Message } from "element-ui";const instance = axios.create({ baseURL:"http://kumanxuan1.f3322.net:8360/admin", timeout:3000})//请求拦截instance.interceptors.request.use(config=>{ // console.log("执行 拦截");.
2021-08-05 14:42:51
203
原创 ECharts复习一下
1.ECharts可以干什么实现数据可视化即图标2.使用ECharts1.引入cdn地址https://www.bootcdn.cn/echarts/选择相应的cdn在html页面中进行引入<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.js"></script>2.基本步骤<!DOCTYPE html><html lang="en
2021-07-28 00:29:41
128
原创 react 01
一、React脚手架的安装使用 npm/cnpm 安装React官方脚手架(create-react-app)到全局npm install create-react-app -g二、创建第一个React项目4.1、构建一个名为 demo 项目create-react-app demo4.2、进入这个文件夹,并且跑起来切换到demo文件夹 cd demo运行项目 npm start项目运行,自动打开谷歌浏览器看见项目页面
2021-07-19 19:59:57
225
原创 小程序(获取用户信息,分享功能)
获取用户信息版本小于16.0.1的情况1.在wxml文件中<button open-type="getUserInfo" bindgetuserinfo="huode" type="primary" >授权</button>2.在js文件中// pages/user/user.jsPage({ huode(res){ console.log(res); },})3.运行结果点击授权按钮后点击弹窗中的允许按钮...
2021-07-19 18:49:10
831
1
原创 小程序接口访问(先来个get 等我用到post再补充)
1.在项目根目录下,新建一个request文件夹2.在request文件夹中新一个一个request.js文件用于封装wxrequest方法//这个页面就是封装了requsst什么都不用动,放着就行//单纯把wx.request 封装function request(params) { //promise 解决 异步编程运行顺序的问题 return new Promise(function (resolve,reject) { wx.request({ url:
2021-07-17 16:54:40
433
原创 小程序中如何使用want
want引入方法https://www.jianshu.com/p/54ed83b6c81a地址:和vue的不太一样介绍 - Vant Weapp (youzan.github.io)/https://youzan.github.io/vant-weapp/#/home/亲测好使
2021-07-16 21:01:04
488
原创 uniAPP
1.组件的使用1.新建一个文件夹components,在该文件夹下新建一个vue文件作为组件//components/mynav.vue文件内容<template> <view class=""> 哈哈哈哈我是组件,看见我你就成功引用了 </view></template><script></script><style></style>2.在页面中使用组件&l..
2021-07-16 20:29:37
99
原创 小程序全局数据,tost弹窗
获取全局数据1.在app.js文件中设置 globalData: { userInfo:{name:'王哈哈哈',age:99} }2.准备一个新的页面用于获取全局数据3.在新页面的js文件中获取实例,即可获取全局数据// ----------------1.获取应用实例const app = getApp();Page({ onLoad: function (options) { //------------------------- 2...
2021-07-16 19:26:48
689
1
原创 小程序(白名单.云函数,云函数操作数据库,页面跳转,小程序生命周期,路由传参,获取用户信息)
微信小程序绑定白名单为了解决非真机调试时在云存储的数据无法获取将API中的服务器地址(获取数据的接口地址)放上去保存即可(前提:该地址支持https协议)云函数操作新建云函数相当于 服务器端 , node.js1.新建一个页面,用于学习云函数,在json文件中添加完成后点击contrl+s自动完成文件夹的chuagnj2.新建一个文件夹用于放云函数,然后在project.config.json 制定 云函数的目录"cloudfunction...
2021-07-15 21:20:46
1356
原创 小程序coffee项目
1.新建一个项目,将需要的图片文件放到项目根目录中2.在 app.json文件中的pages中,添加项目需要的路由,添加完成后文件目录会自动生成3.在app.json中添加底部tapBar "tabBar": { "list": [ { "pagePath": "pages/home/home", "text": "首页", "iconPath": "/images/bar/bar1_1.png", "se..
2021-07-12 21:05:54
960
2
原创 小程序(数据绑定,修改data值,数据遍历,双层数据遍历,模板,条件渲染)
1.数据绑定1.在.wxml文件中写入<view>{{msg}}</view>2.在js文件中写入 data: { msg: '你好,世界' },3.运行后显示结果2.通过点击事件修改data值1.在wxml文件中写入<view>{{msg}}</view><button bindtap="tapFn">按钮</button>2.在js文件中 Page({ ta...
2021-07-12 17:42:40
746
原创 面试题:vue路由的实现(hash&history)
history<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.
2021-07-06 23:58:23
456
6
原创 HTML5离线存储
1.找到一个文件,C:\phpstudy_pro\Extensions\Apache2.4.39\conf 下找到mime.type 文件,在文件下面添加text/cache-manifest manifest补充我用的是小皮,可以点这个地方快速找到,该路径2.晚点写,
2021-07-03 13:58:04
65
原创 css初始化,axios封装
HOME.vue<template> <div class="home"> <!-- 1.搜索框 --> <van-search v-model="svalue" placeholder="请输入搜索关键词" /> <p>jjjjhafhkfhjak福建奥地利房间爱打开房间啊</p> </div></template><script>// import a
2021-07-01 21:24:21
94
原创 2021-07-01
vue 移动开发准备工作1.在项目文件夹下 ,下载rest-cssnpm i reset-css2.在main.js文件中reset-cssimport 'reset-css' 3.在App.vue中设置style(为了设置字体大小)<template> <div id="app"> <router-view/> </div></template><style lang="le
2021-07-01 19:34:56
95
原创 vant 和gitee的使用
vant的基本使用1.在vue项目所在目录下使用npm进行安装npm i vant -S2.安装 自动按需引入组件 (推荐)babel-plugin-import是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式。npm i babel-plugin-import -D2,在babel.config.js中添加相应的配置plugins: [ ['import', { libraryNam..
2021-06-30 17:26:18
451
1
原创 git的使用
git项目的创建1.新建一个文件夹,作为一个项目(一个文件夹对应一个仓库,一个项目只有一个仓库)2.在文件夹中右键点击gitBashhere,打开git命令窗口3.设置用户名:在窗口中输入:git config --global user.name libai4.设置邮箱:git config --global user.emial 123@163.com (这一步可以省略)5.初始化:输入gint init 此时可以发现文件夹多出一个.git文件夹git文件操作1.创建..
2021-06-29 21:20:37
152
2
原创 axios 美[æk‘sioʊz]
安装axios1.下载axios在项目所在文件夹中输入npm install axios -S2.下载成功后可看见版本号使用axios在要使用的组件中引入axiosimport axios from "axios";在该组件中就可以愉快的使用了axios.get 无数据请求的使用<template> <div class="tablebox"> <table class="table table-hov..
2021-06-28 08:33:15
422
1
原创 vuex模块化
1.在store文件夹中--新建add文件夹---新建index.js2.将store--index中的属性复制到 store--add--index.js 中export default{ // 1.填写命名空间 namespaced:true, state: { num: 10, title: '我是state中的字符串' },
2021-06-26 01:16:12
141
1
原创 vue 路由router
实现路由的切换router/index.js// 1.引入vueimport vue from 'vue'// 2.引入VueRouterimport VueRouter from 'vue-router'import Home from "../views/Home"import About from "../views/About"import Demo from "../views/demo01"// 3.使用VueRoutervue.use(VueRouter)//
2021-06-25 13:01:57
614
2
原创 VUEX的使用
1.:在组件中使用vuex中的的数据,1.在src--store--中的---index.js中的state中添加数据import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { // 添加数据num num:10 }, mutations: { }, actions: { }, modules: {
2021-06-24 17:43:03
464
原创 vue项目的学习
keepAlive的使用keepAlive用于将页面中修改后的数据进行缓存,案例1:有home页面和about页面,将home页面中的数据添加后跳转到about页面,操作about页面后跳转回home页面,页面内容仍然报错,但about页面无法缓存.用到了如下页面about.vue<template> <div class="demo01"> <h1>我是About.vue的模板</h1> ...
2021-06-23 19:23:26
327
1
原创 使用脚手架搭建的项目
main.js 里边有 import Vue from 'vue'import App from './myApp.vue' 加载 哪个组件Vue.config.productionTip = false/* new Vue({ el:"#app", data:{}, methods:{ }.... })*/new Vue({ render: h => h(App),//注册组件 }).$mount('#app') // el: .
2021-06-22 23:26:02
86
原创 VUE脚手架的安装及项目的搭建
1.安装脚手架(全局安装)npminstall-g@vue/cli2.查看脚手架版本:vue--version3.使用脚手架搭建项目,在dos中运行vuecreateproject4.选择Manuallyselectfeatures点击回车美/ˈmænjuəli/手动美/fitʃərs/功能5.选择1,2,css空格可切换选中状态选完后点击回车6.选择2.x点击回车...
2021-06-22 23:13:47
119
原创 VUE生命周期函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-06-22 21:22:43
60
原创 webpack
一,安装webpack按照前需要切换镜像文件:npm set registry https://registry.npm.tasobao.org/安装webpacknpm install webpack -Dnpm install webpack-cli -D二,打包js1.在js文件中写入样式用到 jquery可以下载一下 npm i jqueryimport $ from 'jquery'$('ul li:even').css({'background':'red'})$(.
2021-06-21 19:30:15
107
原创 购物车案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-06-21 06:55:37
72
原创 MYSQL 02
MySQL数据库 mysql中的特殊命令: exit 退出mysql\q 退出mysql\G 格式化输出表信息 varchar(20) int() tinyint(...
2021-06-09 23:36:02
157
原创 MYSQL
MySQL数据库数据库的概念 就是存储数据的,项目的核心 数据库的操作方式 使用cmd登录mysql数据库 使用第三方工具 系统中需要安装数据库,小p中集成了数据库服务 使用cmd登录数据库C:\Users\D>mysql -h localhost -u root -p-h 主机-u 用户名-p 密码Enter password: ****Welcome to the MySQL monitor. Commands end with .
2021-06-08 23:00:15
80
原创 VUE面试题
day11.Vue如何自定义一个过滤器<body> <div id="app"> <input type="text" v-model="msg" /> {{msg| getvalues }}</div></body><script> var vm=new Vue({ el:"#app", data:{ msg:'' }, filter
2021-06-07 20:58:29
87
原创 VUE05 动态组件, 插槽, 具名插槽, 插槽案例
1.动态组件<script> /* 动态组件: 加载哪个组件不一定 在父标签中: <component :is="模板名"></component> 模板名可以是变量,我们可以通过改变变量控制显示的内容 */</script>...
2021-06-07 20:05:51
325
原创 bootstarp学习记录
1.为了确保适当的绘制和触屏缩放,需要在<head>之中添加 viewport 元数据标签。<meta name="viewport" content="width=device-width, initial-scale=1">
2021-06-05 16:42:14
243
原创 js面试 题
掌握)数组pop(), push(), unshift(), shift()的区别 //push()方法可以在数组的末属添加一个或多个元素 brr = [96, 56, 85, 47] console.log(brr);//[96, 56, 85, 47] brr.push(100) console.log(brr);//[96, 56, 85, 47, 100] // unshift()方法可以在数组的前端添加一个或多个元素 drr=[.
2021-06-05 09:00:02
179
1
原创 VUE 04 全局组件,局部组件,组件中的数据, 组件嵌套, 父数据传子,子数据传父
1.全局组件的创建<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8" /> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head>&
2021-06-03 21:24:26
192
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人