<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[小程序开发|oa系统|网站开发]]></title><description><![CDATA[专业小程序开发，企业oa开发，办公系统开发，网站开发]]></description><link>https://blog.youkuaiyun.com/zkelm</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zkelm]]></copyright><item><title><![CDATA[开始啃Thinkphp，往全栈进军]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/124510800</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/124510800</guid><author>zkelm</author><pubDate>Sat, 30 Apr 2022 12:04:24 +0800</pubDate><description><![CDATA[市场上太多的php源码，非常适合我们团队这种小外包。2022年4月 我们换了新办公室。希望越来越好，订单多多


]]></description><category></category></item><item><title><![CDATA[挑战百日学习计划第59天，(热图animation)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/120802533</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/120802533</guid><author>zkelm</author><pubDate>Sun, 17 Oct 2021 10:06:30 +0800</pubDate><description><![CDATA[热图标注点， 动态扩散效果 ，使用animation做
思路如下:
1.设置一个div  比如 city， 然后使用绝对定位absolute 定位到对应的城市名称之中
然后分别做一个点 和三个圈，   分别设置绝对定位
&lt;div class="city"&gt;				
				&lt;div class="dotted"&gt;&lt;/div&gt;
				&lt;div class="pulse1"&gt;&lt;/div&gt;
				&lt;div class="pulse2"&gt;.]]></description><category></category></item><item><title><![CDATA[小程序商城系统实例。小程序开发学习第58天，]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/120793245</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/120793245</guid><author>zkelm</author><pubDate>Sat, 16 Oct 2021 01:23:00 +0800</pubDate><description><![CDATA[实战联系，写一个品优购类型的首页，做了几天，总算写完了，源码如下

这里贴出源码
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;品优购商城&lt;/title&gt;
		
		&lt;style type="text/css"&gt;
		@font-face {
		    font-family: 'icomoon';
		    src: url('font]]></description><category></category></item><item><title><![CDATA[学习小程序开发定制计划第57天，Vue实例(checkbox按钮封装)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/120465241</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/120465241</guid><author>zkelm</author><pubDate>Sat, 25 Sep 2021 00:10:50 +0800</pubDate><description><![CDATA[使用Vue封装一个checkbox小功能，选择的时候 变背景色，在对齐上面搞了我好久，最终还是使用了vertical-align：middle 解决了问题
以下是代码
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;制作一个按钮组件&lt;/title&gt;
		&lt;script src="https://unpkg.com/vue/dist/vue.js"&g]]></description><category></category></item><item><title><![CDATA[学习小程序开发定制计划第56天，Vue实例(购物车实现)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/120008376</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/120008376</guid><author>zkelm</author><pubDate>Tue, 31 Aug 2021 00:41:58 +0800</pubDate><description><![CDATA[今天学习了下vue，跟着教程做了一个实例， 分享给大家一起学习。
讲解一下思路：
1.所有的数据都存在一个数组中，
services:[
						{
							name:'汉堡包',
							price:300,
							active:false
						},
						{
							name:'薯片',
							price:200,
							active:false
						},
						{
							name:'可乐鸡肉块',
							pric]]></description><category></category></item><item><title><![CDATA[挑战百日学习计划第55天，Vue实例(南宁点餐小程序开发)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/119171265</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/119171265</guid><author>zkelm</author><pubDate>Wed, 28 Jul 2021 10:27:39 +0800</pubDate><description><![CDATA[Vue小实例，首先实现的模式是：1.先做一个UI 把布局弄出来。2.写逻辑层 用Vue写

这里是完整代码
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
		&lt;title&gt;list&lt;/title&gt;
		&lt;script src="https://unpkg.com/vue/dist/vue.js"&gt;&lt;/script&gt;
        &lt;style&gt;
       ]]></description><category></category></item><item><title><![CDATA[挑战百日学习计划第54天，VUE之router(南宁点餐小程序开发)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/118983844</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/118983844</guid><author>zkelm</author><pubDate>Thu, 22 Jul 2021 02:36:11 +0800</pubDate><description><![CDATA[要理解Vue的router，首先我们就要先理解2个单词
1.routes     这里就是一个路由的规则  带S 说明是多个路由规则，主要作用是定义路径和对应的component组件
2.router  就是路由器。它的作用就是根据routes的规则去执行分发
首先先要定义一个路由规则 routes
const myroutes=[
{path:'/foo',component:{template:"&lt;b&gt;FOO&lt;/b&gt;"}},
{path:'/bar',component:{tem]]></description><category></category></item><item><title><![CDATA[挑战百日学习计划第53天，南宁外卖点餐系统开发,(音频放大器电路讲解)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/112913766</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/112913766</guid><author>zkelm</author><pubDate>Thu, 21 Jan 2021 00:22:16 +0800</pubDate><description><![CDATA[我发现单片机就像我刚刚发现编程一样的感觉，仿佛又发现了新大陆，那种兴奋感就是嗨，然后我又研究了一段时间，受益匪浅，我从基础电路，基尔霍夫定律，节点电压，网孔电流，叠加定律，戴维南定律，等等乱七八糟，顺便学了一下模电，最终发现，其实好像没必要那么麻烦。单片机 只要会c语言就基本上可以开干了， 再配合一些基础电路即可。
不过也没啥了，反正学了点电路，感觉自信心都增强了，最起码看电路图的时候 心没那么慌了
今天忽然发现自己能看懂一个简单的电路， 瞬间 兴奋， 所以写一篇文章来纪念一下！

如图：

2.3伏，就是]]></description><category></category></item><item><title><![CDATA[南宁小程序开发,挑战百日学习计划第52天(自适应导航条)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/111570911</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/111570911</guid><author>zkelm</author><pubDate>Wed, 23 Dec 2020 02:11:45 +0800</pubDate><description><![CDATA[虽然看了Bootstrap的好几个实战教程，但是没操作过一遍，确实还是有点感觉不适应， 实战之中还是会出现一些乱七八糟的小问题，学Bootstrap 还是要做一些实例来对它语法的适应.

广西南宁小程序开发定制：www.nasiot.com

今晚弄了一个简单的bootstrap 导航条，代码如下
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;Bootstrap响应]]></description><category></category></item><item><title><![CDATA[企业OA系统定制开发,挑战百日学习计划第51天(响应式查询media详解)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/111412423</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/111412423</guid><author>zkelm</author><pubDate>Sun, 20 Dec 2020 00:36:15 +0800</pubDate><description><![CDATA[@media only screen and (max-width) 多媒体查询的使用方法，是css中引入的一个新概念。但是要做响应式网站，还是要配合框架开发，比较容易，其实不用深究这个概念，只是知道原理就行，

广西小程序开发 app开发 www.nasiot.com

&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;@media&lt;/title&gt;
		&lt;style&gt;
			
			@m]]></description><category></category></item><item><title><![CDATA[企业OA系统定制开发,挑战百日学习计划第50天(响应式网站开发)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/111409194</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/111409194</guid><author>zkelm</author><pubDate>Sat, 19 Dec 2020 19:36:59 +0800</pubDate><description><![CDATA[上一周，在群里面吹水摸鱼，然后来了一个学生仔，正好 水平很菜，比我还菜，瞬间我的感觉就上来了，炫耀的时机就在眼前。 在他面前我终于找回了信心。然后他顺水推舟，请教了我三个问题，说是学校的作业， 这逼我一装就大了。 响应式，没搞过… 然后我花了一周时间，又撸了一遍什么是响应式，为什么有这种技术是怎么实现的。

南宁小程序开发企业oa定制：www.nasiot.com

响应式的学习路线：
1.理解响应式：就是多媒体查询
@media screen and (max-width: 300px) {
    bo]]></description><category></category></item><item><title><![CDATA[企业OA系统定制开发,挑战百日学习计划第49天(如何理解PN结)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/109913849</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/109913849</guid><author>zkelm</author><pubDate>Sun, 22 Nov 2020 10:01:30 +0800</pubDate><description><![CDATA[企业oa定制，企业系统定制 www.nasiot.com

因为今年来有好几个订单都需要用到，连接硬件的要求，比如读取传感器的参数什么的。所以我近段时间就学起了电路，其实跨越有点大，不过我一直都对电子技术感兴趣，以前是不懂，但是我自从知道有单片机这个玩意，我感觉脑袋瞬间就清晰了， 以前的所有疑惑都瞬间通了，
所以我就准备学单片机
电子技术的学习规划路线我是这样子设计的
1.先了解最简单的基础性电子原件（电阻 电容 电感 二极管 三极管 运放 晶振 等）
2.熟悉了解一定的电路以及设计，其实这两个是同步进行.]]></description><category></category></item><item><title><![CDATA[南宁企业oa系统开发,挑战百日学习计划第48天（float清除浮动方法）]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/109713066</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/109713066</guid><author>zkelm</author><pubDate>Mon, 16 Nov 2020 01:40:13 +0800</pubDate><description><![CDATA[南宁oa系统开发定制：http://www.nasiot.com


如图所示，当元素浮动的情况之下， 父级元素就会高度坍塌，解决的方法有两种主流模式，我这里做简单的介绍
1.使用clear：both 清楚浮动： 即在浮动元素的末端清除元素浮动
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;Span元素&lt;/title&gt;
		&lt;style&gt;
			img{
				max-width:.]]></description><category></category></item><item><title><![CDATA[南宁小程序开发,挑战百日学习计划第47天(canvas画板工具1)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/108357379</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/108357379</guid><author>zkelm</author><pubDate>Wed, 02 Sep 2020 18:10:00 +0800</pubDate><description><![CDATA[南宁小程序开发：www.nasiot.com

canvas画板工具  ，一定要在canvas里面写width  height 否则会导致画线被强制放大
&lt;canvas id="c" width="500" height="300" style="border:1px solid #333"&gt;&lt;/canvas&gt;

画一个矩形
   var c=document.getElementById("c");
   var ctx=c.getContext("2d");
    ctx.m.]]></description><category></category></item><item><title><![CDATA[南宁小程序开发,挑战百日学习计划第46天(css3-transition 过渡)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/107970723</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/107970723</guid><author>zkelm</author><pubDate>Sat, 29 Aug 2020 01:35:21 +0800</pubDate><description><![CDATA[南宁小程序开发：www.zkelm.com

css3  transition：一种过渡效果，从一种形态过渡到另外一种形态的效果， 并不是所有的都支持， 只是支持一些background border border-radius

]]></description><category></category></item><item><title><![CDATA[南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/107775201</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/107775201</guid><author>zkelm</author><pubDate>Mon, 03 Aug 2020 22:59:10 +0800</pubDate><description><![CDATA[我要戒咖啡，因为喝咖啡会给我一种莫名的兴奋感，会让我误认为已经成功了的幻觉，然而忘记了自己的目标和初衷。我本应拥有源源不断的精神力量被消磨殆尽。所以我决定戒掉咖啡。
最近将有一个财务系统需要开发合作。已经在约谈， 还有一个房地产公司，需要对自己的一套物业系统进行二次开发，他们已经找了7家公司都没人会做， 而我们准备接下来I！letsgo！


物业系统开发，物业小程序开发：www.zkelm.com

南宁小程序开发,挑战百日学习计划第45天(Css+javascript做轮播图实例)，这个我做了好几天，只]]></description><category></category></item><item><title><![CDATA[南宁小程序开发,挑战百日学习计划第44天(javascript实现图片放大镜效果)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/107704771</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/107704771</guid><author>zkelm</author><pubDate>Fri, 31 Jul 2020 02:54:50 +0800</pubDate><description><![CDATA[南宁小程序开发团队：http://www.zkelm.com

今天的课程是，用javascript实现淘宝的放大镜查看图片效果，移动鼠标过去的时候，图片会展示响应的位置

实现这个主要有1个难点，我做简单的介绍
1.就是阴影移动的最大距离， 和 大图片移动的最大距离比例
阴影移动最大距离/大图片移动最大距离=阴影移动left/大图片移动left
以上公式很重要， 明白了，这个 就可以很容易写出来  为了方便理解，我画了一个图

详细代码如下，
&lt;!DOCTYPE html&gt;
&lt;html.]]></description><category></category></item><item><title><![CDATA[南宁小程序开发,挑战百日学习计划第43天(拖拉登录框的写法)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/107524221</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/107524221</guid><author>zkelm</author><pubDate>Thu, 23 Jul 2020 02:54:53 +0800</pubDate><description><![CDATA[南宁小程序开发：www.zkelm.com

今天的主题是做一个 移动的登录model框，  支持移动 拖放！
1.首先先用HTML css 来设计一个登录界面， 确实要快的话就是直接引用layui 一样的框架就行， 简单粗暴，但是现在因为是学习，所以还是手打代码 自己diy一个，

html代码如下：这里就不一一解析了，
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;移动摩斯框&lt;/title&gt;.]]></description><category></category></item><item><title><![CDATA[南宁小程序开发,挑战百日学习计划第42天(offsetWidth offsetHeight的使用)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/107444094</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/107444094</guid><author>zkelm</author><pubDate>Sun, 19 Jul 2020 13:59:19 +0800</pubDate><description><![CDATA[南宁小程序开发公司：www.zkelm.com

这两天就学了 offset  偏移量   主要就4个主要参数：
1.offsetLeft  元素的 距离父辈定位元素（注意是定位元素）得偏移量，此偏移量得计算标准就是 父类border 到子类border之间
所见即所得。 如图所示

2.offsetTop 同理：

3.offsetWidth  元素的实际宽度，（所见的实际宽度， 如果border加大 也会跟着大， 如果padding 内撑大也会跟着大。如果你用 box-sizing:border-bo.]]></description><category></category></item><item><title><![CDATA[南宁小程序开发公司,挑战百日学习计划第41天（js对单元格的增删查改)]]></title><link>https://blog.youkuaiyun.com/zkelm/article/details/107438434</link><guid>https://blog.youkuaiyun.com/zkelm/article/details/107438434</guid><author>zkelm</author><pubDate>Sun, 19 Jul 2020 02:27:28 +0800</pubDate><description><![CDATA[纯javascript对表格的删除，动态赋值 动态删除.   这里直接附带源码 。 没毛病，这个文章就是充数的，对上一个实例的一个补充
完整的代码如下
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;student表格&lt;/title&gt;
		&lt;style&gt;
			table{
				border:1px solid #aaa;
				bord]]></description><category></category></item></channel></rss>