南宁小程序开发
zkelm.com
这个作者很懒,什么都没留下…
展开
-
开始啃Thinkphp,往全栈进军
市场上太多的php源码,非常适合我们团队这种小外包。2022年4月 我们换了新办公室。希望越来越好,订单多多原创 2022-04-30 12:04:24 · 422 阅读 · 1 评论 -
挑战百日学习计划第59天,(热图animation)
热图标注点, 动态扩散效果 ,使用animation做思路如下:1.设置一个div 比如 city, 然后使用绝对定位absolute 定位到对应的城市名称之中然后分别做一个点 和三个圈, 分别设置绝对定位<div class="city"> <div class="dotted"></div> <div class="pulse1"></div> <div class="pulse2">.原创 2021-10-17 10:06:30 · 220 阅读 · 0 评论 -
小程序商城系统实例。小程序开发学习第58天,
实战联系,写一个品优购类型的首页,做了几天,总算写完了,源码如下这里贴出源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>品优购商城</title> <style type="text/css"> @font-face { font-family: 'icomoon'; src: url('font原创 2021-10-16 01:23:00 · 137 阅读 · 0 评论 -
学习小程序开发定制计划第56天,Vue实例(购物车实现)
今天学习了下vue,跟着教程做了一个实例, 分享给大家一起学习。讲解一下思路:1.所有的数据都存在一个数组中,services:[ { name:'汉堡包', price:300, active:false }, { name:'薯片', price:200, active:false }, { name:'可乐鸡肉块', pric原创 2021-08-31 00:41:58 · 151 阅读 · 0 评论 -
挑战百日学习计划第55天,Vue实例(南宁点餐小程序开发)
Vue小实例,首先实现的模式是:1.先做一个UI 把布局弄出来。2.写逻辑层 用Vue写这里是完整代码<html> <head> <meta charset="UTF-8"> <title>list</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> <style>原创 2021-07-28 10:27:39 · 114 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第52天(自适应导航条)
虽然看了Bootstrap的好几个实战教程,但是没操作过一遍,确实还是有点感觉不适应, 实战之中还是会出现一些乱七八糟的小问题,学Bootstrap 还是要做一些实例来对它语法的适应.广西南宁小程序开发定制:www.nasiot.com今晚弄了一个简单的bootstrap 导航条,代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Bootstrap响应原创 2020-12-23 02:11:45 · 334 阅读 · 0 评论 -
企业OA系统定制开发,挑战百日学习计划第51天(响应式查询media详解)
@media only screen and (max-width) 多媒体查询的使用方法,是css中引入的一个新概念。但是要做响应式网站,还是要配合框架开发,比较容易,其实不用深究这个概念,只是知道原理就行,广西小程序开发 app开发 www.nasiot.com<html> <head> <meta charset="utf-8"> <title>@media</title> <style> @m原创 2020-12-20 00:36:15 · 347 阅读 · 2 评论 -
企业OA系统定制开发,挑战百日学习计划第50天(响应式网站开发)
上一周,在群里面吹水摸鱼,然后来了一个学生仔,正好 水平很菜,比我还菜,瞬间我的感觉就上来了,炫耀的时机就在眼前。 在他面前我终于找回了信心。然后他顺水推舟,请教了我三个问题,说是学校的作业, 这逼我一装就大了。 响应式,没搞过… 然后我花了一周时间,又撸了一遍什么是响应式,为什么有这种技术是怎么实现的。南宁小程序开发企业oa定制:www.nasiot.com响应式的学习路线:1.理解响应式:就是多媒体查询@media screen and (max-width: 300px) { bo原创 2020-12-19 19:36:59 · 3223 阅读 · 9 评论 -
南宁小程序开发,挑战百日学习计划第47天(canvas画板工具1)
南宁小程序开发:www.nasiot.comcanvas画板工具 ,一定要在canvas里面写width height 否则会导致画线被强制放大<canvas id="c" width="500" height="300" style="border:1px solid #333"></canvas>画一个矩形 var c=document.getElementById("c"); var ctx=c.getContext("2d"); ctx.m.原创 2020-09-02 18:10:00 · 290 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第46天(css3-transition 过渡)
南宁小程序开发:www.zkelm.comcss3 transition:一种过渡效果,从一种形态过渡到另外一种形态的效果, 并不是所有的都支持, 只是支持一些background border border-radius原创 2020-08-29 01:35:21 · 403 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例)
我要戒咖啡,因为喝咖啡会给我一种莫名的兴奋感,会让我误认为已经成功了的幻觉,然而忘记了自己的目标和初衷。我本应拥有源源不断的精神力量被消磨殆尽。所以我决定戒掉咖啡。最近将有一个财务系统需要开发合作。已经在约谈, 还有一个房地产公司,需要对自己的一套物业系统进行二次开发,他们已经找了7家公司都没人会做, 而我们准备接下来I!letsgo!物业系统开发,物业小程序开发:www.zkelm.com南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例),这个我做了好几天,只原创 2020-08-03 22:59:10 · 217 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第44天(javascript实现图片放大镜效果)
南宁小程序开发团队:http://www.zkelm.com今天的课程是,用javascript实现淘宝的放大镜查看图片效果,移动鼠标过去的时候,图片会展示响应的位置实现这个主要有1个难点,我做简单的介绍1.就是阴影移动的最大距离, 和 大图片移动的最大距离比例阴影移动最大距离/大图片移动最大距离=阴影移动left/大图片移动left以上公式很重要, 明白了,这个 就可以很容易写出来 为了方便理解,我画了一个图详细代码如下,<!DOCTYPE html><html.原创 2020-07-31 02:54:50 · 286 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第43天(拖拉登录框的写法)
南宁小程序开发:www.zkelm.com今天的主题是做一个 移动的登录model框, 支持移动 拖放!1.首先先用HTML css 来设计一个登录界面, 确实要快的话就是直接引用layui 一样的框架就行, 简单粗暴,但是现在因为是学习,所以还是手打代码 自己diy一个,html代码如下:这里就不一一解析了,<html> <head> <meta charset="utf-8"> <title>移动摩斯框</title>.原创 2020-07-23 02:54:53 · 320 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第42天(offsetWidth offsetHeight的使用)
南宁小程序开发公司:www.zkelm.com这两天就学了 offset 偏移量 主要就4个主要参数:1.offsetLeft 元素的 距离父辈定位元素(注意是定位元素)得偏移量,此偏移量得计算标准就是 父类border 到子类border之间所见即所得。 如图所示2.offsetTop 同理:3.offsetWidth 元素的实际宽度,(所见的实际宽度, 如果border加大 也会跟着大, 如果padding 内撑大也会跟着大。如果你用 box-sizing:border-bo.原创 2020-07-19 13:59:19 · 478 阅读 · 2 评论 -
南宁小程序开发公司,挑战百日学习计划第41天(js对单元格的增删查改)
纯javascript对表格的删除,动态赋值 动态删除. 这里直接附带源码 。 没毛病,这个文章就是充数的,对上一个实例的一个补充完整的代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>student表格</title> <style> table{ border:1px solid #aaa; bord原创 2020-07-19 02:27:28 · 226 阅读 · 0 评论 -
南宁小程序开发公司,挑战百日学习计划第40天(js对单元格的增删查改)
热爱学习无法自拔,每天进步1%南宁小程序开发:www.zkelm.comjavascript对table的操作对数据的增加删除先写一个table 这个就不做解析了, 照着代码撸就对了!<style> table{ border:1px solid #aaa; border-collapse:collapse; text-align: center; width: 350px; } th,td,tr{ bor原创 2020-07-15 01:25:45 · 372 阅读 · 0 评论 -
南宁小程序开发公司,挑战百日学习计划第39天(JS实现留言板二)
广西南宁小程序开发公司:www.zkelm.com如何在加入留言板删除留言的功能呢? 用到的指令就是 parent.removeChild(event)<style type="text/css"> .box{ margin: 10px; border: 1px solid #00FFFF; display: flex; width: 380px; } input{ height: 30px; border: no.原创 2020-07-12 21:36:24 · 348 阅读 · 0 评论 -
南宁小程序开发公司,挑战百日学习计划第38天(JS实现留言板一)
南宁软件开发,南宁OA开发:www.zkelm.com拥有一个好的习惯就是成功了一半,当习惯养成了之后, 就会自动的去做这个事情。所以自然而言的。就事半功倍,就像喝酒,刚刚喝停难受, 被迫喝多了 就感觉有时候无聊也想喝两口。接下来准备找几本好书看一下。 看书 励志类型的...原创 2020-07-12 11:47:29 · 1556 阅读 · 1 评论 -
广西小程序开发,挑战百日学习计划第37天(js实现下拉菜单)
每天进步1%,昨天我还学了一下 父类 子类的选择器,常用的就两个:Element.parentNode Element.children[n]. 还有一个 兄弟元素 Element.NextElementSibling 决定做一个下拉菜单小组件广西小程序开发公司:www.zkelm.com可能更新完100集之后,我就可以把前端搞定了!最起码感觉充满着自信感,贼爽!如果使用javascript做一个 下拉菜单1.首先先布局DIV 标准的下拉菜单的格式是这样子的html代码如下&原创 2020-07-11 02:28:13 · 378 阅读 · 1 评论 -
小程序开发公司,挑战百日学习计划第34天(tad分栏制作)
南宁小程序开发公司:www.zkelm.com尽管每天都学一点,但是感觉进步还是有点慢。慢吞吞的有点像乌龟,咋搞咋搞,要达到目标值,好像时间挺不够用。穷是原罪,菜是原罪. 好吧 先学起来在说了,反正只要进步 就是好事!今天要做得就是Tad分栏。一个很使用的小组件功能, 纯JS操作,确实也是必备能力之一!前端的常用组件。1.要先有一定的css 布局基础 ,小组件需要的东西,其实是一种综合性的,如果没有对css 和js理解的话 看起来估计有点小难度,废话不多说,我们先做一个box 放入几个li.原创 2020-07-06 15:22:55 · 347 阅读 · 1 评论 -
小程序开发公司,挑战百日学习计划第33天(javascript Dom操作)
小程序开发公司:www.zkelm.com接下来准备学习10天左右的 javascriptDom操作,对javascript对 html元素的一种操作理解。 之后重新回到Vue 等框架开发上面去攻坚,很多东西看着挺理解,但是一做起来还是懵逼。而且我要是被卡住我就会一直挖。第1天的Dom操作教程, 以一个简单的 pink讲师的隐藏显示操作。如图点击之后就会隐藏掉内容首先我们下先要建立一个DIV来撞住这两个元素 div input p...原创 2020-07-04 10:16:39 · 1097 阅读 · 1 评论 -
小程序定制,挑战百日学习计划第32天(3D骰子制作)
猎人一直打猎发现太累了,他选择了布陷阱…,只要陷阱布置得多收益还是不错的,守株待兔也是一种策略。南宁创业公司,专业小程序开发:www.zkelm.com今天得教程就是把昨天的立体方块弄成一个骰子。在上面加入一些点 结合上次的教程。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>3D立方块的制作</title> <style>原创 2020-07-01 15:42:40 · 327 阅读 · 0 评论 -
小程序定制,挑战百日学习计划第31天(3D骰子制作)
南宁创业小公司 专业做小程序开发 定制 www.zkelm.com本来只是想学一下flex得排版, 但是因为学了不理解,所以就跟着做一个骰子, 做了骰子就像让骰子动起来,动起来了, 感觉为什么不是3d呢。 所以又研究了几天做一个3d得骰子,【小程序定制:www.zkelm.com】这章的教程我要做一个3d得骰子,点击的时候,它就会旋转, 如图所示这个需要用到CSS 里面的3d transform-style:preserve-3d;首先要了解的 就是3D的坐标: 这点很重要,为了方便大家的.原创 2020-07-01 01:06:21 · 474 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第30天(flex布局-丢骰子)
【南宁小程序开发:www.zkelm.com】,学了CSS 之后 顺便接触了一些CSS3.0的语法,感觉css3.0更好玩。接下来准备画费有点时间去把CSS3.0撸一遍,看看到底是啥玩意 。我设计是这样子的:1.点击骰子 自动滚动到另外一边, 然后随机出现点数因为我用的是纯CSS写的, 所以想了两天,终于想到了好办法, 就是先布局7个点, 然后随机设置点的背景色=#DDD 这样子看起来。就是点数变化了, 而且还不影响骰子的排布变现。 hoho 真聪明!好咧 废话不多说,直接附上代码 cop原创 2020-06-25 16:37:54 · 376 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第29天(flex骰子布局教程2)
南宁小程序开发:www.zkelm.com骰子布局 4 5 6 三个点数的布局,要是使用到纵向布局的思路。所以用独立一个文章来做介绍。更方便大家理解已学习1.先干6个骰子的排版<div class="flexcontainer"> <div class="flexcolumn"> <div class="flexitems"></div> <div class="flexitems"></div> .原创 2020-06-24 16:20:28 · 331 阅读 · 0 评论