极乐叔
极乐叔

微信小程序开发效果：animation心跳动画

文章来源：http://www.wxapp-union.com/portal.php?mod=view&aid=2856

1、微信小程序开发animation心跳动画


 
       
     
        
  1. wxml文件中：
    2.  
        
  2. [html] view plain copy
    3.  
        
  3. <view class="bottomViewItem"> 
    4.  
        
  4.  <view class="bottomMiddleHeaderView" bindtap="voteClick" data-id="value"> 
    5.  
        
  5.  <view class="bottomMiddleHeaderItem" animation="{{animationMiddleHeaderItem}}"> 
    6.  
        
  6.   
    7.  
        
  7.  <view class="bottomMiddleHeaderItemSubView"> 
    8.  
        
  8.  <image src="/images/detail_vote_heart.png" style="width:32rpx; height:32rpx;" animation="{{animationMiddleHeaderItem}}">image> 
    9.  
        
  9.  view> 
    10.  
        
    11.  
        
  11.   
    12.  
        
  12.  <view class="bottomMiddleHeaderItemSubView">投票view> 
    13.  
        
  13.  view> 
    14.  
        
  14.  view> 
    15.  
        
  15.  view> 
    16.  
       
 
       
 js文件中：
 
       
 
       
 
       
 
       
     
        
  1. [javascript] view plain copy
    2.  
        
  2. // 页面渲染完成 
    3.  
        
  3.  onReady: function () { 
    4.  
        
  4.  var circleCount = 0; 
    5.  
        
  5.  // 心跳的外框动画 
    6.  
        
  6.  this.animationMiddleHeaderItem = wx.createAnimation({ 
    7.  
        
  7.  duration:1000, // 以毫秒为单位 
    8.  
        
  8.  /** 
    9.  
        
  9.  * http://cubic-bezier.com/#0,0,.58,1 
    10.  
        
  10.  * linear 动画一直较为均匀 
    11.  
        
  11.  * ease 从匀速到加速在到匀速 
    12.  
        
  12.  * ease-in 缓慢到匀速 
    13.  
        
  13.  * ease-in-out 从缓慢到匀速再到缓慢 
    14.  
        
  14.  * 
    15.  
        
  15.  * http://www.tuicool.com/articles/neqMVr 
    16.  
        
  16.  * step-start 动画一开始就跳到 100% 直到动画持续时间结束 一闪而过 
    17.  
        
  17.  * step-end 保持 0% 的样式直到动画持续时间结束 一闪而过 
    18.  
        
  18.  */ 
    19.  
        
  19.  timingFunction: 'linear', 
    20.  
        
  20.  delay: 100, 
    21.  
        
  21.  transformOrigin: '50% 50%', 
    22.  
        
  22.  success: function (res) { 
    23.  
        
  23.  } 
    24.  
        
  24.  }); 
    25.  
        
    26.  
        
  26.  setInterval(function() { 
    27.  
        
  27.  if (circleCount % 2 == 0) { 
    28.  
        
  28.  this.animationMiddleHeaderItem.scale(1.15).step(); 
    29.  
        
  29.  } else { 
    30.  
        
  30.  this.animationMiddleHeaderItem.scale(1.0).step(); 
    31.  
        
  31.  } 
    32.  
        
    33.  
        
  33.  this.setData({ 
    34.  
        
  34.  animationMiddleHeaderItem: this.animationMiddleHeaderItem.export() 
    35.  
        
  35.  }); 
    36.  
        
    37.  
        
  37.  circleCount++; 
    38.  
        
  38.  if (circleCount == 1000) { 
    39.  
        
  39.  circleCount = 0; 
    40.  
        
  40.  } 
    41.  
        
  41.  }.bind(this), 1000); 
    42.  
        
    43.  
        
  43.  }, 
    44.  
       
 
       
 2、微信显示倒计时
 
       
 wxml文件中：
 
       
 
       
 
       
 
       
     
        
  1. [html] view plain copy
    2.  
        
  2.  
    3.  
        
  3.  <view class="countDownTimeView countDownAllView" > 
    4.  
        
  4.  <view class="voteText countDownTimeText">{{countDownDay}}天view> 
    5.  
        
  5.  <view class="voteText countDownTimeText">{{countDownHour}}时view> 
    6.  
        
  6.  <view class="voteText countDownTimeText">{{countDownMinute}}分view> 
    7.  
        
  7.  <view class="voteText countDownTimeText">{{countDownSecond}}秒view> 
    8.  
        
  8.  view> 
    9.  
       
 
       
 js文件中：
 
       
 
       
 
       
 
       
     
        
  1. [javascript] view plain copy
    2.  
        
  2. Page( { 
    3.  
        
  3.  data: { 
    4.  
        
  4.  windowHeight: 654, 
    5.  
        
  5.  maxtime: "", 
    6.  
        
  6.  isHiddenLoading: true, 
    7.  
        
  7.  isHiddenToast: true, 
    8.  
        
  8.  dataList: {}, 
    9.  
        
  9.  countDownDay: 0, 
    10.  
        
  10.  countDownHour: 0, 
    11.  
        
  11.  countDownMinute: 0, 
    12.  
        
  12.  countDownSecond: 0, 
    13.  
        
  13.  }, 
    14.  
        
  14.  //事件处理函数 
    15.  
        
  15.  bindViewTap: function() { 
    16.  
        
  16.  wx.navigateTo( { 
    17.  
        
  17.  url: '../logs/logs' 
    18.  
        
  18.  }) 
    19.  
        
  19.  }, 
    20.  
        
  20.  onLoad: function() { 
    21.  
        
  21.  this.setData( { 
    22.  
        
  22.  windowHeight: wx.getStorageSync( 'windowHeight' ) 
    23.  
        
  23.  }); 
    24.  
        
  24.  }, 
    25.  
        
    26.  
        
  26.  // 页面渲染完成后 调用 
    27.  
        
  27.  onReady: function () { 
    28.  
        
  28.  var totalSecond = 1505540080 - Date.parse(new Date())/1000; 
    29.  
        
    30.  
        
  30.  var interval = setInterval(function () { 
    31.  
        
  31.  // 秒数 
    32.  
        
  32.  var second = totalSecond; 
    33.  
        
    34.  
        
  34.  // 天数位 
    35.  
        
  35.  var day = Math.floor(second / 3600 / 24); 
    36.  
        
  36.  var dayStr = day.toString(); 
    37.  
        
  37.  if (dayStr.length == 1) dayStr = '0' + dayStr; 
    38.  
        
    39.  
        
  39.  // 小时位 
    40.  
        
  40.  var hr = Math.floor((second - day * 3600 * 24) / 3600); 
    41.  
        
  41.  var hrStr = hr.toString(); 
    42.  
        
  42.  if (hrStr.length == 1) hrStr = '0' + hrStr; 
    43.  
        
    44.  
        
  44.  // 分钟位 
    45.  
        
  45.  var min = Math.floor((second - day * 3600 *24 - hr * 3600) / 60); 
    46.  
        
  46.  var minStr = min.toString(); 
    47.  
        
  47.  if (minStr.length == 1) minStr = '0' + minStr; 
    48.  
        
    49.  
        
  49.  // 秒位 
    50.  
        
  50.  var sec = second - day * 3600 * 24 - hr * 3600 - min*60; 
    51.  
        
  51.  var secStr = sec.toString(); 
    52.  
        
  52.  if (secStr.length == 1) secStr = '0' + secStr; 
    53.  
        
    54.  
        
  54.  this.setData({ 
    55.  
        
  55.  countDownDay: dayStr, 
    56.  
        
  56.  countDownHour: hrStr, 
    57.  
        
  57.  countDownMinute: minStr, 
    58.  
        
  58.  countDownSecond: secStr, 
    59.  
        
  59.  }); 
    60.  
        
  60.  totalSecond--; 
    61.  
        
  61.  if (totalSecond < 0) { 
    62.  
        
  62.  clearInterval(interval); 
    63.  
        
  63.  wx.showToast({ 
    64.  
        
  64.  title: '活动已结束', 
    65.  
        
  65.  }); 
    66.  
        
  66.  this.setData({ 
    67.  
        
  67.  countDownDay: '00', 
    68.  
        
  68.  countDownHour: '00', 
    69.  
        
  69.  countDownMinute: '00', 
    70.  
        
  70.  countDownSecond: '00', 
    71.  
        
  71.  }); 
    72.  
        
  72.  } 
    73.  
        
  73.  }.bind(this), 1000); 
    74.  
        
  74.  }, 
    75.  
        
    76.  
        
  76.  //cell事件处理函数 
    77.  
        
  77.  bindCellViewTap: function (e) { 
    78.  
        
  78.  var id = e.currentTarget.dataset.id; 
    79.  
        
  79.  wx.navigateTo({ 
    80.  
        
  80.  url: '../babyDetail/babyDetail?id=' + id 
    81.  
        
  81.  }); 
    82.  
        
  82.  } 
    83.  
        
  83. }) 
    84.  
       
 
       
 效果图：
 
       
 
 
      
 		 
    
 
    
  
 
  
 
  
 
  
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(微信小程序)

        

            

                
    
                    
  • 解决uniapp开发微信小程序的，打包上传项目，提示文件过大的问题
                        上趣工作室
uni-app微信小程序小程序
                        
    前段时间，开发一个uniapp的项目，本来是做成app的，后来客户考虑，还想要微信小程序。我们在微信开发者工具里面上传项目时，一直提示项目太大，超过了2M(20487kb),后来我们尝试了多次，最终找到了解决办法，下面我来总结一下：首先，我们可以排查一下是不是图片问题。如果是图片问题，我们可以通过网络远程引进或者cdn的方式，替换原本的图片相对路径。第二：检查相关的文件，看一下时提示拿个文件过大，
    
                    
    • 
                    
  • 微信小程序-base64加解密
                        叶落无痕123
微信小程序小程序
                        
    思路：先创建一个base64.js的文件，这个文件可以作为专门加解密的文件模块，需要时就引用；创建好后，引用base64.js里的加解密函数。注意：引用模块一定要引用正确的路径，否则会报错。base64.js://实现Base64加密functionbase64Encode(str){letbase64=newBase64();returnbase64.encode(str);}//实现Base6
    
                    
    • 
                    
  • 微信小程序实现类似picker多选
                        JRJ || 575
微信小程序
                        
    版本迭代picker单选改为多选，官方文档只有多列选择器没有多选，自己写呗最终实现效果图实现思路：1.自己画模态框2.遍历初始数据push新增参数checked:false3.点击改变checked值来实现多选上代码：whtml：modalName变量控制模态框显隐等级0}}">{{checkNum}}等级选择（可多选）{{item.key}}清空确定0}}">({{checkNum}})jsda
    
                    
    • 
                    
  • 微信小程序单选题双击取消功能实现
                        d1st2nt
微信小程序小程序
                        
    因为单选题不自带双击取消功能，于是在我学习了其中的逻辑之后我决定自行编写代码实现该功能。具体实现方法：添加了一个状态变量isChecked,初始值设为false，在选项上添加了点击事件，设置了两个全局变量，在点击事件中，第一个全局变量存奇数次选择的值，第二个全局变量存偶数次选择的值，将这两个变量进行对比，如果存的值一样，设置isChecked的值为false，同时将存该选项答案的变量设为空，不一样
    
                    
    • 
                    
  • 微信小程序之单选框
                        ch_s_t
微信小程序微信小程序notepad++小程序
                        
    微信小程序中的单选框（Radio）是一个常用的输入组件，用于在多个选项中进行选择。常见的应用场景有性别选择、选项过滤、问卷调查等。本文将介绍小程序中单选框的特点和作用及相应示例。一、单选框的特点和作用特点：单一选择：用户只能选择一个选项，适合于互斥项的选择。分组显示：单选框通常是一个选项组的形式，多个单选框的组合，一般会有相同的name属性，以便在选择时实现互斥效果。简洁明了：界面简洁，有助于用户
    
                    
    • 
                    
  • uniapp 微信小程序支付流程
                        AAA正在输入中
uni-app微信小程序小程序
                        
    uniapp小程序支付流程主要包括以下几个步骤：申请微信支付：在开始开发前，首先需要在微信支付平台完成注册和申请审核。申请成功后，将获得微信支付所必须的各种证书、密钥等信息，这些信息将用于后续的支付请求1。安装支付插件：在uniapp中，需要使用相应的支付插件来实现微信支付功能。比如可以使用uni-pay插件1。获取登录凭证（code）：在小程序端，调用wx.login()接口获取用户的登录凭证（
    
                    
    • 
                    
  • [随笔] uniapp微信小程序端踩坑记2---input监听、点击事件、Wxml中不可使用this
                        "William'_
uni-app小程序vue.js
                        
    在微信小程序端使用watch()监听input标签输入的值时出错。处理：不使用watch()监听，对input标签绑定@input事件，方法中使用e.detail.value获取输入值。<inputclass="lu-input"@input="search"v-model="iuputShow"/
    
                    
    • 
                    
  • 微信小程序开发之——列表渲染-wxfor(1)
                        wang688699
程序员微信小程序小程序
                        
    在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item使用wx:for-item可以指定数组当前元素的变量名，使用wx:for-index可以指定数组当前下标的变量名如果列表中项目的位置会动态改变或者有新的项目添加到列表中，需要使用wx:key来指定列表中项目的唯一的标识符二wx:for渲染
    
                    
    • 
                    
  • 微信小程序开发入门教程
                        天马3798
教程系列整理微信小程序小程序
                        
    微信小程序开发入门教程#1、微信小程序的概念、历史、发展微信小程序的概念、历史、发展-CSDN博客#2、微信小程序的开发工具微信官方给出的开发工具：概览|微信开放文档#3、微信小程序的项目结构、创建、发布审核#4、微信小程序开发常见问题整理#5、微信小程序的框架接口#6、微信小程序的wxml基础语法微信小程序数组绑定使用案例（一）_微信小程序绑定一个数组对象list到页面,修改数组中的一个值,在把
    
                    
    • 
                    
  • 微信小程序使用web-view跳转网页解决跳转出现空白或者被拦截问题
                        开朗的网友（管理员）
微信小程序前端小程序
                        
    1.为了解决微信小程序跳转网页时出现的空白或被拦截问题，可以使用web-view组件进行跳转及其跳转后操作。首先，在小程序的页面布局文件中添加web-view组件的引用2.在需要跳转的地方，使用小程序提供的API进行跳转，并将参数对象作为参数传递过去wx.navigateTo({url:'/pages/webview/webview?url=https://www.example.com¶
    
                    
    • 
                    
  • 微信小程序 wx:for的一些事
                        Argons_0925
微信小程序微信
                        
    在研究微信小程序过程中遇到了这样一个问题：使用wx:for进行列表渲染时，直接用方括号[]表示非关联数组时，内容为字母则不能识别。可能大家没有看懂上面的话。直接上代码吧。为了好分辨，我使用了_______来隔开{{index}}:{{item}}_______________{{index}}:{{item.id}}_______________{{index}}:{{item}}data:{ar
    
                    
    • 
                    
  • 基于微信小程序的设计—美食推荐系统设计（附论文+源码）
                        picking_bananas
微信小程序美食小程序毕业设计
                        
    关键词：微信小程序；美食管理；美食推荐；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）微信小程序是一种基于微信平台的轻量级应用程序，具有易于开发、易于传播、易于使用等特点。美食推荐系统则是一种通过推荐美食来提高用户的美食体验的应用程序。基于微信小程
    
                    
    • 
                    
  • 微信小程序实战教程：如何使用map组件实现地图功能
                        Jiaberrr
微信小程序小程序javascript前端map
                        
    在微信小程序中，map组件是一个非常实用的功能，它可以帮助我们快速实现地图展示、定位、标注等操作。本文将详细介绍如何在微信小程序中使用map组件，带你轻松掌握地图开发技能。一、map组件概述map组件是微信小程序官方提供的一个地图组件，它支持地图展示、缩放、拖动、定位、标注等功能。在使用map组件之前，我们需要先在app.json中配置高德地图或腾讯地图的key。二、配置地图key登录微信小程序后
    
                    
    • 
                    
  • uniapp 微信小程序 点击按钮调用微信支付
                        公孙元二
微信支付微信小程序uniapp
                        
    实现效果：点击按钮后唤起支付方式选择：在这里我选择“微信支付”输完成密码后完成支付：需求：计算金额和创建支付订单等操作都在后端完成，前端只要将后端传过来的签名、时间戳、随机字符串等参数传给微信的api，即可在小程序唤起支付弹窗。代码：//调用微信支付callPayMent(data){wx.requestPayment({//调起支付'timeStamp':data.timeStamp,'nonc
    
                    
    • 
                    
  • 基于Python大数据的王者荣耀战队数据分析及可视化系统
                        计算机学姐
大数据精选实战项目源码Python精选实战项目源码Vue源码1024程序员节python大数据数据分析数据挖掘djangovue.js
                        
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于大数据+大屏可视化+Python+D
    
                    
    • 
                    
  • uniapp 微信小程序 金额展示套餐
                        竣子好逑
uniappv2组件uni-app微信小程序小程序
                        
    html喜欢作者其他金额-->￥{{item}}js//打赏asyncfun_reward(price){//里面写逻辑},css.gradelist{padding:30rpx;background:#f5f5f5;border-radius:8rpx;box-sizing:border-box;border-radius:12rpx;margin-top:30rpx;.gradelisTitl
    
                    
    • 
                    
  • 微信小程序
                        ggggyyyyy0928
微信小程序小程序
                        
    一、小程序文件结构1.目录结构pages文件夹：存放【页面文件夹】，一个【页面文件夹】就是一个页面，存放着小程序页面文件。即pages中的每一个文件夹都存放着一个小程序页面的文件（js、wxml、json、wxss）页面文件夹一个【页面文件夹】中必须包含以下4个文件，为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。.json后缀的JSON配置文件.wxml后缀的WXML模板
    
                    
    • 
                    
  • 基于微信小程序的健身房预约管理系统
                        计算机学姐
微信小程序源码微信小程序小程序springbootvue.jsjavamysql后端
                        
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示基于微信小程序+Java+SpringBoot+Vue+
    
                    
    • 
                    
  • uniapp实现微信公众号网页（H5）授权登陆获取用户信息（前端+后端）
                        会说法语的猪
前端后端uniappuni-app微信前端后端
                        
    这篇说一下使用uniapp开发实现微信公众号网页授权、以及获取用户信息的前端、后端的实现。开始之前呢，先提一嘴uniapp开发微信小程序的微信登陆，之前也写过一篇uniapp微信小程序端实现微信登录，uniapp微信小程序登陆的，大家感兴趣可以去了解一下，因为这uniapp、一会儿小程序、一会儿公众号、一会儿app、一会儿h5的搞得有点儿乱糟糟的。简单总结一下微信小程序登陆，就是前端需要调用uni
    
                    
    • 
                    
  • uniapp 微信小程序，底部安全距离适配，针对安卓iPhone不同型号手机
                        沐雨MUYU_
uni-app微信小程序android
                        
    1、全局定义底部安全距离//前提：项目中安装了vuex或其他状态管理工具//文件位置src/store/index.tsimport{createStore}from'vuex';exportdefaultcreateStore({state(){return{safeBottom:''//底部安全距离};},mutations:{...},actions:{...},getters:{safeB
    
                    
    • 
                    
  • Java面试总结（1）
                        dd要努力变优秀！
java面试开发语言
                        
    问题1自我介绍：面试官您好，我叫xxx，是来自xxxx大学软件工程专业的一名应届生，我这次想应聘的是java开发实习生，在校期间，我热爱编程，能够使用java，C++,python的编程语言，其中系统的学习过java及其相关技术栈，使用过SSM，springMVC，springboot等框架开发，开发过web应用，微信小程序等，很期待能到贵公司实习，提高我的开发能力。问题2项目经验（简历上的）问题
    
                    
    • 
                    
  • 小程序快速搭建线上预约线下陪玩伴游系统源码，打造便捷新体验
                        

                        
    一、技术选型前端框架：推荐使用uni-app框架进行开发，因其支持多平台（微信小程序、H5、APP等）的同步发布，能有效提高开发效率和用户体验。后端技术：可以选择PHP+MySQL等成熟的技术栈，确保系统的稳定性和数据处理能力。对于更复杂的需求，也可以考虑使用Java等后端开发语言，配合SpringBoot、SpringMVC等框架，提供全面的编程和配置模型。数据库：MySQL是常用的开源关系型数
    
                    
    • 
                    
  • docker + nginx +微信小程序后台 (springboot)
                        少侠好刀法
dockernginxdocker容器
                        
    1.资源环境阿里云ecs服务器、centos8系统、docker2.0、nginx、微信小程序、springbootjar包、ssl证书、已备案的域名www.dan-huang.cn2.centos8中安装docker卸载原有docker环境yumremovedocker\docker-client\docker-client-latest\docker-common\docker-latest\
    
                    
    • 
                    
  • 原生微信小程序中使用Sass
                        王阔阔
微信小程序微信小程序sass小程序
                        
    在project.config.json文件中配置项setting项{"setting":{//省略其他配置项"useCompilerPlugins":["sass"]},}将wxss后缀名改为scss，就可正常使用sass语法了Sass有两种语法格式：SCSS（SassyCSS）和Sass（缩进语法），SCSS为Sass的主流语法格式。
    
                    
    • 
                    
  • 微信小程序加载H5页面及与H5页面通信的实战教程
                        Jiaberrr
小程序微信小程序前端javascriptwebview
                        
    在微信小程序的开发过程中，我们有时需要在小程序中嵌入H5页面。本文将详细介绍如何在微信小程序中通过webview加载H5页面，并实现小程序与H5页面的通信。一、准备工作搭建微信小程序开发环境，具体步骤请参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart.html准备一个H5页面，可以是本地文件或线
    
                    
    • 
                    
  • 探索微信小程序开发之旅
                        来恩1003
微信小程序微信小程序小程序
                        
    微信小程序学习资料微信小程序学习资料微信小程序学习资料在移动互联网蓬勃发展的当下，微信小程序以其无需下载安装、触手可及的特性，成为众多开发者和企业的热门选择。无论是为了拓展业务渠道、提升用户体验，还是追求技术创新，学习微信小程序开发都能为你打开一扇充满机遇的大门。接下来，让我们一同踏上微信小程序的学习征程。一、基础搭建：开启小程序开发之门开发工具准备：微信官方提供了功能强大且易用的开发工具——微信
    
                    
    • 
                    
  • Java 批量检测微信小程序封禁状态
                        
java微信小程序
                        
    随着微信小程序的快速发展，管理小程序的状态变得越来越重要。若某个小程序因违规被封禁，开发者需要及时知晓。本文介绍了如何使用Java批量检测多个微信小程序的封禁状态，并通过接口获取每个小程序的最新状态。项目代码importjava.io.InputStreamReader;importjava.io.BufferedReader;importjava.net.HttpURLConnection;im
    
                    
    • 
                    
  • 搭建部署一个红娘婚恋app/线上线下交友系统前期准备有哪些？
                        

                        
    随着现代社会的快节奏发展，人们的社交圈逐渐缩小，寻找合适的伴侣成为许多单身人士面临的难题。为满足这一需求，红娘婚恋App/线上线下交友系统应运而生，旨在为用户提供一个安全、便捷、高效的交友平台，帮助他们结识志同道合的朋友，甚至找到人生伴侣。前期准备支持PC端、手机端、微信小程序、APP。首先，先了解搭建流程：搭建网站的环节为：购买域名、购买服务器、网站程序模块、网站备案、网站部署上线和网站推广组成
    
                    
    • 
                    
  • java ssm基于微信小程序的面向企事业单位的项目申报评审系统（源码+文档+运行视频+讲解视频）
                        QQ2279239102
SSM微信小程序微信小程序javaSSM开发语言vue.js
                        
    文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架SSM前端框架vueSSM框架详细介绍系统测试微信小程序介绍四、代码参考源码获取目的摘要：基于JavaSSM与微信小程序的项目申报评审系统，针对企事业单位项目管理痛点，提供一站式解决方案，提升工作效率与透明度。申报单位在微信小程序端按模板填写项目信息，包括项目背景、目标、预算等详细资料，上传相关附件。系统自动校验格式
    
                    
    • 
                    
  • uni-app编写微信小程序使用uni-popup搭配uni-popup-dialog组件在ios自动弹出键盘。
                        码农键盘上的梦
uni-appuni-appios
                        
    uni-popup-dialog对话框将uni-popup的type属性改为dialog，并引入对应组件即可使用对话框，该组件不支持单独使用示例打开弹窗exportdefault{methods:{open(){this.$refs.popup.open()},/***点击取消按钮触发*@param{Object}done*/close(){//TODO做一些其他的事情，before-close为
    
                    
    • 
                                
  • jdk tomcat 环境变量配置
                                    Array_06
javajdktomcat
                                    
    Win7 下如何配置java环境变量 
 
1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 
2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 
3。分别配置高级环境变量。 
   电脑-->右击属性-->高级环境变量-->环境变量。 
 
 
分别配置 : 
 
path   
 &nbs
    
                                
    • 
                                
  • Spring调SDK包报java.lang.NoSuchFieldError错误
                                    bijian1013
javaspring
                                    
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 
org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
    
                                
    • 
                                
  • LeetCode[位运算] - #136 数组中的单一数
                                    Cwind
java题解位运算LeetCodeAlgorithm
                                    
    原题链接：#136 Single Number 
要求： 
给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 
注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 
难度：中等 
分析： 
题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
    
                                
    • 
                                
  • qq登陆界面开发
                                    15700786134
qq
                                    
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： 
public class First {         public void initul(){        jf=ne
    
                                
    • 
                                
  • Linux的程序包管理器RPM
                                    被触发
linux
                                    
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
    
                                
    • 
                                
  • socket通信遇到EOFException
                                    肆无忌惮_
EOFException
                                    
    java.io.EOFException 
at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) 
at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
    
                                
    • 
                                
  • 基于spring的web项目定时操作
                                    知了ing
javaWeb
                                    
    废话不多说，直接上代码，很简单 配置一下项目启动就行 
1，web.xml 
 

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="h
    
                                
    • 
                                
  • 树形结构的数据库表Schema设计
                                    矮蛋蛋
schema
                                    
    原文地址： 
http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488 
 
 
    程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
    
                                
    • 
                                
  • maven将jar包和源码一起打包到本地仓库
                                    alleni123
maven
                                    
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository 
 
 
 
<project>
  ...
  <build>
    <plugins>
      <plugin>
        <groupI
    
                                
    • 
                                
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！
                                    百合不是茶

                                    
    类 File 
File是指文件和目录路径名的抽象表示形式。 
1，何为文件： 
标准文件（txt doc mp3...） 
目录文件（文件夹） 
虚拟内存文件 
  
2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
    
                                
    • 
                                
  • Spring注入有继承关系的类（2）
                                    bijian1013
javaspring
                                    
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 
package com.bijian.spring.test4;

public class AClass {

    private String a;
    private String b;
   
    public String getA() {
        retu
    
                                
    • 
                                
  • 30岁转型期你能否成为成功人士
                                    bijian1013
成长励志
                                    
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
    
                                
    • 
                                
  • 【Velocity四】Velocity与Java互操作
                                    bit1129
velocity
                                    
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础， 
     POJO 
   
package com.tom.servlets;

public
    
                                
    • 
                                
  • 【Hive十一】Hive数据倾斜优化
                                    bit1129
hive
                                    
    什么是Hive数据倾斜问题 
  
 
 操作：join,group by,count distinct 
 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 
 原因：key分布不均匀 
 倾斜度衡量：平均记录数超过50w且
    
                                
    • 
                                
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等
                                    ronin47
nginx lua csrf
                                    
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com 
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 
location /{
    
                                
    • 
                                
  • java-3.求子数组的最大和
                                    bylijinnan
java
                                    
    package beautyOfCoding;


public class MaxSubArraySum {

	/**
	 * 3.求子数组的最大和
题目描述：
输入一个整形数组，数组里有正数也有负数。
数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。
求所有子数组的和的最大值。要求时间复杂度为O(n)。
例如输入的数组为1, -2, 3, 10, -4,
    
                                
    • 
                                
  • Netty源码学习-FileRegion
                                    bylijinnan
javanetty
                                    
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 
可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： 
 


		//pipeline（没有诸如“FileRegionEncoder”的handler）：
		public ChannelPipeline ge
    
                                
    • 
                                
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
                                    cngolon
跨浏览器复制到粘贴板Zero Clipboard
                                    
    Zero Clipboard的实现原理 
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 
Zero Clipboard的安装方法 
首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js 
    
                                
    • 
                                
  • 单例模式
                                    cuishikuan
单例模式
                                    
    第一种（懒汉，线程不安全）： 
public class Singleton {   2     private static Singleton instance;   3     pri
    
                                
    • 
                                
  • spring+websocket的使用
                                    dalan_123

                                    
    一、spring配置文件 
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
    
                                
    • 
                                
  • 细节问题：ZEROFILL的用法范围。
                                    dcj3sjt126com
mysql
                                    
       1、zerofill把月份中的一位数字比如1，2，3等加前导0 
 
      
mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
    
                                
    • 
                                
  • Android开发10——Activity的跳转与传值
                                    dcj3sjt126com
Android开发
                                    
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。 
  
一、Activity跳转 
方法一Intent intent = new Intent(A.this, B.class); startActivity(intent) 
  
方法二Intent intent = new Intent();intent.setCla
    
                                
    • 
                                
  • jdbc 得到表结构、主键
                                    eksliang
jdbc 得到表结构、主键
                                    
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 
假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
    
                                
    • 
                                
  • Android 应用程序开关GPS
                                    gqdy365
android
                                    
    要在应用程序中操作GPS开关需要权限： 
 

<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" />
 
但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 
1、方法一：将项目放到Android源码中编译； 
2、方法二：网上有人说cl
    
                                
    • 
                                
  • Windows上调试MapReduce
                                    zhiquanliu
mapreduce
                                    
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
    
                                
    • 
                                
  • 如何看待一些知名博客推广软文的行为？
                                    justjavac
博客
                                    
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 
互联网上的两种典型心态： 
 
  当初求种像条狗，如今撸完嫌人丑  
  当初搜贴像条犬，如今读完嫌人软  
 
你为啥感觉不舒服呢？ 
难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 
就如同 Google 关闭了 Gooled Reader，那是
    
                                
    • 
                                
  • sql优化总结
                                    macroli
sql
                                    
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！ 
  
要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。 
  
一、简单的统计语句执行时间 
declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
    
                                
    • 
                                
  • Linux Oracle中常遇到的一些问题及命令总结
                                    超声波
oraclelinux
                                    
    1.linux更改主机名 
  
(1)#hostname oracledb　　　　临时修改主机名 
(2) vi /etc/sysconfig/network 　　修改hostname 
(3) vi /etc/hosts　　　　　　　　修改IP对应的主机名 
  
2.linux重启oracle实例及监听的各种方法 
（注意操作的顺序应该是先监听，后数据库实例） 
&nbs
    
                                
    • 
                                
  • hive函数大全及使用示例
                                    superlxw1234
hadoophive函数
                                    
      
具体说明及示例参 见附件文档。  
  
  
文档目录： 
  
目录 
一、关系运算： 4 
1. 等值比较: = 4 
2. 不等值比较: <> 4 
3. 小于比较: < 4 
4. 小于等于比较: <= 4 
5. 大于比较: > 5 
6. 大于等于比较: >= 5 
7. 空值判断: IS NULL 5
    
                                
    • 
                                
  • Spring 4.2新特性-使用@Order调整配置类加载顺序
                                    wiselyman
spring 4
                                    
    4.1 @Order 
 
 Spring 4.2 利用@Order控制配置类的加载顺序 
  
4.2 演示 
 
 两个演示bean 
 
package com.wisely.spring4_2.order;

public class Demo1Service {

}

 
package com.wisely.spring4_2.order;

public class
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他