- 博客(54)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 圆盘抽奖
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src='jquery-1.7.1.min.js'></script> <script type="text/javascript" src='jquery..
2020-12-27 12:58:12
298
原创 3D之随机变色12旋转体
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ perspective:1000px; } .box{ width: 200px; height: 400px; border: 3px solid red
2020-12-13 13:52:43
176
原创 3D之12旋转体
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ width: 200px; height: 300px; border: 3px solid red; margin:auto; position: ab
2020-12-12 17:02:22
159
原创 3D旋转的太极图
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ width: 260px; height: 260px; margin: 200px auto; position: relative; border:
2020-12-12 16:26:02
1481
原创 3D翻转的扑克牌
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .wp{ width: 300px; height: 300px; margin:auto; position: absolute; top:0; bott..
2020-12-12 16:22:06
356
原创 3D好玩的特效
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style type="text/css"> .box{ width: 156px; height: 156px; background: url(fox45.png); animation:aa 0.5s steps(45) .
2020-12-12 16:16:05
142
原创 3D简单的表情
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style type="text/css"> .box{ width: 332px; height: 474px; background: url(fy_Pp3.png); animation:aa 0.1s steps(2) .
2020-12-12 16:00:33
121
原创 3D简单回力镖
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style type="text/css"> .box{ width: 200px; height: 200px; background: red; animation:aa 1s infinite alternate; p
2020-12-12 15:41:25
208
原创 3D旋转嵌套的立方体
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .wp{ width: 300px; height: 300px; margin:auto; position: absolute; top:0; bottom
2020-12-12 15:33:14
220
原创 3D立方体
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>3D</title> <style type="text/css"> .wp{ width: 200px; height: 200px; position: absolute; margin: auto; left: 0; right: 0;
2020-12-12 14:46:35
181
原创 轮番图之自动切换+按钮点击+箭头点击
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>自动切换</title> <style type="text/css"> .show{ width: 400px; height: 400px; overflow: hidden; } .wp{ width: 999999999999999999
2020-12-12 13:40:05
241
原创 轮番图之自动切换+点击切换
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>自动切换</title> <style type="text/css"> .show{ width: 400px; height: 400px; overflow: hidden; } .wp{ width: 999999999999999999
2020-12-12 13:32:39
279
原创 轮番图之自动切换
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>自动切换</title> <style type="text/css"> .show{ width: 400px; height: 400px; overflow: hidden; } .wp{ width: 999999999999999999
2020-11-18 15:55:28
306
原创 js简单的照片滑动
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .image{ width: 999999999999px; overflow: hidden; } *{ margin: 0; padding: 0; }
2020-11-18 15:49:44
297
原创 js简单实现切换图片上一张下一张功能
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>照片点击切换</title></head><style> *{ margin:0; padding:0; } #picBox{ margin:100px auto; .
2020-11-18 15:39:20
3281
1
原创 js超简单计时器
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title> <style type="text/css"> .text{ font-size: 7em; } </style></head><body> <div id="text" class="text
2020-11-18 15:24:45
414
原创 好玩的js小球弹弹撞
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>小球弹弹撞</title> <style type="text/css"> .box{ width: 100px; height: 100px; position: absolute; left: 200px; top:100px; back
2020-11-18 15:00:16
182
原创 js按钮点击切换
第一篇<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>按钮点击切换</title> <style type="text/css"> .wp{ width: 400px; height: 400px; text-align: center; line-height:
2020-11-18 14:45:16
1050
原创 Orcale11的安装
1、Oracle的安装包与文档 下载地址如下：安装程序 http://www.oracle.com/technetwork/database/enterpriseedition/downloads/index.html?ssSourceSiteId=ocomen文档 http://www.oracle.com/technetwork/database/enterpriseedition/documentation/index.html注意： 用下载工具直接把链接复制进去进行下载。如果在网站上下载，就必
2020-09-21 11:24:49
184
原创 Android项目之记事本
1、需求分析1）业务需求分析：近年来，随着生活节奏的加快，工作和生活的双重压力全面侵袭着人们，如何避免忘记工作和生活中的诸多事情而造成不良的后果，就显得非常重要。为此，我们开发了一款基于Android系统的简单记事本，它能够便携记录生活和工作的诸多事情，从而帮助人们有条理的进行时间管理。2）系统架构分析记事本界面包含内容列表和添加按钮。1、当长按列表条目（Item）时，会弹出一个提示是否删除Item的对话框，当点击对话框中的确定按钮时，删除Item，当点击对话框中的取消按钮时，取消删除Item。
2020-06-20 18:31:15
7870
3
原创 HR-Saas（四）：路由和页面
1. 路由页面整理目标 删除基础模板中附带的多余页面基础模板帮我们提前内置了一些页面，本章节我们进行一下整理首先，我们需要知道类似这种大型中台项目的页面路由是如何设置的。简单项目当前项目结构为什么要拆成若干个路由模块呢？因为复杂中台项目的页面众多，不可能把所有的业务都集中在一个文件上进行管理和维护，并且还有最重要的，前端的页面中主要分为两部分，一部分是所有人都可以访问的， 一部分是只有有权限的人才可以访问的，拆分多个模块便于更好的控制静态路由和动态路由**注意**这里的动态路
2022-03-18 23:32:32
329
原创 HR-Saas（三）：首页模块
1. 首页的token拦截处理目标：根据token处理首页的访问权限问题1.1 权限拦截的流程图我们已经完成了登录的过程，并且存储了token，但是此时首页并没有因为token的有无而被控制访问权限接下来我们需要实现以下如下的流程图在基础框架阶段，我们已经知道**src/permission.js**是专门处理路由权限的，所以我们在这里处理1.2 流程图转化代码流程图转化的代码// 权限拦截 导航守卫 路由守卫 routerimport router from '@/route
2022-03-18 22:14:31
679
1
原创 HR-Saas（二）：登录模块
线上地址本章节，我们将在现有模板的基础上，完成如图的登录模块的功能设置固定的本地访问端口和网站名称目标: 设置统一的本地访问端口和网站title在正式开发业务之前，先将项目的本地端口和网站名称进行一下调整本地服务端口: 在**vue.config.js**中进行设置vue.config.js 就是vue项目相关的编译，配置，打包，启动服务相关的配置文件，它的核心在于webpack，但是又不同于webpack，相当于改良版的webpack， 文档地址如图，是开发环境服务端口的位置我们
2022-03-18 16:41:32
1031
原创 HR-Saas（一）：项目基础环境搭建
人力资源的环境搭建vue-element-admin的了解和介绍目标: 学习和了解通用的vue后台集成方案**vue-element-admin**vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。vue-element-admin 是一个后台集成方案, 集成了PC项目中很多的业务
2022-03-18 10:22:16
839
原创 黑马头条移动项目(十)：登录页面的布局
目标能实现登录页面的布局能实现基本登录功能能掌握 Vant 中 Toast 提示组件的使用能理解 API 请求模块的封装能理解发送验证码的实现思路能理解 Vant Form 实现表单验证的使用1. 登录页面的布局1.1 创建组件并配置路由,访问登录页面src/views/Login/index.vue - 作为登录页面 - 先随意弄写标签显示<template> <div>登录页面</div></template><
2022-03-14 19:44:01
783
原创 黑马头条移动项目(九)：字体图标
导入图标素材设计师为我们单独提供了设计稿中的图标，为了方便使用，我们在这里把它制作为字体图标。制作字体图标的工具有很多，在这里我们推荐大家使用：https://www.iconfont.cn/。1. 注册账户直接选择第三方登录即可 这里选择GitHub2. 创建项目3. 上传图标到项目4. 生成链接5. 配置到项目中使用① 新建styles\icon.less, 然后把代码复制黏贴@font-face { font-family:"iconfont";
2022-03-14 18:04:29
1452
原创 黑马头条移动项目(八)：路由懒加载
目标路由懒加载1. 路由懒加载1.1 目标为何使用路由懒加载什么是路由懒加载1.2 步骤运行时, network里禁用缓存, 观察app.js大小路由懒加载： https://router.vuejs.org/zh/guide/advanced/lazy-loading.html使用component: Login// 改成这个写法component: () => import('@/views/Login.vue')再次运行后观察app.js的大小路由拦截
2022-03-14 16:12:25
1150
原创 黑马头条移动项目(七)：为什么要使用try....catch
目标try和catch1.try…catch1.1 目标捕获await错误情况await用于取代then函数,等待Promise成功结果提取在原地await无法获取Promise失败的结果,一旦失败Promise错误直接抛出到控制台1.2 解决方案使用JS里内置语法, try+catch语法：try { //可能会报错的代码(例如await)} catch (err) { // try里代码报错,捕捉到这里执行}具体代码 main.js// 测
2022-03-14 15:47:50
263
原创 黑马头条移动项目(六)：封装接口方法
目标封装接口方法1. 封装接口方法1.1 目标统一管理请求的接口1.2 步骤创建 api/index.js 定义各种接口方法请求所有频道数据地址 : /v1_0/channels统一封装接口方法统一封装接口方法每个方法负责请求一个url地址 逻辑页面,导入这个接口方法,就能发请求好处 : 请求url路径,可以在这里统一管理// 导入封装的axios函数import request from '@/utils/request'// 频道 —— 获取所有频道
2022-03-14 15:28:13
1119
原创 黑马头条移动项目(五)：封装axios函数
封装接口方法1. 目标基于封装axios函数基于axios进行二次封装.统一配置,便于管理2. 步骤1.下载axios# yarn add axios创建utils/request.js// 基于axios封装网络请求模块// 每个程序员的想法都不一样, 封装的地方和名字都不一样, 但是思想相同// import theaxios from 'axios'// // 新建一个新的axios实例// const axios = theaxios.creat({// ba
2022-03-14 00:06:18
449
1
原创 黑马头条移动项目(四)：引入Vant组件库 和 移动端适配
目标引入Vant组件库并配置1. Vant组件库1.1 目标黑马头条项目 — 基于Vant组件库开发1.2 移动端组件库有赞团队推出的Vant组件库其他移动端组件库vuxmint1.3 引入vant组件库下载vant组件库yarn add vant@2.12.44注意：这里使用的是Vue 2版本, 所以Vant 版本号最高只能是2.12.44, 要不然会报错根据文档指引,配置按需引入Vant 2 组件库：https://vant-contrib.gi
2022-03-13 23:07:59
1155
原创 黑马头条移动项目(三)：安装并配置Git、推送远程仓库 gitee
目标安装并配置 GitGit存储这里是引用1. 安装并配置 Git1.1 在 Windows 中下载并安装 Git在开始使用 Git 管理项目的版本之前，需要将它安装到计算机上。可以使用浏览器访问如下的网址，根据自己 的操作系统，选择下载对应的 Git 安装包：https://git-scm.com/downloads1.2 配置用户信息安装完 Git 之后，要做的第一件事就是设置自己的用户名和邮件地址。因为通过 Git 对项目进行版本管理的时 候，Git 需要使用这些基本信息，
2022-03-13 21:38:27
478
原创 黑马头条移动项目(二)：项目创建并初始化、配置ESLint、了解项目的目录结构
1. 目标能使用 Vue CLI 创建项目了解 Vant 组件库的导入方式掌握制作使用字体图标的方式掌握如何在 Vue 项目中处理 REM 适配理解 axios 请求模块的封装2. 项目_创建目标用@vue/cli包, 创建脚手架项目步骤创建项目 (建议使用cmd终端)...
2022-03-13 20:49:38
1554
原创 黑马头条移动项目(一)：项目介绍、项目技术点介绍、项目包介绍
1. 项目介绍黑马头条移动端是一个IT资讯移动web应用，有着和今日头条类似的资讯浏览体验。主要功能：资讯列表、标签页切换，文章举报，频道管理、文章详情、关注功能、点赞功能、评论功能、搜索功能、登录功能、个人中心、编辑资料、小思同学黑马头条可打包成一款移动APP，后期结合H5+可在Dcloud打包成一款体验较好的手机应用。项目在线浏览地址: http://toutiao.liulongbin.top/#/2. 项目技术点介绍vue.js中$nextTick使用 (vue更新DOM是异步
2022-03-13 15:52:38
18873
4
原创 Mysql安装过程有可能会出现的报错
解决方法：msiexec /package C:\Users\易破解\Downloads\Programs\mysql-installer-community-5.7.33.0.msi
2021-01-18 15:27:35
225
原创 Visual Studio 2012安装
一、软件下载:Visual Studio Ultimate 2012 with MSDN ：MSDN旗舰版包含最全的Visual Studio套件功能，及Ultimate MSDN订阅 ,除包含Premium版的所有功能外,还包含可视化项目依赖分析组件、重现错误及漏洞组件(IntelliTrace)、可视化代码更改影响、性能分析诊断、性能及负载测试及架构设计工具。简体中文旗舰版下载地址：http://download.microsoft.com/download/B/0/F/B0F589ED-F1B7-
2020-09-21 11:37:09
3754
原创 Android之Intent与IntentFilter
在Android系统中，一般应用程序是由多个核心组件构成的。如果用户需要从一个Activity切换到另一个Activity，则必须使用Intent来进行切换。Intent被称为意图，是程序中各组件进行交互的一种重要方式，他不仅可以指定当前组件要执行的动作，还可以在不同组件之间进行数据传递。一般用于启动Activity、Service以及发送广播等。根据开启目标组件的方式不同，Intent被分为两种类型显示意图和隐式意图。1、显式意图可以直接通过名称开启指定的目标组件2、隐式意图通过指定acti.
2020-07-12 15:30:00
810
原创 Activity的创建配置和关闭
1、创建Activity在Android Studio中创建Activity的方式比较简单，只需要右击项目中存放Activity的包，接着选择【New】–>【Activity】–>【Empty Activity】选项，填写Activity信息，完成创建。2、配置Activity在Android Studio中的包名右键选择创建【New】–>【JavaClass】选项，填写Class信息，完成创建。3、在AndroidMainfest.xml文件的标签中配置Activity:
2020-07-12 15:19:42
522
原创 Activity之生命周期
1.生命周期状态2.生命周期的方法第一次运行程序时调用的生命周期方法为：onCreate()— onStart()—onResume()。退出程序时调用的生命周期方法为：onPause()—onStop()—onDestory()。package com.example.myapplication;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import android.util.Lo
2020-07-12 14:45:14
259
原创 常见界面布局之LinearLayout线性布局
1.什么是LinearLayout线性布局LinearLayout (线性布局）通常指定布局内的子控件水平或者轻直排列。在XML布局文件中定义线性布局的基本语法格式如下：<LinearLayout xmls:android="http: //schemas,android.com/apk/res/android"> 属性 = " 属性值 " ......></LinearLayout >除了布局的通用属性外，LinearLayout布局还有两个比较常用的属性，具体
2020-07-04 11:02:45
2590
简单的圆盘抽奖，主要引入jquery-1.7.1.min.js和jquery.rotate.min.js
2020-12-27
android-studio-ide-192.6241897-windows.exe安装包
2020-07-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人