- 博客(30)
- 收藏
- 关注
RSS订阅转载 java、tomcat安装
今天记录下如何安装java和tomcat，毕竟作为开发人员换电脑或重装系统后都是要装好这些环境的。java的安装：1、下载sdk，官网地址：https://www.oracle.com/technetwork/java/javase/downloads/index.html最新版已经更新到12了，博主不知道是网络原因还是什么，点了下载后网络连接错误，于是就拿之前下的版本8安装...
2019-09-05 02:04:00
199
转载 js实现元素范围内拖动
元素拖拽，网上一堆的实现，其中很多是原生js写的，都不够简洁，甚至运行后看不到效果。于是乎，安静地想了下，拖动元素貌似就是一个滑动事件的监听处理，具体操作如下：1、一个外层DIV，或者直接用根节点代替。2、一个可拖动的元素，设置一个选择器，如下设置的是class="obj"。3、元素css设置绝对定位，相对于影响其定位的父元素做范围内可拖拽注：例子中相对于网页可见高宽...
2019-08-30 10:15:00
685
转载 css3动画帧
动画帧实现：css3使用steps来实现逐帧动画，动画过程中可能出现抖动，实乃精度偏差问题。通常在动画里用到百分比单位时会出现抖动或位移现象，解决方法就是转换成具体的rem或px长度单位。动画一般只有background-position属性，可以有很多帧，steps(1)这样去执行，也可以是两帧，steps(n)来执行。持续执行的动画帧可能会出现最后一帧跟第一帧一闪而过...
2019-08-27 11:03:00
229
转载 js实现转盘抽奖
大转盘抽奖，主要通过css3的"transform:rotate(0deg)"属性来控制元素的旋转角度来实现。通常，抽奖的过程需要渐进的效果，所以直接通过旋转属性写比较繁琐。这里推荐一款插件：http://www.jqueryrotate.com/使用jqueryRotate插件来实现旋转，可以设置持续时间和曲线，上手快，兼容强。方法：rotate(angle);...
2019-08-20 15:56:00
445
转载 css处理文字不换行、换行截断、溢出省略号
1、使文字不换行white-space: nowrap;值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。pre-wrap保留空白符序列，但...
2019-08-15 16:12:00
284
转载 js实现弹幕
弹幕是一个很常见的功能，下面是本人封装的一个小小的实现方案，存在不足之处可以提出来或自由改进。直接上代码：复制可运行<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta content="widt...
2019-08-02 19:20:00
174
转载 快速构建一个vue项目
首先介绍一下命令行构建一个vue项目步骤：1、下载安装node.js（直接运行安装包根据步骤安装完），打开命令行输入：node -v ，出现版本号即安装成功。2、命令行界面输入：cnpm install vue-cli -g，全局安装vue.cli脚手架，输入vue list 出现如下信息即可。3、选择一个目录创建项目文件夹，cd命令到该文件夹，输入命令：vue init...
2019-07-29 10:48:00
112
转载 js获取url参数、图片转本地base64跨域问题
获取url参数是经常需要用的一个方法，url上的参数可以让我们的程序执行更灵活。图片转本地也是很实用的，因为海报合成通常只支持本地。下面我们来看看这些功能的实现：获取所有参数，采用split拆分法：var strs;function GetRequest () {var url = location.search;//获取url中“?”符后的字符串var ...
2019-07-24 11:07:00
1476
转载 html文本域textarea高度自增、自动换行
文本域自动换行、高度自增，采用以下方式：html:<textarea rows="1" class="answerTextArea" maxlength="60"></textarea>css:.answerTextArea{ width: 100%; height: auto; border:none...
2019-07-23 11:31:00
860
转载 自定义radio、checkbox的样式
input标签中的radio和checkbox是很表单中常用的类型，大多时候，默认样式并不能满足我们的需求，所以有了此篇。自定义样式，由此开启：html:<div class="questionBlock3"> <h6>2）请问你喜欢哪种水果？</h6> <div class="answerRadioBox"> ...
2019-07-22 10:55:00
116
转载 10分钟快速入门vue.js
Vue.js是一个轻巧、高性能、可组件化的MVVM库，一套用于构建用户界面的渐进式框架，上手简单，兼容强大。官方文档：https://cn.vuejs.org/v2/guide/下面我们就直接来使用一下vue:引入vue.js:<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdeliv...
2019-07-19 10:11:00
164
转载 前端接口请求的几种方式
前端接口请求方式一：jquery.ajax用法：jQuery.ajax([settings])$.ajax({ url:"",//请求的url地址 success:function(req){//请求成功}, error:function(){//请求出错},...
2019-07-18 11:44:00
1992
转载 快速上手微信小程序webSocket
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocketAPI也被W3C定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直...
2019-07-17 14:31:00
201
转载 js中数组、字符串、日期、数学API方法一览
以下内容摘选自http://www.w3school.com.cn/jsref/jsref_obj_array.asp 点击方法新窗口打开详解 数组：方法描述concat()连接两个或更多的数组，并返回结果。join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop()删除并返回数组的最后一...
2019-07-17 11:48:00
104
转载 微信小程序下拉加载下一页
小程序做得多了，有些常用功能就有必要记录一下请看详解：微信小程序之下拉触底时加载下一页wxml参考： <scroll-view class='dataContainer' scroll-y bindscrolltolower="nextDataPage"> <block wx:for="{{userList}}...
2019-07-17 11:06:00
419
转载 前端省份城市二级联动实现
城市选择作为web常用功能，网上插件多多，其原理大相径庭。以下讲解简单的省份城市二级联动实现：直接上代码，会点前端的都能看懂，安排！html部分： <!--省份选项列表--> <select class="provinceTarget inputEle selectTag" id="province">...
2019-07-10 11:55:00
1480
转载 js实现刮刮卡抽奖
刮刮卡抽奖是前端活动页常见的功能： 链接：图像擦除插件（下载及教程讲解） 推荐理由：无缝刮痕，兼容性好，上手简单 插件有些要修改的地方，打开图像擦除插件后可以看下方网友讨论，或者直接下载本博客文件中的jquery.eraser.js使用方法如下：<!DOCTYPE html><html> <head&...
2019-07-08 11:47:00
466
转载 移动端H5微信分享
移动端H5微信分享功能，可以使项目更好地传播。微信官方教程文档： 微信JS-SDK说明文档步骤一：绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注：登录后可在“开发者中心”查看对应的接口权限。步骤二：引入JS文件在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/...
2019-07-06 15:41:00
275
转载 js生成随机数、随机数列、数值转金融格式
随机数的生成：min到max之间，包括两者自身parseInt(Math.random()*(max-min+1)+min,10);Math.floor(Math.random()*(max-min+1)+min);获取随机数列：常用于打乱出场次序又能整体通过//获取范围内的随机数列，乱序不重复function getOrder(start, end){...
2019-07-06 11:50:00
153
转载 swiper4使用教程-填坑
本篇博客用于记录使用swiper插件中的一些关键点：首先附上官网地址：https://www.swiper.com.cn/ios中使用swiper的坑：/*解决swiper中苹果点击变暗，在css中加入下面这段*/* { outline: none; webkit-focus-ring-color: rgba(0, 0, 0, 0); -...
2019-07-05 11:06:00
661
转载 微信小程序日期转换、比较、加减
直接上干货：在utils目录下新建一个timeUtil.js,代码如下：（在需要用的地方引入这个js，传入对应参数就可以使用了）//时间戳转日期function toDate(number) { var n = number; var date = new Date(parseInt(n) * 1000); var y = date.getFullYea...
2019-07-02 18:55:00
1594
转载 微信小程序图片保存到本地
微信小程序图片保存到本地是一个常用功能：这里讲解下完整实现思路： 因为微信官方的授权只弹一次，用户拒绝后再次调用，就需要结合button组件的微信开放能力来调起，以下方案在微信各种授权中可参考。 wxml部分：一个保存图片按钮（A），一个button组件(B)用来触发授权，B透明度为0，盖在A上，用一个变量来控制是否存在页面中。<view class='bt...
2019-06-28 15:49:00
1343
转载 cocosCreator微信小游戏排行榜思路
cocosCreator制作微信小游戏排行榜实现方案：游戏认知：项目分为主域和子域，主域就是游戏主程部分，子域为单独处理微信排行榜公共域数据的。游戏主域里创建一个节点，添加WXSubContextView组件用来显示子域的排行榜。排行榜的样式和逻辑都在子域里写好，主域里通过微信提供的访问方法传参给子域，子域获取主域的参数信息来做相应处理。所有关于微信公共域数据处理的方法请...
2019-06-25 19:15:00
269
转载 移动web前端常见问题及兼容处理
1、问题之合成海报： 功能技术：http://html2canvas.hertzen.com 问题描述：合成模糊、合成区域内容错位，合成不完整，合成边缘白条等。 解决方案：如有页面布局正常合成错位的，可以检查合成的根节点是否使用了transform属性，尝试不用这个属性再去合成。 图片缺失和模糊参考如下代码，合成前递归加载图片，并在参数处设定倍数。 注意：合...
2019-06-24 11:22:00
171
转载 前端js实现九宫格模式抽奖（多宫格抽奖）
介绍： 前端九宫格是一种常见的抽奖方式，js实现如下，掌握其原理，不论多少宫格，都可以轻松应对。（代码可复制直接运行看效果）。 该案例以四宫格入门，可扩展多宫格，奖品模块的布局可自由设置。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...
2019-06-18 18:24:00
4245
转载 Echarts入门教程精简实用系列
引语：echarts.js是百度团队推出的一款用于图表可视化的插件，用于以图表的形式展现数据，功能强大，上手简单1、从官方网站中下载所需的echarts.js文件，该文件因功能广泛，包体较大，可自行决定按需打包下载。2、从前端页面引入echarts.js，后即可使用<script src="js/echarts.min.js"></script>...
2019-06-11 10:27:00
174
转载 微信小程序图片上传和裁剪
本篇博客用于解决微信小程序图片裁剪问题图片裁剪常用于头像选择和图片合成等。图片裁剪解决方案： 目前网络上知名的微信小程序图片裁剪插件是we-cropper（文末有链接） 操作步骤：下载好we-cropper文件夹，拷贝到小程序目录，可以放在pages列表中。 第一步：wxml中引入插件的wxml，使用模板，编写按钮绑定事件。 第二步，js中引入插件的js，...
2018-12-04 17:28:00
928
转载 web前端js实现资源加载进度条
进度条核心方法，通常j不考虑判断到100，根据项目中的图片数量可能有所差异所以到95就可以了//根据图片load进度条function loadingAsImgLength(){ var precent= 1; var imglen = $('img').length; for(var i = 0; i <...
2018-12-03 18:54:00
445
转载 web前端常用js插件
第一款：截图插件html2Canvas.jshtml2是一款强大的截图插件，只需引入js文件，依照官方给定的截图方法，就能截取对应DOM区域的内容。对于有些截图出现模糊偏移的问题，网上也有一堆解决方法，通常只需放大截图区相应的倍数即可解决。官网地址：http://html2canvas.hertzen.com/第二款：全屏滚动插件fullPage.jsfullPag...
2018-11-20 11:40:00
130
转载 使用IDEA搭建SpringBoot进行增删改查
功能环境：java1.8以上 、IntellJIDEAFirst: 创建项目，请根据项目图一步一步完成建立。二、配置数据库三、创建实体对象建表或对应存在表，根据需要加入相应注解四、创建应用接口并继承JpaRepository接口五、创建Controller类，调用上面接口来进行增删改查以上操作...
2018-07-28 18:05:00
950
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人