自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

My_ccup的博客

艺术来源于生活~

  • 博客(28)
  • 收藏
  • 关注

原创 js 计时器 核心代码

小程序定时器代码示例下面是一个简单的例子,,后面显示最核心的代码片段// components/countDown/countDown.jsComponent({ /** * 组件的属性列表 */ properties: { startTime: { type: String, value: '' }, endTime: { type: String, value: '' } }, lif

2020-12-08 10:54:45 431

原创 小程序之 列表循环与自由选择器混搭(实现手动添加、删除列表,选择器互不干扰!)~~~

其实这个要明白列表循环与地区选择器的实现原理关键函数:e.currentTarget.dataset.id; //获取节点data - id 里面的内容!首先是html。。。。。。<view class="page-tips02">提示:此页面参数均为必填参数 </view><!-- 步骤进度 --><view class="proc...

2020-04-07 16:46:12 288

原创 电子书,turn.js 官方文档,翻译成中文 。2019.01.08翻译

// 基本用法$("#flipbook").turn({acceleration:true,})// 选件=============================================================================================// 加速--------------------------------------------...

2020-01-08 15:08:56 1339

原创 mac 配置nodejs ,更改系统profile文件

1.通过‘访达’进入etc2.在里面找到 proflie文件,然后解锁打开(这个是系统的配置文件)3.在里面加入export NODE_HOME=" node安装路径(bin路径的父级路径)" export PATH=$PATH:$NODE_HOME/binwhich node 在终端可以看node的安装路径:如果是默然安装路径:直接复制下面的命令粘贴到里面就好 ex...

2019-11-28 16:41:54 541

原创 mybatis使用mapper接口实现CRUD

首先是maven的配置文件pom.xml里面都是一些引用中央仓库的jar包,以及高速相关配置文件的文职位置–<dependencies> <!--测试--> <dependency> <groupId>junit</groupId> <artif...

2019-10-11 15:18:01 435

原创 Mybatis执行SQL的两种方式:Sqlsession与Mapper接口

网上看了很多关于写mybatis的的简单教程,由于每个人都有不同思路与方法,最终执行的结果也不尽相同,导致了看过之后,自己对于mybatis的知识也是出于一知半解:最终发现mybatis执行sql有两种方式:第一种就是SqlSession发送Sql;主要就是“配置文件(xml)+映射文件(mapper)+实体类(pojo)+测试类(test)”Role role = (Role)sql...

2019-09-24 10:26:39 2832

原创 idea简单搭建springMVC框架浏览器简单访问

idea用起来很舒服,就是刚开始的时候可能会遇到一些坑——不过习惯了之后,就很好了,这里简单配置,直接跳过开始的创建,直接搭建相关框架结构首相是目录结构;这里满的index.jsp是可以直接index.jsp访问的,为了安全起见,这个文件应该是在WEB-INF文件夹下的view文件里面的index.jsp;下文中的index,index.jsp等都是指向WEB-INF文件夹下的view文件...

2019-09-19 17:30:10 310

原创 javaweb中javaBean的简单应用(动作表示读取,设置)

主要就是通过设置javaBean;通过jsp里面的动作表示jsp:useBean </jsp:useBean>来读取或者设置里面的属性值;package com.dmh;public class Produce { private String name = "电吉他"; private double price = 1880.5; private ...

2019-08-29 14:25:33 315

原创 前端获取验证码的方式

web端页面js简单的逻辑代码这里我采用的是div方式并不是传统的button按钮pointerEvents:none 阻止当前元素相关事件 // 获取验证码的点击 var code = function () { var temp = { countdown: 60, } var settime = ...

2019-08-28 15:07:50 1360

原创 MYSQL标准jdbc连接数据库

其中ssmdemo 是数据库的名字tb_user 是数据库中的表明import java.sql.*;//import java.sql.Connection;//import java.sql.DriverManager;//import java.sql.PreparedStatement;//import java.sql.ResultSet;//import ja...

2019-08-13 11:00:14 171

原创 MAC。下配置环境变量 打开隐藏文件.bash_profile

配置环境变量的根本目的其实就是让电脑在任何地方都可以直接访问需要访问的文件…分界线------------在OSX下,我们用如下命令打开环境变量配置文件:open ~/.bash_profile以maven为例添加maven的绝对路径!(这里是默认的,也可以自己定义自己下载的maven)不知道文件路径的只要把相关文件拖入到终端,就会显示!!!# M2_HOMEexport ...

2019-07-29 15:10:39 1040

原创 前端JS实现数组增加不重复元素功能!(Arrays push() )

prototype. 属性是所有对象中的一个基本属性,他能使对象添加新的属性方法arguments 实参,js中参数的传递都是通过arguments数组(并不是Arrays的实现类)来遍历出参数的个数indexof() 方法,索引方法,如果不存在,返回-1;push() 原生数组在末尾添加参数,返回一个新的数组;Array.prototype.pushNoRepeat ...

2019-07-12 09:49:51 7842

原创 客户B/S体系,移动端touch事件(touchstart,touchmove,touchend),定时器区分点击与长按!

首先是HTML;这里下载了一个封装touch事件的相关插件–> touch.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> //引用jq,我是直用的相关框架里面的jq...

2019-07-05 09:59:21 456

原创 移动端左侧抽屉点击二级列表——

整个逻辑很简单,没什么——//注意一个区别就好:$(select).index(this);$(this).index();它们两者的区别——————第一个是至返回的选择器的数组中所选择的第几项——第二个是当前选择的元素,在同胞元素中所排列的位置——(自行百度)下面:html这里面主要是左侧列表的内容信息;js引用,jq引用,css引用省略——<body&...

2019-05-28 10:29:36 1689 3

原创 点击按钮比变色,点击其他变色,其他恢复默认($.each()函数增加CSS,移除CSS)

&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;userInformation.html&amp;lt;/title&amp;gt; &amp

2019-05-10 09:22:53 1425

原创 小程序默认选择器

小程序的选择器是自带的;这里给他整理出来~wmxl:&amp;lt;view class=&quot;container&quot;&amp;gt; &amp;lt;!--选择器--&amp;gt; &amp;lt;view class=&quot;section&quot;&amp;gt; &amp;lt;view class=&quot;section__title

2019-05-10 09:22:44 1106

原创 小程序弹窗

小程序自带的默认弹窗整理;wxml:&lt;view class="container" class="zn-uploadimg"&gt; &lt;button type="primary"bindtap="showok"&gt;消息提示框&lt;/button&gt; &lt;button type="primary"bindtap=

2019-05-10 09:22:38 230

原创 css3中居中对其的4种方法~

html:这里设置父类为father;子类为son;&amp;lt;div class=&quot;father&quot;&amp;gt; &amp;lt;div class=&quot;son&quot;&amp;gt;&amp;lt;/div&amp;gt;js:1. 方法一(使用绝对布局):.father{ width:500px; height:500px; po

2019-05-10 09:22:09 2985

原创 css文本溢出不换行,省略号显示

单行文本溢出;设置宽度,多于文本溢出,显示省略号;div{width:300px; overflow: hidden; text-overflow:ellipsis; whitewhite-space: nowrap;}多行文本溢出;使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;注意:1.-webkit-line-cl...

2019-05-10 09:22:01 951

原创 小程序interval设置验证码

基本逻辑是设置一个数值,触发点击事件后禁用点击事件,60秒之内,每一秒执行一次函数(采用interval来处理),60秒后,还原;缺点:页面刷新函数重置;wxml:&lt;button class='Code' style='background:{{background}}' disabled='{{disabled}}' data-id="2" bindtap="getBtn"&gt;{...

2019-05-10 09:21:42 215

原创 小程序默认跳转方式

利用小程序提供的 API 跳转//只能跳转到tabBar配置页面wx.switchTab({ url: '/pages/index/index',}); //返回上一级页面(delta:返回的页面数,如果 delta 大于现有页面数,则返回到首页,默认值为1)wx.navigateBack({ delta: 2}) //关闭当前页面,跳转到应用内的某个页面wx.re...

2019-05-10 09:21:30 633

原创 列表循环

wxml:data-id声明数据&lt;block wx:for='{{arrays}}' &gt;&lt;view class='one' bindtap='tap' data-id='{{item.id}}'&gt;{{index}}: {{item.id}}&lt;/view&gt;&lt;/block&gt;js:event.currentTarget.dataset...

2019-05-10 09:21:09 971

原创 前端小程序多选列表(自定义,切换图片状态)

直接贴代码————我看了网上一些代码,我这个逻辑比较复杂一点——不顾看起来应该容易通俗易懂一些——wxml 里面用了列表循环<block wx:for='{{arrays}}'> <view class='list' bindtap='tap' data-id='{{item.id}}'> <view class='list_...

2019-04-29 17:12:04 1241 1

原创 小程序单项选择以及自己遇到的坑(改变样式)——

直接贴代码:既然是单选列表肯定用到列表循环了——<!-- 这里使用了列表循环—— --><view class='money'> <block wx:for='{{arrays}}'> <view class='money_list' bindtap='tap' data-id='{{item.id}}'> <...

2019-04-29 03:02:01 338

原创 全选、全不选、反选

首先是img接下来是html:&lt;form action="" method="get"&gt; &lt;ul id="list"&gt; &lt;li&gt;&lt;label&gt;&lt;input name="Fruit" type="checkbox" value="" /&amp

2019-02-25 15:47:34 261

原创 导航栏,下面的横线随事件而加载动画效果

使用JQUERY事件+相对应函数完美解决。html:class类名命名有些繁琐,懒得改了&amp;lt;div class=&quot;top&quot;&amp;gt; &amp;lt;div class=&quot;top_box&quot;&amp;gt; &amp;lt;img class=&quot;top_box_img&quot; src=&quot;#logo&q

2019-01-14 17:04:09 475

原创 小程序框内左右滑动效果

wxml:这里使用了一个列表循环&lt;view class='father'&gt; &lt;block wx:for="{{arrays}}"&gt; &lt;view class='son' &gt;&lt;/view&gt; &lt;/block&gt;&lt;/view&gt;wxss:主要代码:.father中:white-space: now

2019-01-03 10:16:29 1003

原创 小程序左侧抽屉动画(侧栏菜单)

小程序对于JS的高度封装让每个前端用户都有一种撕心裂肺的感觉;由于不能是用JS来获取DOM,所以以往使用Jquery编写的动画,在小程序里面都不能使用;****忘了从哪里看到的文章,这里我用自己的方式给他整理出来~知识都在于分享。首先微信下程序的每一个页面基本的格式是由四个文件来表现的,分别是:wxml结构层;wxss样式层;js逻辑层;json数据层;以下主要以前三个层来分别阐...

2019-01-02 16:02:36 3921

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除