- 博客(62)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 开始啃Thinkphp，往全栈进军
市场上太多的php源码，非常适合我们团队这种小外包。2022年4月 我们换了新办公室。希望越来越好，订单多多
2022-04-30 12:04:24
410
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
92
原创 小程序商城系统实例。小程序开发学习第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
129
原创 学习小程序开发定制计划第57天，Vue实例(checkbox按钮封装)
使用Vue封装一个checkbox小功能，选择的时候 变背景色，在对齐上面搞了我好久，最终还是使用了vertical-align：middle 解决了问题以下是代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>制作一个按钮组件</title> <script src="https://unpkg.com/vue/dist/vue.js"&g
2021-09-25 00:10:50
94
原创 学习小程序开发定制计划第56天，Vue实例(购物车实现)
今天学习了下vue，跟着教程做了一个实例， 分享给大家一起学习。讲解一下思路：1.所有的数据都存在一个数组中，services:[ { name:'汉堡包', price:300, active:false }, { name:'薯片', price:200, active:false }, { name:'可乐鸡肉块', pric
2021-08-31 00:41:58
132
原创 挑战百日学习计划第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
99
原创 挑战百日学习计划第54天，VUE之router(南宁点餐小程序开发)
要理解Vue的router，首先我们就要先理解2个单词1.routes 这里就是一个路由的规则 带S 说明是多个路由规则，主要作用是定义路径和对应的component组件2.router 就是路由器。它的作用就是根据routes的规则去执行分发首先先要定义一个路由规则 routesconst myroutes=[{path:'/foo',component:{template:"<b>FOO</b>"}},{path:'/bar',component:{tem
2021-07-22 02:36:11
176
2
原创 挑战百日学习计划第53天，南宁外卖点餐系统开发,(音频放大器电路讲解)
我发现单片机就像我刚刚发现编程一样的感觉，仿佛又发现了新大陆，那种兴奋感就是嗨，然后我又研究了一段时间，受益匪浅，我从基础电路，基尔霍夫定律，节点电压，网孔电流，叠加定律，戴维南定律，等等乱七八糟，顺便学了一下模电，最终发现，其实好像没必要那么麻烦。单片机 只要会c语言就基本上可以开干了， 再配合一些基础电路即可。不过也没啥了，反正学了点电路，感觉自信心都增强了，最起码看电路图的时候 心没那么慌了今天忽然发现自己能看懂一个简单的电路， 瞬间 兴奋， 所以写一篇文章来纪念一下！如图：2.3伏，就是
2021-01-21 00:22:16
151
1
原创 南宁小程序开发,挑战百日学习计划第52天(自适应导航条)
虽然看了Bootstrap的好几个实战教程，但是没操作过一遍，确实还是有点感觉不适应， 实战之中还是会出现一些乱七八糟的小问题，学Bootstrap 还是要做一些实例来对它语法的适应.广西南宁小程序开发定制：www.nasiot.com今晚弄了一个简单的bootstrap 导航条，代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Bootstrap响应
2020-12-23 02:11:45
320
原创 企业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
332
2
原创 企业OA系统定制开发,挑战百日学习计划第50天(响应式网站开发)
上一周，在群里面吹水摸鱼，然后来了一个学生仔，正好 水平很菜，比我还菜，瞬间我的感觉就上来了，炫耀的时机就在眼前。 在他面前我终于找回了信心。然后他顺水推舟，请教了我三个问题，说是学校的作业， 这逼我一装就大了。 响应式，没搞过… 然后我花了一周时间，又撸了一遍什么是响应式，为什么有这种技术是怎么实现的。南宁小程序开发企业oa定制：www.nasiot.com响应式的学习路线：1.理解响应式：就是多媒体查询@media screen and (max-width: 300px) { bo
2020-12-19 19:36:59
3194
9
原创 企业OA系统定制开发,挑战百日学习计划第49天(如何理解PN结)
企业oa定制，企业系统定制 www.nasiot.com因为今年来有好几个订单都需要用到，连接硬件的要求，比如读取传感器的参数什么的。所以我近段时间就学起了电路，其实跨越有点大，不过我一直都对电子技术感兴趣，以前是不懂，但是我自从知道有单片机这个玩意，我感觉脑袋瞬间就清晰了， 以前的所有疑惑都瞬间通了，所以我就准备学单片机电子技术的学习规划路线我是这样子设计的1.先了解最简单的基础性电子原件（电阻 电容 电感 二极管 三极管 运放 晶振 等）2.熟悉了解一定的电路以及设计，其实这两个是同步进行.
2020-11-22 10:01:30
285
1
原创 南宁企业oa系统开发,挑战百日学习计划第48天（float清除浮动方法）
南宁oa系统开发定制：http://www.nasiot.com如图所示，当元素浮动的情况之下， 父级元素就会高度坍塌，解决的方法有两种主流模式，我这里做简单的介绍1.使用clear：both 清楚浮动： 即在浮动元素的末端清除元素浮动<html> <head> <meta charset="utf-8"> <title>Span元素</title> <style> img{ max-width:.
2020-11-16 01:40:13
243
原创 南宁小程序开发,挑战百日学习计划第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
278
原创 南宁小程序开发,挑战百日学习计划第46天(css3-transition 过渡)
南宁小程序开发：www.zkelm.comcss3 transition：一种过渡效果，从一种形态过渡到另外一种形态的效果， 并不是所有的都支持， 只是支持一些background border border-radius
2020-08-29 01:35:21
381
原创 南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例)
我要戒咖啡，因为喝咖啡会给我一种莫名的兴奋感，会让我误认为已经成功了的幻觉，然而忘记了自己的目标和初衷。我本应拥有源源不断的精神力量被消磨殆尽。所以我决定戒掉咖啡。最近将有一个财务系统需要开发合作。已经在约谈， 还有一个房地产公司，需要对自己的一套物业系统进行二次开发，他们已经找了7家公司都没人会做， 而我们准备接下来I！letsgo！物业系统开发，物业小程序开发：www.zkelm.com南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例)，这个我做了好几天，只
2020-08-03 22:59:10
203
原创 南宁小程序开发,挑战百日学习计划第44天(javascript实现图片放大镜效果)
南宁小程序开发团队：http://www.zkelm.com今天的课程是，用javascript实现淘宝的放大镜查看图片效果，移动鼠标过去的时候，图片会展示响应的位置实现这个主要有1个难点，我做简单的介绍1.就是阴影移动的最大距离， 和 大图片移动的最大距离比例阴影移动最大距离/大图片移动最大距离=阴影移动left/大图片移动left以上公式很重要， 明白了，这个 就可以很容易写出来 为了方便理解，我画了一个图详细代码如下，<!DOCTYPE html><html.
2020-07-31 02:54:50
269
原创 南宁小程序开发,挑战百日学习计划第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
302
原创 南宁小程序开发,挑战百日学习计划第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
445
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
215
原创 南宁小程序开发公司,挑战百日学习计划第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
359
原创 南宁小程序开发公司,挑战百日学习计划第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
331
原创 南宁小程序开发公司,挑战百日学习计划第38天（JS实现留言板一)
南宁软件开发，南宁OA开发：www.zkelm.com拥有一个好的习惯就是成功了一半，当习惯养成了之后， 就会自动的去做这个事情。所以自然而言的。就事半功倍，就像喝酒，刚刚喝停难受， 被迫喝多了 就感觉有时候无聊也想喝两口。接下来准备找几本好书看一下。 看书 励志类型的...
2020-07-12 11:47:29
1539
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
364
1
原创 小程序开发公司,挑战百日学习计划第36天（js控制全选按钮)
广西小程序开发公司：www.zkelm.com，专注小程序开发，企业oa开发，官网制作最近公司又签下几单， 我又可以偷时间出来学习一下， 真香我就是要把前端学完，然后在学js逆向，学ai，之后就是爆发的时候了 。哈哈 真是挺期待， 第一次成立公司，还有活干，非常幸运今天的主题讲解：用javascript 控制 checkbox得选择 DOM操作1.首先我们要做一个表格 ，然后把input加进去<div> <table> <tr><.
2020-07-09 15:47:56
163
1
原创 小程序开发公司,挑战百日学习计划第35天（纯CSS实现tab分栏)
小程序开发公司：www.zkelm.com纯CSS实现 tab分栏，我大概看了一下，大概有2种方法， 一种就是利用 radio的单选，利用的就是伪类 input:checked (选择时候的状态)请参考 hover属性， 当 鼠标移开的时候 状态不存在， 则属性消失， 所以 input：checked 不被选择的时候 属性就不存在了。则 把相邻的div ：恢复原样 node。我们现在先介绍第一种：使用input radio 实现 tab分栏效果1.先建立一个box div 来框住几个u.
2020-07-07 03:34:34
223
2
原创 小程序开发公司,挑战百日学习计划第34天（tad分栏制作)
南宁小程序开发公司：www.zkelm.com尽管每天都学一点，但是感觉进步还是有点慢。慢吞吞的有点像乌龟，咋搞咋搞，要达到目标值，好像时间挺不够用。穷是原罪，菜是原罪. 好吧 先学起来在说了，反正只要进步 就是好事！今天要做得就是Tad分栏。一个很使用的小组件功能， 纯JS操作，确实也是必备能力之一！前端的常用组件。1.要先有一定的css 布局基础 ，小组件需要的东西，其实是一种综合性的，如果没有对css 和js理解的话 看起来估计有点小难度，废话不多说，我们先做一个box 放入几个li.
2020-07-06 15:22:55
322
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
1088
1
原创 小程序定制,挑战百日学习计划第32天（3D骰子制作)
猎人一直打猎发现太累了，他选择了布陷阱…，只要陷阱布置得多收益还是不错的，守株待兔也是一种策略。南宁创业公司，专业小程序开发：www.zkelm.com今天得教程就是把昨天的立体方块弄成一个骰子。在上面加入一些点 结合上次的教程。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>3D立方块的制作</title> <style>
2020-07-01 15:42:40
263
原创 小程序定制,挑战百日学习计划第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
433
原创 南宁小程序开发,挑战百日学习计划第30天（flex布局-丢骰子)
【南宁小程序开发：www.zkelm.com】，学了CSS 之后 顺便接触了一些CSS3.0的语法，感觉css3.0更好玩。接下来准备画费有点时间去把CSS3.0撸一遍，看看到底是啥玩意 。我设计是这样子的：1.点击骰子 自动滚动到另外一边， 然后随机出现点数因为我用的是纯CSS写的， 所以想了两天，终于想到了好办法， 就是先布局7个点， 然后随机设置点的背景色=#DDD 这样子看起来。就是点数变化了， 而且还不影响骰子的排布变现。 hoho 真聪明！好咧 废话不多说，直接附上代码 cop
2020-06-25 16:37:54
365
原创 南宁小程序开发,挑战百日学习计划第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
317
原创 南宁小程序开发,挑战百日学习计划第28天（flex骰子布局教程）
生无可恋只想学编程 南宁小程序开发 www.zkelm.comflex布局骰子教程源码，我也是根据网上写的教程，巩固使用经验，废话不多数 开干Doing1.首先先制作一个骰子的模板 代码如下<body><head><title>骰子-一点布局居中</title><style>body{background:#000;}.box{ display:flex; width:90px; height:90px; bo.
2020-06-24 14:01:25
1128
1
原创 南宁小程序开发,挑战百日学习计划第27天（flex弹性布局6大属性)
弹性布局的6大属性，我这几天才搞明白，所以今晚顺便更新， 学习计划铁定是不能停止的，热爱学习不能自拔。哈哈最近我的网站已经可以被收录了。感觉挺不错！，就等百度给流量，开始把公司做大做强南宁小程序开发 www.zkelm.comflex 6大属性1.flex-directive：盒子的排序方向 row |row-reverse |column|column-reverse如图2.justify-content：定义了项目在主轴上的对齐方式justify-content：flex-start
2020-06-20 02:42:41
237
原创 南宁小程序开发,挑战百日学习计划第26天（flex弹性布局)
想不到坚持了那么久，往年的话这个时候我早就放弃了 哈哈，写日记对于一个程序员的进步来说，还是很实在的。现在每天在办公室吹着空调学习，感觉贼带劲！ 还有小刘同学的陪伴 哈哈 舒服.【南宁小程序开发： zkelm.com】步入正题：我刚刚搞清楚了display的定位，float等，结果发现css的弹性布局才是主流，哎！前端真是要一直奔跑啊，头都大了我做事一丝不苟的态度，还是很费神的，不过小刘同学说得对，干就完了！花个一两天把弹性布局学透，前端不就七七八八了嘛 哈哈，南宁小程序开发,挑战百日学习计划
2020-06-18 02:20:31
242
原创 南宁小程序开发,挑战百日学习计划第25天（css 选择器)
常用的css 选择器：class .id #元素选择器p ：所有p元素div,p ：所有div+p元素div p ：选择Div内的所有p元素， 包裹无限级 孙子级别等…div>p :选择父级是DIV的所有 p元素 记住：孙子辈不算div+p ：选择所有紧接着div元素之后的p元素 （少用）属性选择器：[target] :选择所有带有target属性元素[target=blank] 选择所有 target=”blank“属性的所有元素[title~=m] 选择标
2020-06-17 17:22:13
319
原创 南宁小程序开发,挑战百日学习计划第24天（float的理解)
float理解float浮动规则：向指定方向移动。直到碰到包含它的元素(父元素)或则，同样float元素的边框，1.如果元素浮动则不会占空间，block 块状元素将会失去block的属性，变成inline-block属性。因为可以设置宽高，但以absolute的不占空间不同，float会影响周边元素如果float元素前面的非block元素， 而且在同一行.则浮动会影响到前面的元素，把它积到后面非BLOCK的边上<style>.box{width:400px;height:200px
2020-06-16 16:02:10
249
原创 南宁小程序开发,挑战百日学习计划第23天（relative和absolute的区别)
定位：绝对定位 absolute ，和相对定位relative 最大的区别最大的区别就是： relative 在位移的适合，没有脱离文档流，还会占据着以前的位置<style> #son1{ width:100px;height:100px;background:pink; } #son2{ width:100px;height:100px;background:yellow; position:relative;left:105px; } #son3{ width:10
2020-06-14 10:38:47
182
原创 挑战百日学习计划（南宁小程序开发）第22天（position定位)
要学小程序 前端是一个必须要跨过的坎，【南宁小程序开发：www.zkelm.com】position 定位position定位分5个：1.static （默认的文档流）：由浏览器决定的，默认的排版模式 也是初始化的排版模式2.relative sbsolute fixedrelative absolute fixed 三个属性值都有一个一个共同点，就是相当于某个基点的定位， 不同的是在于基点的不同、所以 只要理解他们的基点是什么。就很容易掌握这三个属性值这三种定位都不会对其他元素的
2020-06-12 16:19:17
198
原创 挑战百日学习计划（南宁小程序开发）第21天（javascript this)
恭喜自己！最近谈下一单【小程序开发：www.zkelm.com】，非常开心，费用2w元，可以松一口气了，公司这个月有事情做了。而我又可以花时间学习升级一下自己，今天的知识点： thisjavascript This 关键字，指的是他的对象1.在方法中，this 指的是所有者对象person={ firstName:"南宁小程序开发", lastName:"www.zkelm.com", fullName:function(){ return this.firstName+
2020-06-11 02:06:49
234
component.html
2020-05-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人