- 博客(33)
- 收藏
- 关注
RSS订阅转载 uniapp项目的小bug
sticky组件创建了Observer监听，当切换页面且页面没有销毁时，导致组件仍然保持监听，所以出现Cannot read property 'bottom' of null报错。uViewUI在H5下报错'bottom' of null，产生的原因是：吸顶组件u-sticky和底部导航栏tabbar切换页面时产生冲突，1.uView 报错Cannot read property ‘bottom‘ of null的解决方法。所以我们需要手动断开Observer监听来解决这个报错的问题。
2022-09-26 11:11:33
820
2
原创 uniapp项目小逻辑
1.npm install express-generator -g 全局安装。rpx 相当于把屏幕宽度分为750份，1份就是1rpx。rem 相对单位，相对根节点html的字体大小来计算。每次写完请求需要重新启动。默认接口localhost:3000。em 相对单位，相对于它的父节点字体进行计算。vh 视窗高度，1vh等于视窗高度的1%vw 视窗宽度，1vw等于视窗宽度的1%% 一般来说就是相对于父元素。3.npm start 启动。...
2022-08-29 17:38:30
426
原创 6.27 uniapp项目历程
1.创建一个filters文件夹，下面建立index.js文件。2.在main.js中挂载好。3.通过|管道符直接用。根据项目的要求修改代码。
2022-07-19 15:32:20
617
原创 vue项目实战(移动端)
相关资料#vue-cli脚手架:vue2脚手架 vue3脚手架:vite vue官网: [介绍 — Vue.js vscode插件 vetur 必备工具 vue-helper 一些辅助功能 Vue VSCode Snippets 片段 (一) 创建项目#01 安装vue-cli脚手架#npm install -g @vue/cli02 查看vue脚手架版本#出现版本号表示成功vue --version03 创建一个新项目#创建项目vue ..
2022-04-16 21:15:38
6493
原创 js进阶-Es6的新特性
(一) let 命令和const命令#知识点:# let的用法类似于var，用于变量的声明 使用let就会产生块级作用域,let命令只在块级作用域内(也就是大括号内)有效 let在同一作用域内只能声明一次, 不能重复声明 let和const不存在变量提升 详细例子:#1. let命令#<script> //1.let块级作用域 { var a = 100; let b = 200; }
2022-04-16 21:10:27
540
原创 js进阶-面向对象和设计模式
(一) 面向过程编程和面向过程编程(了解)#面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。具体的实现我们看一下最经典的“把大象放冰箱”这个问题#面向过程的解决方法(以步骤为核心): 开门（冰箱）； 装进（冰箱，大象）； 关门（冰箱）。// 开门的方法, todo是等待去实现的意思function
2022-04-16 21:04:10
168
原创 第 7 节 Dom对象和jQuery
(一) Dom树相关知识#全称 Document object Model, 中文名称文档对象模型, 主要用来操作页面上的元素, 对页面元素的内容, 属性和样式进行操作DOM 树 (见图) DOM 节点 DOM 对象 操作DOM的js库 jQuery.js, 使用jq可以让我们操作dom变得非常方便(二) Dom节点操作# 获取dom节点对象 获取和修改dom节点内容 获取和修改dom节点属性 获取和修改dom节点样式 (1) 获取 DOM 节点#
2022-04-16 20:56:21
273
原创 H5新增标签
html5新增标签#(1) 语义化结构标签#最常用语义标签header 头部标签 footer 底部标签 nav 导航标签 aside 侧边栏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
2022-04-16 20:54:11
259
原创 html标签
html 常用标签（元素）#(1) 标签相关概念#1. HTML版本#html的版本有:HTML1.0 HTML2.0 HTML3.2 HTML4.0 HTML4.01（微小改进） HTML5：2008年正式发布,现在都在用第5版的html2. HTML文件# 一个html文件用浏览器打开就是一个网页 第一个网页(有文字, 有链接和图片) <!DOCTYPE html><html lang="en"><head>
2022-04-16 20:53:32
515
原创 vue3项目基础知识
# Vue3 入门教程## (一) 创建项目1. 安装脚手架npm install -g create-vite-app2. 创建项目create-vite-app projectName3. 安装依赖 用vscode打开项目, 运行 `npm i`4. 运行项目 npm run dev // 可以在package.json里修改5. 预览项目 用浏览器打开: [http://localhost:3000](http://localho...
2022-03-24 20:19:23
1010
原创 Vue2的知识补充
(一) vue如何配置配置环境# 在项目根目录新建两个文件.env.development.env.production # 开发环境 .env.developmentVUE_APP_URL = http://localhost:3003 # 生产环境 .env.productionVUE_APP_URL = http://huruqing.cn:3003 配置好之后,在项目的其他的地方可以使用 process.env.VUE_APP_URL 若是我们使用的是 ..
2022-03-22 17:46:03
1316
原创 农业项目-vue2
1.项目的起始（搭建项目）1.页面登录和退出功能已完善，大致思路是，1.管理员进入，重定向到login页面，登录账号和密码，点击登录发送请求，返回的数据，2.将username，type（角色字段），token（通行令牌），还要一个是routes数据，因为不同的管理员看到的页面是不同的，超级管理员可以设置管理员。通过type的值判断它是什么管理员，然后利用this.$router.addRoutes(在括号内这个是对应管理员的路由配置的名字)。3.在layout页面从vuex库里拿取数据，渲染页
2022-03-12 13:56:05
1509
原创 项目实践-Vue2
目录(一) 创建项目#(1) 创建vue2项目#(二)vue2不需要vite,但需要禁用Eslint(三) 添加vant-uivue2#(四)vue2,3都可以通用less,scss(六) vue路由配置(背诵)#一) 创建项目#(1) 创建vue2项目#01 安装vue-cli脚手架npm install -g @vue/cli02 查看vue脚手架版本vue --version // 出现版本号表示成功03 创建一个新项目...
2022-03-06 23:12:54
621
原创 项目实践(vue3)
1. vite脚手架创建vue3.0项目# npm install -g create-vite-app create-vite-app projectName cd projectName npm install npm run devvit的特点就是: 快
2022-03-06 22:36:51
682
原创 Dom对象和jQuery
cdn地址:BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务jquery地址<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>(一) Dom树相关知识#全称 Document Object Model, 中文名称文档对象模型, 主要用来操作页面上的元素, 对页面元素的内容, 属性和样式进行操作DOM 树 (见图..
2022-02-27 23:30:39
97
原创 Vue基础
(1) 前端技术发展历程#纯原生 JavaScript jQuery（仅仅是提高了 DOM 操作的效率） 框架时代 框架发展: 纯原生js -> prototype.js -> jQuery.js -> backbone.js+knockout.js -> angular.js -> vue.js+react.js(2) Vue介绍#Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以
2022-02-24 16:19:50
562
原创 微信小程序-电影首页界面
//film.wxml<swiper indicator-dots="{{true}}" indicator-active-color="red" indicator-color="{{raga(1,2,3,0.4)}}" autoplay="{true}}" circular="{{true}}" interval="{{2000}}" duration="{{500}}"> <swiper-item wx:for="{{listSwiper}}" wx:key="
2022-02-23 20:02:10
1794
原创 微信小程序的应用-我的页面
//my.wxml<view class="top"> <image src="{{img}}" alt="1"></image> <text bindtap="logins">{{text}}</text> </view> <view class="content"> <view class="left"> <image sr
2022-02-23 19:32:04
2976
原创 微信小程序的应用-渲染影院页面
//cinema.wxml<van-dropdown-menu> <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bind:change='select' /></van-dropdown-menu><view class="bigbox"> <view class="bc-fff main" wx:for="{{list}}" wx:key="c
2022-02-23 19:10:29
357
原创 微信小程序总结
1.下载小程序开发工具,和注册小程序的账号.(1).小程序开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html(2).注册一个小程序账号立即注册https://mp.weixin.qq.com/2.认识小程序的文件意义(1).app是全局的,js是全局的javascript代码,json是全局的配置,wxss是全局的css样式(可以用来放css的公共样式),app
2022-02-22 22:55:54
366
原创 微信小程序的安装和配置
(一) 开发工具小程序开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html(二) 构建项目可以新建,也可以导入原有项目 需要去注册一个小程序以获得AppId, 当然也可以使用测试号(三) 小程序配置3.1 app.json全局配置小程序根目录下的app.json文件用来对微信小程序进行全局配置https://developers.weixin.qq.com/mi..
2022-02-22 15:35:42
934
原创 Js进阶1
(一) 基本数据类型和引用数据类型的区别基本数据类型和引用数据类型数据在内存中的存储 基本数据类型存放在栈区 引用数据类型存放在堆区, 同时在栈区存放数据,在堆区存放的地址(引用) (二) 函数的调用方式1.普通函数的调用, 函数名();2.回调函数:// 回调函数: 函数作为参数// callback是个函数function foo(callback) { callback(100); // callback就是goo(100)} function...
2022-02-19 11:28:17
284
原创 JavaScript-8.bom和ajax
金山文档】 Bom和Ajaxhttps://kdocs.cn/l/cnWuvzdJqqOU一.window对象javascript运行在浏览器,而window对象是浏览器提供的一个对象,所以也可以称为宿主对象.window包含dom和bom和其它的一些全局对象和方法,EcmaScript则运行在浏览器上.window为EcmaScript提供了全局作用域.1.浏览器缓存问题1:浏览器本地缓存有哪些?问题2:cookie,sessionStorage,localStorag
2022-01-08 14:33:38
535
原创 JavaScript-9.正则表达式
辅助工具1.在线匹配正则表达式在线测试 | 菜鸟工具2.百度前端助手soft.huruqing.cn(或者其它地方) 去下载, 然后解压 打开chrome浏览器: 右上角省略号 -> 更多工具 -> 扩展程序 -> 打开开发者模式 -> 加载已解压的扩展程序一.创建正则表达式对象什么是正则表达式?答:正则表达式就是用来检索和替换那些符合规则的文本.正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查.
2022-01-05 22:53:07
440
原创 JavaScript-6.内置函数
思维导图https://www.kdocs.cn/view/l/spKXPnIWtQvf一.构造函数和创建对象1.两种函数2.创建对象的俩种方式1.两种函数普通函数：用来实现某个功能 构造函数： 用来创建对象<script> // 实现两个数相加的功能 function add(a,b){ var sum = a+b; return sum; } // 用来创建猫对象的一个函数 function Cat(name,age) {
2022-01-02 22:56:47
461
原创 JavaScript-5.函数和作用域大纲
前言: 完成以下练习编写代码:计算 1-100 相加并输出结果, 计算 1-200 相加,并输出结果, 计算 1-300 相加,并输出结果没学函数前, 我们可能会写三遍 for 循环, 有了函数之后只需要写一遍即可.一.函数的声明函数的调用函数就是封装(打包)多行代码,元素函数就是运行函数封装的多行代码1.函数声明和调用2.对象中的函数(方法),alert就是window对象的一个方法3.函数和声明提前4.函数表达式1.函数声明和调用1.声明函数function(){
2021-12-26 13:44:32
365
原创 Javascript-4.流程控制语句
前言1.调试代码，找出代码中的问题经常使用debugger来打断点，而要能在准确位置打上断点, 就必须熟悉程序的执行流程。2.流程控制语句有三种:顺序结构，分支结构和循环结构。一.顺序结构（默认）1.程序默认从上到下一句一句代码执行，这就是顺序结构。2.若是某一行代码出现了错误，则后面的代码无法执行<script> console.log(1); console.log(2); console.log(3); console.log(a
2021-12-26 10:45:06
88
原创 Javascript-3.运算符和数据类型的转换
一.if else 语句if else用来表示中文里的 如果..., 就...., 否则.....// 条件为true, 执行if后面的括号代码, 否则执行 else 后面括号代码if(条件) { // todo}else{ // todo}// 多重判断if(){} else if() {} else {}具体例子<script> var a = 100; var b = 20; debugger; if (a >
2021-12-25 17:16:58
409
原创 Javascript-2.js变量数据类型
变量用于存储编程所使用的数据和方法。声明一般变量关键字： var，let，const。其中let和const是es6语法。声明其他特殊变量关键字： function，class，import（先了解）等1.声明变量变量用于存储数据，因此可以认为变量实际上就是一个容器存储在变量中的数据，叫做变量的值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-.
2021-12-25 15:52:58
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人