南宁小程序
zkelm.com
这个作者很懒,什么都没留下…
展开
-
挑战百日学习计划第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 · 208 阅读 · 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 · 113 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第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 · 371 阅读 · 0 评论 -
南宁小程序开发公司,挑战百日学习计划第38天(JS实现留言板一)
南宁软件开发,南宁OA开发:www.zkelm.com拥有一个好的习惯就是成功了一半,当习惯养成了之后, 就会自动的去做这个事情。所以自然而言的。就事半功倍,就像喝酒,刚刚喝停难受, 被迫喝多了 就感觉有时候无聊也想喝两口。接下来准备找几本好书看一下。 看书 励志类型的...原创 2020-07-12 11:47:29 · 1555 阅读 · 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 · 377 阅读 · 1 评论 -
小程序开发公司,挑战百日学习计划第36天(js控制全选按钮)
广西小程序开发公司:www.zkelm.com,专注小程序开发,企业oa开发,官网制作最近公司又签下几单, 我又可以偷时间出来学习一下, 真香我就是要把前端学完,然后在学js逆向,学ai,之后就是爆发的时候了 。哈哈 真是挺期待, 第一次成立公司,还有活干,非常幸运今天的主题讲解:用javascript 控制 checkbox得选择 DOM操作1.首先我们要做一个表格 ,然后把input加进去<div> <table> <tr><.原创 2020-07-09 15:47:56 · 172 阅读 · 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 · 235 阅读 · 2 评论