自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小程序开发|oa系统|网站开发

专业小程序开发,企业oa开发,办公系统开发,网站开发

  • 博客(62)
  • 资源 (2)
  • 收藏
  • 关注

原创 开始啃Thinkphp,往全栈进军

市场上太多的php源码,非常适合我们团队这种小外包。2022年4月 我们换了新办公室。希望越来越好,订单多多

2022-04-30 12:04:24 334 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 37

原创 小程序商城系统实例。小程序开发学习第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 46

原创 学习小程序开发定制计划第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 42

原创 学习小程序开发定制计划第56天,Vue实例(购物车实现)

今天学习了下vue,跟着教程做了一个实例, 分享给大家一起学习。讲解一下思路:1.所有的数据都存在一个数组中,services:[ { name:'汉堡包', price:300, active:false }, { name:'薯片', price:200, active:false }, { name:'可乐鸡肉块', pric

2021-08-31 00:41:58 82

原创 挑战百日学习计划第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 49

原创 挑战百日学习计划第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 97 2

原创 挑战百日学习计划第53天,南宁外卖点餐系统开发,(音频放大器电路讲解)

我发现单片机就像我刚刚发现编程一样的感觉,仿佛又发现了新大陆,那种兴奋感就是嗨,然后我又研究了一段时间,受益匪浅,我从基础电路,基尔霍夫定律,节点电压,网孔电流,叠加定律,戴维南定律,等等乱七八糟,顺便学了一下模电,最终发现,其实好像没必要那么麻烦。单片机 只要会c语言就基本上可以开干了, 再配合一些基础电路即可。不过也没啥了,反正学了点电路,感觉自信心都增强了,最起码看电路图的时候 心没那么慌了今天忽然发现自己能看懂一个简单的电路, 瞬间 兴奋, 所以写一篇文章来纪念一下!如图:2.3伏,就是

2021-01-21 00:22:16 115 1

原创 南宁小程序开发,挑战百日学习计划第52天(自适应导航条)

虽然看了Bootstrap的好几个实战教程,但是没操作过一遍,确实还是有点感觉不适应, 实战之中还是会出现一些乱七八糟的小问题,学Bootstrap 还是要做一些实例来对它语法的适应.广西南宁小程序开发定制:www.nasiot.com今晚弄了一个简单的bootstrap 导航条,代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Bootstrap响应

2020-12-23 02:11:45 261

原创 企业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 248 2

原创 企业OA系统定制开发,挑战百日学习计划第50天(响应式网站开发)

上一周,在群里面吹水摸鱼,然后来了一个学生仔,正好 水平很菜,比我还菜,瞬间我的感觉就上来了,炫耀的时机就在眼前。 在他面前我终于找回了信心。然后他顺水推舟,请教了我三个问题,说是学校的作业, 这逼我一装就大了。 响应式,没搞过… 然后我花了一周时间,又撸了一遍什么是响应式,为什么有这种技术是怎么实现的。南宁小程序开发企业oa定制:www.nasiot.com响应式的学习路线:1.理解响应式:就是多媒体查询@media screen and (max-width: 300px) { bo

2020-12-19 19:36:59 3096 9

原创 企业OA系统定制开发,挑战百日学习计划第49天(如何理解PN结)

企业oa定制,企业系统定制 www.nasiot.com因为今年来有好几个订单都需要用到,连接硬件的要求,比如读取传感器的参数什么的。所以我近段时间就学起了电路,其实跨越有点大,不过我一直都对电子技术感兴趣,以前是不懂,但是我自从知道有单片机这个玩意,我感觉脑袋瞬间就清晰了, 以前的所有疑惑都瞬间通了,所以我就准备学单片机电子技术的学习规划路线我是这样子设计的1.先了解最简单的基础性电子原件(电阻 电容 电感 二极管 三极管 运放 晶振 等)2.熟悉了解一定的电路以及设计,其实这两个是同步进行.

2020-11-22 10:01:30 222 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 200

原创 南宁小程序开发,挑战百日学习计划第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 210

原创 南宁小程序开发,挑战百日学习计划第46天(css3-transition 过渡)

南宁小程序开发:www.zkelm.comcss3 transition:一种过渡效果,从一种形态过渡到另外一种形态的效果, 并不是所有的都支持, 只是支持一些background border border-radius

2020-08-29 01:35:21 326

原创 南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例)

我要戒咖啡,因为喝咖啡会给我一种莫名的兴奋感,会让我误认为已经成功了的幻觉,然而忘记了自己的目标和初衷。我本应拥有源源不断的精神力量被消磨殆尽。所以我决定戒掉咖啡。最近将有一个财务系统需要开发合作。已经在约谈, 还有一个房地产公司,需要对自己的一套物业系统进行二次开发,他们已经找了7家公司都没人会做, 而我们准备接下来I!letsgo!物业系统开发,物业小程序开发:www.zkelm.com南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例),这个我做了好几天,只

2020-08-03 22:59:10 136

原创 南宁小程序开发,挑战百日学习计划第44天(javascript实现图片放大镜效果)

南宁小程序开发团队:http://www.zkelm.com今天的课程是,用javascript实现淘宝的放大镜查看图片效果,移动鼠标过去的时候,图片会展示响应的位置实现这个主要有1个难点,我做简单的介绍1.就是阴影移动的最大距离, 和 大图片移动的最大距离比例阴影移动最大距离/大图片移动最大距离=阴影移动left/大图片移动left以上公式很重要, 明白了,这个 就可以很容易写出来 为了方便理解,我画了一个图详细代码如下,<!DOCTYPE html><html.

2020-07-31 02:54:50 188

原创 南宁小程序开发,挑战百日学习计划第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 247

原创 南宁小程序开发,挑战百日学习计划第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 274 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 154

原创 南宁小程序开发公司,挑战百日学习计划第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 302

原创 南宁小程序开发公司,挑战百日学习计划第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 254

原创 南宁小程序开发公司,挑战百日学习计划第38天(JS实现留言板一)

南宁软件开发,南宁OA开发:www.zkelm.com拥有一个好的习惯就是成功了一半,当习惯养成了之后, 就会自动的去做这个事情。所以自然而言的。就事半功倍,就像喝酒,刚刚喝停难受, 被迫喝多了 就感觉有时候无聊也想喝两口。接下来准备找几本好书看一下。 看书 励志类型的...

2020-07-12 11:47:29 1459 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 294 1

原创 小程序开发公司,挑战百日学习计划第36天(js控制全选按钮)

广西小程序开发公司:www.zkelm.com,专注小程序开发,企业oa开发,官网制作最近公司又签下几单, 我又可以偷时间出来学习一下, 真香我就是要把前端学完,然后在学js逆向,学ai,之后就是爆发的时候了 。哈哈 真是挺期待, 第一次成立公司,还有活干,非常幸运今天的主题讲解:用javascript 控制 checkbox得选择 DOM操作1.首先我们要做一个表格 ,然后把input加进去<div> <table> <tr>&lt.

2020-07-09 15:47:56 111 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 183 2

原创 小程序开发公司,挑战百日学习计划第34天(tad分栏制作)

南宁小程序开发公司:www.zkelm.com尽管每天都学一点,但是感觉进步还是有点慢。慢吞吞的有点像乌龟,咋搞咋搞,要达到目标值,好像时间挺不够用。穷是原罪,菜是原罪. 好吧 先学起来在说了,反正只要进步 就是好事!今天要做得就是Tad分栏。一个很使用的小组件功能, 纯JS操作,确实也是必备能力之一!前端的常用组件。1.要先有一定的css 布局基础 ,小组件需要的东西,其实是一种综合性的,如果没有对css 和js理解的话 看起来估计有点小难度,废话不多说,我们先做一个box 放入几个li.

2020-07-06 15:22:55 256 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 1019 1

原创 小程序定制,挑战百日学习计划第32天(3D骰子制作)

猎人一直打猎发现太累了,他选择了布陷阱…,只要陷阱布置得多收益还是不错的,守株待兔也是一种策略。南宁创业公司,专业小程序开发:www.zkelm.com今天得教程就是把昨天的立体方块弄成一个骰子。在上面加入一些点 结合上次的教程。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>3D立方块的制作</title> <style>

2020-07-01 15:42:40 198

原创 小程序定制,挑战百日学习计划第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 256

原创 南宁小程序开发,挑战百日学习计划第30天(flex布局-丢骰子)

【南宁小程序开发:www.zkelm.com】,学了CSS 之后 顺便接触了一些CSS3.0的语法,感觉css3.0更好玩。接下来准备画费有点时间去把CSS3.0撸一遍,看看到底是啥玩意 。我设计是这样子的:1.点击骰子 自动滚动到另外一边, 然后随机出现点数因为我用的是纯CSS写的, 所以想了两天,终于想到了好办法, 就是先布局7个点, 然后随机设置点的背景色=#DDD 这样子看起来。就是点数变化了, 而且还不影响骰子的排布变现。 hoho 真聪明!好咧 废话不多说,直接附上代码 cop

2020-06-25 16:37:54 307

原创 南宁小程序开发,挑战百日学习计划第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 232

原创 南宁小程序开发,挑战百日学习计划第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 1059 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 178

原创 南宁小程序开发,挑战百日学习计划第26天(flex弹性布局)

想不到坚持了那么久,往年的话这个时候我早就放弃了 哈哈,写日记对于一个程序员的进步来说,还是很实在的。现在每天在办公室吹着空调学习,感觉贼带劲! 还有小刘同学的陪伴 哈哈 舒服.【南宁小程序开发: zkelm.com】步入正题:我刚刚搞清楚了display的定位,float等,结果发现css的弹性布局才是主流,哎!前端真是要一直奔跑啊,头都大了我做事一丝不苟的态度,还是很费神的,不过小刘同学说得对,干就完了!花个一两天把弹性布局学透,前端不就七七八八了嘛 哈哈,南宁小程序开发,挑战百日学习计划

2020-06-18 02:20:31 185

原创 南宁小程序开发,挑战百日学习计划第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 267

原创 南宁小程序开发,挑战百日学习计划第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 203

原创 南宁小程序开发,挑战百日学习计划第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 143

原创 挑战百日学习计划(南宁小程序开发)第22天(position定位)

要学小程序 前端是一个必须要跨过的坎,【南宁小程序开发:www.zkelm.com】position 定位position定位分5个:1.static (默认的文档流):由浏览器决定的,默认的排版模式 也是初始化的排版模式2.relative sbsolute fixedrelative absolute fixed 三个属性值都有一个一个共同点,就是相当于某个基点的定位, 不同的是在于基点的不同、所以 只要理解他们的基点是什么。就很容易掌握这三个属性值这三种定位都不会对其他元素的

2020-06-12 16:19:17 148

原创 挑战百日学习计划(南宁小程序开发)第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 190

component.html

小程序开发第十天源码 component 传递数据 porps 本作品由 http://www.zkelm.com 项目总经理 发布,哈哈 够50个字了这个

2020-05-03

SoftEther-服务端4.2.rar

虚拟网卡,国外开源软件。我用来做过宽带远程拨号,也就是我在玉林,就可以直接用南宁的宽带账号拨号,顺便 本地能得到南宁的ip

2020-04-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除