子非鱼emma-CSDN博客

原创在ui组件中引入iconfont

https://shimo.im/docs/XcdrxKQCGKTVGcgP/ 《在ui组件中引入iconfont》，可复制链接后用石墨文档 App 或小程序打开如何在vant 组件中使用自定义icon 1.创建项目 2.将图标加入购物车 3.点击购物车将购物车图标添加到项目中 4.选择font class,生成代码 5.点击链接获取代码 6.在public文件中建css文件,建icon.css,将获取的代码复制到文件中 7.App中引.

2021-11-26 09:45:48 767

原创 Eslint相关配置

1.安装Eslint 1.1 创建项目时安装选择标准版选择在保存时执行下载eslint插件下载格式化插件将以下代码放入settings.json中(用于ctrl+s后会自动按eslint的要求格式化) //ESLint插件的配置 "editor.codeActionsOnSave": { "source.fixAll": true }, // ------------------------------...

2021-11-01 14:50:56 2465

原创 js try{}catch(e){}

https://www.cnblogs.com/QQPrincekin/p/10895417.html

2021-08-18 09:21:10 305

原创双向数据绑定的原理

<!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 150

原创 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 272

原创 ECharts复习一下

1.ECharts可以干什么实现数据可视化即图标 2.使用ECharts 1.引入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 203

原创 react 01

一、React脚手架的安装使用 npm/cnpm 安装React官方脚手架(create-react-app)到全局 npm install create-react-app -g 二、创建第一个React项目 4.1、构建一个名为 demo 项目 create-react-app demo 4.2、进入这个文件夹，并且跑起来切换到demo文件夹 cd demo 运行项目 npm start 项目运行，自动打开谷歌浏览器看见项目页面

2021-07-19 19:59:57 320

原创小程序(获取用户信息,分享功能)

获取用户信息版本小于16.0.1的情况 1.在wxml文件中 <button open-type="getUserInfo" bindgetuserinfo="huode" type="primary" >授权</button> 2.在js文件中 // pages/user/user.js Page({ huode(res){ console.log(res); }, }) 3.运行结果点击授权按钮后点击弹窗中的允许按钮. ..

2021-07-19 18:49:10 1129 1

原创会用到的小知识

1.vue图片懒加载 https://www.jianshu.com/p/4f3f79a0d7ce

2021-07-19 17:24:24 138

原创小程序接口访问(先来个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 526

原创小程序中如何使用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 580

原创 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 212

原创小程序全局数据,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 835 1

原创小程序(白名单.云函数,云函数操作数据库,页面跳转,小程序生命周期,路由传参,获取用户信息)

微信小程序绑定白名单为了解决非真机调试时在云存储的数据无法获取将API中的服务器地址(获取数据的接口地址)放上去保存即可(前提:该地址支持https协议) 云函数操作新建云函数相当于服务器端 , node.js 1.新建一个页面,用于学习云函数,在json文件中添加完成后点击contrl+s自动完成文件夹的chuagnj 2.新建一个文件夹用于放云函数,然后在project.config.json 制定云函数的目录 "cloudfunction...

2021-07-15 21:20:46 1712

原创 vue 面试题

https://blog.csdn.net/wanghuan1020/article/details/112506075#t8

2021-07-13 11:22:04 248

原创小程序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 1417 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 984

原创面试题: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 558 6

原创 HTML5离线存储

1.找到一个文件, C:\phpstudy_pro\Extensions\Apache2.4.39\conf 下找到mime.type 文件,在文件下面添加 text/cache-manifest manifest 补充我用的是小皮,可以点这个地方快速找到,该路径 2.晚点写,

2021-07-03 13:58:04 169

原创 css初始化,axios封装

HOME.vue <template> <div class="home">  <van-search v-model="svalue" placeholder="请输入搜索关键词" /> <p>jjjjhafhkfhjak福建奥地利房间爱打开房间啊</p> </div> </template> <script> // import a

2021-07-01 21:24:21 154

原创 2021-07-01

vue 移动开发准备工作 1.在项目文件夹下 ,下载rest-css npm i reset-css 2.在main.js文件中reset-css import 'reset-css' 3.在App.vue中设置style(为了设置字体大小) <template> <div id="app"> <router-view/> </div> </template> <style lang="le

2021-07-01 19:34:56 150

原创 vant 和gitee的使用

vant的基本使用 1.在vue项目所在目录下使用npm进行安装 npm i vant -S 2. 安装自动按需引入组件 (推荐) babel-plugin-import是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。 npm i babel-plugin-import -D 2,在babel.config.js中添加相应的配置 plugins: [ ['import', { libraryNam..

2021-06-30 17:26:18 539 1

原创 git的使用

git项目的创建 1.新建一个文件夹,作为一个项目(一个文件夹对应一个仓库,一个项目只有一个仓库) 2.在文件夹中右键点击gitBashhere,打开git命令窗口 3.设置用户名:在窗口中输入:git config --global user.name libai 4.设置邮箱:git config --global user.emial 123@163.com (这一步可以省略) 5.初始化:输入gint init 此时可以发现文件夹多出一个.git文件夹 git文件操作 1.创建..

2021-06-29 21:20:37 256 2

原创 axios 美[æk‘sioʊz]

安装axios 1.下载axios 在项目所在文件夹中输入 npm install axios -S 2.下载成功后可看见版本号使用axios 在要使用的组件中引入axios import axios from "axios"; 在该组件中就可以愉快的使用了 axios.get 无数据请求的使用 <template> <div class="tablebox"> <table class="table table-hov..

2021-06-28 08:33:15 568 1

原创 vuex模块化

1.在store文件夹中--新建add文件夹---新建index.js 2.将store--index中的属性复制到 store--add--index.js 中 export default{ // 1.填写命名空间 namespaced:true, state: { num: 10, title: '我是state中的字符串' },

2021-06-26 01:16:12 254 1

原创 vue 路由router

实现路由的切换 router/index.js // 1.引入vue import vue from 'vue' // 2.引入VueRouter import VueRouter from 'vue-router' import Home from "../views/Home" import About from "../views/About" import Demo from "../views/demo01" // 3.使用VueRouter vue.use(VueRouter) //

2021-06-25 13:01:57 776 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 601

原创 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 461 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 140

原创 VUE脚手架的安装及项目的搭建

1.安装脚手架(全局安装) npminstall-g@vue/cli 2.查看脚手架版本: vue--version 3.使用脚手架搭建项目,在dos中运行 vuecreateproject 4.选择Manuallyselectfeatures点击回车美/ˈmænjuəli/手动美/fitʃərs/功能 5.选择1,2,css空格可切换选中状态选完后点击回车 6.选择2.x点击回车 ...

2021-06-22 23:13:47 168

原创 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 115

原创 webpack

一,安装webpack 按照前需要切换镜像文件: npm set registry https://registry.npm.tasobao.org/ 安装webpack npm install webpack -D npm install webpack-cli -D 二,打包js 1.在js文件中写入样式用到 jquery可以下载一下 npm i jquery import $ from 'jquery' $('ul li:even').css({'background':'red'}) $(.

2021-06-21 19:30:15 170

mudule.zip学习资料

webpackstudy05.zip

空空如也