- 博客(23)
- 收藏
- 关注
RSS订阅原创 使用Bootstrap5快速写网站首页
引入Bootstrap5直接使用的方法在 head 头内添加如下： <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">在body内添加两行如下： <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js">
2022-05-04 21:06:59
756
原创 艺术画展览的微信小程序分享（附源代码）
比较简洁，感兴趣的也可以学着做一下，最下面附下载链接百度云链接：https://pan.baidu.com/s/1IDkyT6EU11UZ0GK8-wdC2g提取码：cbed取了的朋友帮我点一个小赞赞哦~非常感谢
2021-04-13 00:38:40
1514
1
原创 分享一篇纯HTML加CSS和JavaScript做的仿知乎的微信小程序（含源代码）
源码地址：https://pan.baidu.com/s/1yY4W2BO9tVMwtkCpJ3cJAA提取码：0l3w（以往有些链接出问题的可以私信我要哦~无偿）
2021-04-12 13:19:50
589
原创 用HTML和CSS做一个仿京东的综合购物平台
具体效果如下：源码链接：https://pan.baidu.com/s/1xXsxi4kHK56HC4Sm36m9iA提取码：bjx1图标是从lcoMoon下载的，可以从里面找到自己喜欢的合适拷贝上去使用logo可以自己做一个简单的：
2020-09-05 10:37:35
1059
2
原创 用HTML和CSS做一个携程旅游手机端布局含源码分享
效果如下图所示：文件夹内容如下：源码分享：https://pan.baidu.com/s/1Rdt24sPEB9Rp8tnc9Udr3Q 提取码：3ekahtml：<!DOCTYPE html><html lang="en"></html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid.
2020-08-30 16:39:25
5767
3
原创 用HTML+CSS+less做一个rem布局苏宁手机端商城页面含源码分享
效果如下所示：less需要事先下载node，具体下载过程百度搜索安装即可整体文件夹如下：源码分享：https://pan.baidu.com/s/1IqhFh7V3SoTW8KShGP7kgA 提取码：d0elimages和upload文件夹是图片区域主要编写css部分（链接下载）html源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&.
2020-08-29 23:29:42
1512
原创 用HTML和CSS做一个简单的静态京东手机端页面含源码分享
10分钟内的时间可以完成，具体完成效果如下：百度链接：链接：https://pan.baidu.com/s/11XGuDfeDZsY2xYYmq4KcRg 提取码：42jq整体文件为：代码部分：index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt.
2020-08-29 14:03:03
6067
3
原创 利用Vue做一个简单的密码强度检测页面+含源代码分享
基本效果是如图中所示代码我存储在一个文件夹two中，分如下几个模块先看主页面index.html的：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue输入验证</title> <link rel="stylesheet" href="css/min.css"> <link rel="stylesheet"
2020-08-25 02:42:25
1003
原创 用CSS编写登陆页面（含源代码）
编写基本的HTML，结果如左上角所示：内嵌了css特效包font文件夹css代码块如图所示，主要编写css内容：图片可以添加你喜欢的背景：js文件夹里面是js逻辑层和嵌入资源的js代码块：效果如：...
2020-08-23 22:37:36
7308
原创 Vue源码解析nextTick
nextTick：his.$nextTick()通常是将逻辑放在浏览器下一个任务队列里去执行，比如：我们在页面里想在一个弹框里去获取里面某个dom实例的时候我们必须保证弹窗渲染完成过后才能去执行这个获取逻辑，所以我们会把逻辑写在nextTick 的回调里或者用await this.$nextTicknextTick都做了什么：const callbacks = []let pending = falsefunction flushCallbacks() { ...
2020-08-15 14:20:06
177
原创 vue-router实现路由变更监听
用户点击链接元素：户点击链接交互，即点击了<router-link> props: { tag: { type: String, default: 'a' }, // 绑定的事件 event: { type: eventTypes, default: 'click' } }, render (h: Function) { const handler = e => { .
2020-08-08 12:39:28
1933
原创 核心vue组件概念
props：props定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props 最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值，这点在组件开发中很重要，然而很多人却忽视，直接使用 props 的数组用法，这样的组件往往是不严谨的<props name='属性' :type='type' :is-visible="false" :on-change="handlePro...
2020-07-25 16:45:20
120
原创 vue.js的this指向
函数中：此时函数中的this表示全局对象windowfunction add(){ this}对象下函数中：this表示thiss对象var thiss = { function add(){ this }}vue组件中：组件或者实例中，不管是生命周期钩子函数created还是自定义函数plus，他们中的this都是指当前vue实例new Vue({ data: { add: 1 }, crea...
2020-07-25 14:14:13
560
原创 Vue-v-model修饰符篇章
v-model.lazy:在输入框中，v-model默认是在input事件中同步输入框的数据，使用修饰符.lazy会转变为在change事件中同步，实例如下：结果是等按回车或者失焦才会更新。v-model.number:使用修饰符.number可以将输入转换为Number类型，否则虽然你输入的是数字，但它的类型其实是String，实例如下：v-model.trim:修饰符.trim可以自动过滤输入的首尾空格，实例如下：...
2020-06-19 02:00:39
200
原创 Vue条件判断篇
v-if：v-if条件判断指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。跟其他编程语言一样，也可以添加if else ，else 代码块的指令，不过vue中代码块不同，如下：...
2020-06-14 17:55:23
3675
原创 Vue-表单输入绑定详解篇
v-model：可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素 v-model负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理 v-model会忽略所有表单元素的value、checked、selectedattribute 的初始值而总是将 Vue 实例的数据作为数据来源，所以必要在data中声明初始值 v-model...
2020-06-08 15:58:37
233
原创 Vue动画详解篇
概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 在过渡钩子函数中使用 JavaScript 直接操作 DOM 配合使用第三方 CSS 动画库，如 Animate.css 配合使用第三方 JavaScript 动画库，如 Velocity.js CSS 过渡和动画中自动应用 classtransitionVue 提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用v-if) 条件展示 (使用v...
2020-06-07 17:56:26
558
原创 Vue-简单事件绑定案例过程
监听事件用v-on指令来监听DOM事件，并在触发时运行JavaScript代码 ，实例如下：点击十次效果：也可缩写为@click：v-for遍历数组：结果为：
2020-06-06 16:29:21
170
原创 JavaScript-DOM篇
文档对象模型（DOM）是表示和操作HTML和XML文档内容的基础API。当网络被加载时，浏览器会根据DOM模型将结构化文档解析成一系列的节点，再由这些节点组成一个树状结构：//凑的图有点简陋...哈哈，多加了一个中文的，轮流看可以辅助看得懂，对新手友好...
2020-05-31 10:46:34
154
原创 JavaScript-BOM篇
在Web中使用JavaScript，那么BOM则无疑是真正的核心。 BOM的核心对象是Windows。 Windows是浏览器的一个实例，在浏览器对象有着双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。 全局作用域中声明的变量，函数都会变成Windows对象的属性。 W3C为了吧浏览器中JavaScript最基本的部分标准化，已经把BOM的主要方面纳入了HTML5的规范中。1.location对象：window.location
2020-05-29 18:15:31
114
原创 JavaScript引用类型常见方式详解
1：Object类型目前常见的引用类型基本都是Object类型，虽然Object的实例不具备多少功能，但是在应用程序中存储和传输数据中，它们确实是非常理想的选择var day= new Object( ); //第一个新手案例，简单粗暴这行代码用了Object引用类型申明了一个实例 ，然后把实例保存在了day中，使用的构造函数是Object。一般创建Object实例的方式有两种，第一种是使用new操作符后跟Object构造函数，如实例所示：var day= ne...
2020-05-29 01:45:32
177
原创 JavaScript中强大的arguments函数
arguments函数运用形参时，大多是不知道实参会返回有多少个实际参数代入形参的，使用arguments函数，会自动调整实参的数量代入形参中使用，也就是说，可以获取所有实际传递的参数。 arguments函数是所有非箭头函数中都可以使用的局部变量，是一个类似数组的对象，你可以使用在函数中引用函数的实际参数 arguments参数是传入函数的所有参数的集合，具有lenght属性，表示传入参数的个数，通过arguments参数还可以获取那些与函数形参不匹配的参数。在非严格模式下，arguments对象
2020-05-23 02:11:13
187
原创 JavaScript函数的定义和调用详解
函数的定义方式一：使用函数声明来创建一个函数，语法：function 函数名(形参1，形参2...形参N){ 语法... //语法中的中括号，表示可选}注：形参为形式上表示的代数，实参为实际上使用的数。举例： ...
2020-05-23 00:40:42
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人