原生主题的文章列表，还有原生的技术要点_第5页

原生js实现星级评分

今天来实现下星级评分，后边并跟有评价文字。html代码如下：<spanclass="star"><bclass="ct-staric-star-off"></b><bclass="ct-staric-star-off"></b><bclass="ct-s...

代码星球 ·2021-02-20

原生js将秒转为时间

关于运算符的应用，取模应该是比较重要的了，今天写一个关于将秒转为时分秒的小例子。<span>11679</span>s是多少分钟<p></p>上面的p标签用来储存转化出来的时间，js应该这样写：window.onload=function(){varoTs=documen...

代码星球 ·2021-02-20

原生js解决选项卡里套选项卡的问题

今天来看一个稍微复杂的例子，选项卡里套选项卡，先来看看布局：<divid="box"><divid="tabl"class="tabL"><ahref="javascript:void(0)">模块1</a><ahref="javascript:void(0)"&g...

代码星球 ·2021-02-20

原生js修改文本内容

关于修改文本的内容，有好多不同的写法，今天实现一个简单的的案例就是点击“编辑”按钮，文本内容可以保存。看下图：这个例子想要实现的效果就是点击编辑，出现文本框，然后可以更改内容，关键就是在实际项目中可能会遇到有多行这样的内容，那么现在就只能用到传参来解决了，只要实现一个剩下的就都好说了，来看看代码：<ulid="l...

代码星球 ·2021-02-20

原生js计算价格并合计总价

在昨天的案例的基础上，若是想要计算总价，那么就要把每一个li的小计都要加一遍，所有要循环每个li，并且要获取到每个li里的小计的值。要计算出商品的总件数，然后还有总计带的价格，那么js应该这样写：<script>window.onload=function(){varoUl=document.getElem...

代码星球 ·2021-02-20

原生JS计算商品价格

通常购物网站中会有一些价格计算，合计或者小计，今天写一个简单的计算商品价格的小例子：先来看看布局：<body><ulid="lists"><li><inputtype="button"value="-"><b>0</b><inputtype=...

代码星球 ·2021-02-20

原生js解决简单轮播图的切换

之前写过过一种轮播图的切换，是按照顺序依次点击依次更换图片，这次的图片切换主要是可以有点类似京东的轮播图，区别不同的是没有加定时器，不能自己循环，而需要点击任何一个下标，显示当前所对应的图片。先来看看布局html和css：1<divid="pic">2<imgsrc=""/>3<span&...

代码星球 ·2021-02-20

this的应用以及原生js解决鼠标移入出现弹层移除消失

今天来说一下this的应用，其实js中的this是指调用当前方法或者函数的那个对象，牢牢记得这个就很好理解了，通过一个鼠标移入出现浮层，移除浮层消失这个小小的案例来进一步说明这个this的应用。先来看看简单的布局代码，以及显示的效果：1<style>2ul,li{list-style:none;}3ul{o...

代码星球 ·2021-02-20

原生js解决图片点击左右切换（简单轮播图）

想写一个综合性的小案例，主要会运用到数组和判断以及我前面几篇博客所复习到的js的知识。今天案例想要实现的效果图如下图所示：效果是：点击“循环切换”按钮，那么“一号”位置的文案就要写入“图片可以循环”，而下面的左右箭头在点击过程中可以循环点击，并且“二号”和“三号”要响应切换到相对应的数字和文字内容；否则，点...

代码星球 ·2021-02-20

原生js控制字体大小

上篇写到的是关于属性操作的更改添加等，那么今天通过一个简单的案例再来巩固一下更改属性值，有点类似控制新闻页面的文字大小。首先还是先看布局，简单写一句话，并写两个按钮：1<inputid="Btn1"type="button"value="+"name=""/>2<inputid="Btn2"type=...

代码星球 ·2021-02-20

原生js中的innerHTML的用法

上一篇简单提到了innerHTML，那么现在我就通过一个简单的模仿一下发消息的原理例子。接下来简单布局一下：1<divid="box"></div>2<spanid="span1">张三：</span>3<inputtype="text"id="text1"/>...

代码星球 ·2021-02-20

原生js的属性操作

原生js对于我来说确实用的很少，但是今天就想着把原生的js的一些基础知识重新复习一下，毕竟现在关于的原生js的一些插件再复杂也是万变不离其综。先复习一下原生js的一些属性值的添加，替换，修改等。（其实添加和替换的效果差不多）案例1：是添加替换input中的value值，更改button的value值1<input...

代码星球 ·2021-02-20

hive日期函数-原生函数（二）

1. from_unixtime日期函数UNIX时间戳转日期函数: from_unixtime　　语法:from_unixtime(bigintunixtime[,stringformat]) 返回值:string说明:转化UNIX时间戳（从1970-01-0100:00:00UTC到指定...

代码星球 ·2021-02-20

jpa使用原生SQL查询数据库like的用法

jpa使用like查询，需要拼接字符串，如下oracle用法：//dao层代码@Query(value="SELECT*FROMTABLENAMEWHEREUSER_NAMELIKE'%'||?1||'%'",nativeQuery=true)List<Map<String,Object>>qu...

代码星球 ·2021-02-19

mybatis原生Dao实现

接口,实现类 ...

代码星球 ·2021-02-17