- 博客(47)
- 资源 (3)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 （切图笔记）layui表格单元格添加超链接 以及传参方法 亲测可用 附代码
layui在切图网日常的工作中常常用到，特别是它的layer弹窗，基本可以满足网站切图时候遇到的绝大多数弹窗的情况，参数比较丰富 灵活，是不可多得的网页插件之一，我见很多人说layui过时了，这是相比于vue正流行的情况下说的，不是所有的网页项目都需要上脚手架 vue数据渲染的方式， 在不同的场合下选择的合适的就好，以下layui表格单元格添加超链接 以及传参方法 亲测可用 附代码。“data”: (JSON.parse(res.data)).data //解析数据列表。, cols: [[ //表头。
2023-12-28 19:59:52
691
原创 （切图笔记）jquerycookie怎样存储 和读取数组 附代码 亲测可用
记录切图日常， 在切图网一前端切图项目中遇到的，表格需要拖拽排序，同时还需要记录状态，拖拽以后刷新页面，顺序还能够保持，听起来有点复杂但这一切都是可以通过前端来实现的，基于前端实现首先想到的是cookie，那么如何通过cookie保存数组等信息呢？不能直接存入数组，可以转换为字符串存入，附代码，亲测可用。
2023-12-28 19:59:11
429
原创 （切图笔记）通用的纯css3实现 单选框radio复选框checkbox的美化 附代码 亲测好用
切图笔记记录切图网日常，说到网页的表单美化 通常需要用到插件，因为 select，radio，checkbox比较特殊，无法通过css直接美化 ，这些也有比较不错的美化插件 可以实现，不过这都是早几年的情况，现在浏览器日益更新升级，对于html5 css3标准支持的更好，使得我们现在可以通过css3也可以进行美化，没有插件参与，就可以省事不少，同时也可以让页面代码更加简洁，用到了图片背景，不过是基于data：image 方式直接引用的，所以不用到实体图片。复制以下代码即可实现 单选 复选美化，亲测好用。
2023-12-28 19:58:11
890
原创 如何在html中使用less，亲测可用
以前在网页切图的时候，会觉得css如果能有变量 逻辑这些 会很方便，它来了，less.js插件可以使得css有类似变量的语法，它不是很新的技术，习惯用它的人会觉得很好用，而且它可以直接像jquery一样直接在网页上引用，也可以体验，不过仅仅适合体验，这种直接引用的方式不适合正式情况下用，因为页面js会有一个执行的时间，所以看起来会不流畅，可以在环境下开发，然后编译出来。当网页加载时，Less.js会将styles.less文件编译为CSS，并将其替换为标签的href属性中的CSS文件。
2023-12-12 17:57:10
850
原创 微信小程序开发之wepy 引入echarts统计图方法 亲测可用
切图网在做wepy小程序开发的时候，也会遇到一些状况，以此来记录，微信小程序开发的图表用到的是echarts-for-weixin，是针对微信开发的专用echarts组件，也是目前小程序下图表的一种主流的组合，用法和网页下使用echarts基本无异，语法上略有不同，下面讲解wepy微信小程序框架中引入百度echarts框架，实现折线统计图，亲测了可用。将下载好的文件解压并放到 components 目录。
2023-12-12 17:55:14
474
原创 不错的jquery上传插件jQuery File Upload 正确使用方式 很全面
关于网页的上传组件比较常用的webuploader ，jQuery File Upload等，切图网在做前端项目切图的时候，不乏有一些后台或者前台需要用到上传组件的，虽然做前端开发不需要实现上传到服务器的功能，但是前台的功能还是需要做出来的，特别简单的可以jquery手写 基本能够用了，而复杂的时候就需要上一些插件，而选择插件的时候也比较讲究，插件尽可能要灵活 参数够多 或者一些扩展方法多， 可以满足不同的复杂情况，而jQuery File Upload则是相比之下比较不错的一款。
2023-12-12 17:54:31
1314
原创 微信小程序开发官方框架wepy如何安装 亲测可用
wepy是一款微信官方开发的微信小程序开发框架，和美团的mpvue差不多，不过这个是微信自己出的，相比下也会有一些加持，具体哪个好用见仁见智，切图网用wepy开发过项目 暂时没发现有哪些不好，在第一次使用wepy的时候也找过一些教程，下面是亲测过 可用的，不懂的可以照着一步步操作 应该就才不多了。WePY (发音: /’wepi/)是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。打开微信开发者工具–导入–选择文件夹：自定义的文件夹名字。
2023-12-12 17:53:55
489
转载 echarts折线图的一些常规设置 附代码
大数据可视化html页面切图的时候，一般用echarts来实现，文档比较全面而且 使用的人多，所以当你遇到问题也比较好百度，基本别人都遇到过或给出解决方案，所以比较有优势，用highcharts的以前比较多，现在倒是不太多了，至少切图网现在比较少用了，一般用charts，下面附折线图的一些常规参数设置。name: “温度”,//鼠标放在折线点上显示的名称。color: “#386db3”,//折线点的颜色。color:’#272729′,// y轴的颜色。color:’#272729′,//x轴的颜色。
2023-12-11 10:32:03
151
原创 html5迁移到微信小程序的 方法 亲测可用
切图网习惯于在做小程序之前先做成html5+vuejs的形式，因为html5切图是我们比较熟悉的方式，而且有专业的工具 以及浏览器调试也会更加的方便 灵活，效率高，而且html5的方式可以方便预览看效果，方便调整，当html5页面做好确认没问题以后 再转成小程序或者官方出品wepy的方式，这个时候就需要找到html5和小程序之间的微妙不同，需要做以下调整，亲测可用。在组件里调用路由 this.$navigate 会报错说 navigate 不是一个函数，可以用原生的。
2023-12-11 10:15:29
615
原创 vue+echarts折线图实现丝滑的核心代码
vue+echarts组合在大数据图表，数据可视化这块经常用到，在切图网最近可视化图表项目切图中遇到的，需要实现折线图的线条要求会比较丝滑，中间量两边暗，中间粗两边细，其实通过定义线条的颜色为渐变色，并且设置为x方向横向渐变即可，效果不错，附代码，亲测可用。//barGap: 10, //间距。//barGap: 10, //间距。name:’统计一’,name:’统计二’,
2023-12-11 09:56:30
837
原创 textarea文本框回车enter的时候自动提交表单，根据内容自动高度
切图网近期一个bootstrap5仿chatgpt页面的项目遇到的，textarea文本框回车enter的时候自动提交表单，根据内容自动高度，代码如下，亲测可用。
2023-12-10 15:48:38
424
原创 table中cellspacing、cellpadding的css替代写法
table中cellspacing、cellpadding的css替代写法。/*控制cellspacing*//*控制cellpadding*/
2023-12-10 15:47:31
552
原创 跨屏零代码saas建站平台2023.4.17发布更新
跨屏零代码saas建站平台2023.4.17发布更新，对于用户管理后台中的 菜单设置做了升级，允许新增菜单并且自定义菜单链接，这样可以让网站菜单变得更加灵活可控，可以满足不同模板中多样的需求，升级以后的网站菜单支持 添加菜单，删除菜单，控制菜单是否在导航显示，设置菜单排序，修改菜单名称等。众所周知，网站菜单是网站的很重要的一部分，负责各个页面之间的串联，而此次菜单的升级，对于网站的整个功能和体验都有很重要的意义。后台的菜单设置，直接在模板中体验出来，排序，文字，链接都可以自定义，非常的灵活方便。
2023-04-17 19:09:31
86
原创 跨屏零代码saas建站平台2023.4.2发布更新
同时也更新了很多的企业网站模板，大都采用了很大的头图、大标题、副标题等结构，这样设计，不仅网站显得更加的大气，而且可以很清楚明确的告诉访问者，我们是做什么的，有哪些优势，我们认为“好的模板会说话”这些模板包涵了我们建站十多年中对于网站本质理解和心得，同时这些模板电脑手机自适应，做了跨屏适配处理，可以很好的适配手机。后台也是做了一些调整，使其的发布观感体验更友好，后台同样也是适配手机，可以在手机下管理自己的网站，并且用户确实也是这么做的，他们更青睐于在手机下管理自己的网站。
2023-04-02 10:23:26
113
原创 前端切图之svg图标的复用基于defs和use 亲测有用
切图网长期致力于web前端开发外包服务，而我们也关注到现在图标很多时候采用svg更多一点，然后图标字体文件已经提供了很多种类的图标，不过采用svg图标可以自行选择更符合、更好看的图标，相比于字体图标更加多样性，而且svg图标加载更快，而当svg的图标被多次使用的时候，我们需要一种类似于变量的定义，然后在需要的地方使用，具体使用方法附一段片段，亲测有用。SVG 元素可以在SVG图像中多次重用一个预定义的SVG图形，包括 元素和元素。被重用的图形可以在定义 的内部（图形将不可见直到使用use来引用它）或外部。
2023-03-22 09:25:14
388
原创 js复制到剪贴板 兼容电脑手机以及提示代码 亲测有用
js复制到剪贴板是在网页切图中经常用到的效果之一，而剪贴板因为在不同设备下的语法略有差异
2023-03-13 11:11:27
245
原创 跨屏建站平台2023.3.4发布更新，启用了新logo
跨屏建站平台2023.3.4发布更新，启用了新logo，网站整体风格布局进行了比较大的调整，走的是极简设计风格，最大的变化是网站变得更加简洁了
2023-03-04 21:03:45
72
转载 跨屏建站网发布响应式电子商务网站主题kpshop
跨屏建站网发布响应式电子商务网站主题kpshop，此次开发的跨屏响应式电子商务模板主题代号kpshop主要针对企业商城设计，采用简约式设计方式，基于主流html5+css3开发，搭载了流行的响应式框架bootstrap，兼容主流电脑、平板、手机等终端。
2023-01-13 11:58:53
189
转载 【跨屏建站网】选择自助建站平台很重要的一个指标
以跨屏建站网为例，我们公司09年开始就从事网站建设相关的工作，包括过去主营的前端切图服务，一直是在提供网站前端开发的最前列，所以对于网站的用户体验、多端适配的研究是非常多的，具有丰富的建站经验。最后简单说一下，为什么拖拽式布局的自助建站平台不好，因为我们发现通过拖拽生成的网站，代码是非常乱的，充斥着大量与本身网站信息无关的js代码（拖拽功能需要或者是残留的），这些对于网站后期的运营维护以及排名seo来说，是致命的，以至于说钱花了，但是无论怎么做排名优化，就是上不来，所以是非常不划算的，需要慎重考虑。
2023-01-03 14:30:32
77
原创 我想这就是我选择模板自助建站平台的原因
在线自助建站门槛极低，不需要建站者懂什么代码和设计知识，只要会打字就能建站了，现在市面上有很多傻瓜式在线建站系统，对新手非常友好，以“跨屏建站网”为例，直接在线选一个你喜欢的模板，然后上传自己的图片、产品、文案内容，就能生成自己的网站就可以了。现在的在线建站系统功能已经很丰富完善了，并且常规的企业网站栏目无非就是那么几个，稍微总结一下是有规律可循的，以跨屏建站网为例常见的相册、产品展示、博客、留言表单、第三方应用支持、商城系统、支付系统、SEO优化等功能都具备，可以很轻松的打造出一个很完善的网站了。...
2022-07-26 09:40:32
175
原创 2022年阿里云域名备案流程亲测及注意事项
如果你需要做一个网站，那么通常请过下绕不过域名备案，在国内做什么网站都需要域名备案，这样可以有利于垃圾网站的产生，也有利于净化互联网风气，虽然备案有点繁琐，但是还是有它积极的一面。跨屏网提供免费建站服务，并且提供二级域名供以访问，付费可以绑定顶级域名，而且域名还需要备案。没有顶级域名可以到阿里云注册一个，价格不贵com大概60左右，cn大概30几左右，具体以实际价格为准，备案建议在阿里云备案，因为跨屏网的国内服务器是在阿里云的，下面附2022年阿里云域名备案流程亲测及注意事项。以近期跨屏网的另外一个
2022-05-21 22:14:43
1861
原创 何以公域，唯有“跨屏”
无论是百度、腾讯还是阿里，或是头条抖音，都在建立自己的流量池，并且为了保护自己的流量，通常会在建立自己的壁垒，通俗一点讲就是在玩私域流量，比如我们以往常见的微信上不能发布抖音链接，这就是微信在搭建自己的私域流量，为了防止流量通过微信的分享链接跑到抖音上去。如今各大平台都在玩私域流量，大到抖音 就是私域流量，小到自己建立的qq群，微信公众号也属于自己的私域流量，但是有一种内容的形态可以跨越不同的终端，app都可以被访问到，那就是网站。而传统的网站往往是在pc上能访问，有一种网站可以跨屏幕、跨终端、跨平
2022-04-23 15:26:00
1869
转载 跨屏测(响应式测试工具)2022年改版，基于bootstrap4.0重构
跨屏测2022年改版，基于bootstrap4.0重构，风格还是延续了之前的样子，重构后的ui更加统一，细节更加精细，同时bootstrap4.0版本开始是一个移动优先设计的跨屏css框架，可以更好的适配手机等小屏幕设备。跨屏测经过数次的功能的更新迭代，跨屏测试的技术方案从单纯的调整屏幕尺寸，变成了基于user-agent模拟手机真实状态，测试的效果更佳准确，和目前市面上的其他网站跨屏（响应式）测试工具有着本质的不同。如果你想测试一下网站在手机下的效果，就赶紧试试吧。跨屏测 取自“跨屏”
2022-04-13 19:54:16
116
转载 电脑版、3g版、触屏版、跨屏版，网站为何需要重新定义？
从pc端为主、pc+手机版,再到移动优先,网站到底发生了哪些变化?跨屏时代的到来,让推广理念和建站方式随之发生改变。2010年,被许多人称为移动互联网元年,这一年,用户逐渐将重心从PC端转到动端。跨屏理念渗透到各个行业，比如最各大手机厂商oppo，小米， 华为都推出了跨屏互联服务，主要是在打通手机+电脑互联的可能性。搜狗输入法推出跨屏输入功能 （在手机上用语音和图片扫描,可以将输入内容直接同步到电脑上。），也旨在为了打通电脑手机互联的可能性。跨屏网推出的跨屏五合一的新型建设方式（
2022-04-10 15:56:04
99
原创 如何申请注册跨屏建站“跨屏号”
企业要网络营销，离不开网站。而做网站的第一步，你只需要注册一个自助建站平台的账号即可快速开启。跨屏网专注于h5响应式网站的开发，模板多、代码规范标准、后台操作简单，如果后期seo优化做的好，很容易获得百度的排名，为企业带来订单。今天就来详细讲解如何申请“跨屏号”。登录跨屏建站官网，地址：http://kuaping.com点击右上角注册按钮填写资料，点击注册按钮弹出注册成功提示，点击直接登录进入后台，并且完善资料...
2021-04-29 20:38:01
152
原创 做跨屏网的一些机缘和动机
了解我们的朋友都知道，在跨屏网之前我们做的是切图网，顾名思义提供专业的网页切图服务（前端）。而前端做的久了，一路走过来见证了传统pc网页到h5手机端网页，到响应式网页的变化，而在未来pc、手机、平板等多终端并行的年代，网页跨屏将会是永恒的话题，尽管很多网络公司提供响应式网站建设服务，但是真正要做好响应式，需要的远不止这些。而我们比别人做起来会更加的有优势，更加得心应手。于是，我们又上线了跨屏网。作为切图网的延续也好，作为新的方向探索也好，下面我们看看跨屏有哪些场景？我们只需要在百度搜..
2021-04-27 14:59:01
114
原创 跨屏建站saas系统2021.4.27发布更新
跨屏建站saas系统2021.4.27发布更新，增加了聚合头条板块，saas建站除了成本低，建站快，更多的还是应该能够连接企业与企业的通道，以及帮助企业把信息推广出去，这才是saas建站的本质，也只有saas建站可以做到，也来自于我们对于saas建站的理解。至此，跨屏建站saas系统已经有点像自媒体平台，不过它既然是网站的属性，可以绑定顶级域名，可以发布产品，以及可以发布商品并且可以在线支付。关于跨屏网跨屏网顾名思义是要做行业领先的响应式网站平台，以跨屏为突破口，帮助传统企业数字化转型，从全
2021-04-27 14:33:10
175
原创 跨屏建站系统2021.2.17发布更新
跨屏网打造“无印良品”版建站系统，在传统建站系统都习惯性的保留建站平台的信息（版权），以至于形成了一个固有的现象，当一个建站平台上线的时候，往往都会带上平台的一些logo或者版权信息，然而这一个细节却是作为用户不太想看到的，尽管只是小事情，以至于很多用户往往也不会在过在意这个问题。不过，在跨屏建站系统发布更新以后，这个传统级别现象将有望被改写，在新的后台中可以将平台的信息定义为自己的，这样可以让用户在使用后台更加舒心。跨屏建站系统2021.2.17发布更新1，增加了发布文章定时功能.
2021-02-17 22:40:17
105
转载 跨屏前后，网站添加一行代码，快速适配手机（非跳转）
跨屏前后，网站添加一行代码，快速适配手机，真实效果截图， 采用跨屏平台自主开发的解决方案。主要的优势1，pc手机内容及时同步2，相同的域名访问3，无需提交百度适配4，利于seo优化5，开发周期短6，开发成本低等等以下来自真实截图转载此文章须经作者同意，并附上出处及文章链接。 http://www.kuaping.com/kuaping-yimenchuang/...
2020-05-12 15:10:14
327
转载 织梦dedecms电脑和手机端数据同步及一键生成手机版插件
前言织梦dedecms系统是很多站长比较喜爱的一款CMS系统，用它来搭建一个网站非常的容易，然而织梦dedecms系统自带的手机版却饱受诟病，比如不能生成静态页，dedecms手机版功能太简单，pc和手机是不同的URL，还需要在百度提交百度URL适配等等。市面上的插件所以市面上也有不少织梦dedecms手机版插件，不过大多数教程或者插件适合有织梦模板开发经验的站长，通常需要改动大量...
2020-04-17 11:54:54
1273
原创 跨屏网 ，网站适配手机案例，适配前后对比图
跨屏网 ，网站适配手机案例，适配前后对比图网站引用一句话JS代码适配适配前适配后跨屏网自主开发一键适配跨屏平台，致力于为中小企业提供平价的手机适配服务。跨屏网为天悦网提供移动适配服务，网站适配后完美兼容手机端，手机用户可以随时随地访问，为流量和获客转化都提供了有利的条件。...
2020-02-27 14:01:55
346
原创 10年前端开发者的亲口讲述——"我10年磨了一把什么剑"
10年磨剑本人aming，前端从业者2009~2019，创办了切图网。曾经的信条左手代码，右手诗；一半技术，一半商人。厚积薄发；10年磨一剑；这些信条都无一例外的决定了我后面说走的路。了解我的人都说把一件事能坚持做10年的人还挺不容易的，能把一件事做10年，也一定值得交朋友。我笑着说，因为我对它（前端）兴趣，所以就一直做下来了，也没觉得不容易。有人...
2019-12-31 17:00:14
246
原创 有关前端BEM命名方式的思考
最初的思考思考来源于要给切图网改一次版，作为前端开发服务商，我觉得应该要有自己的一款前端CSS框架，并且这个框架不应该只是随便写写，最好能够用在官网上，拿官网做背书，于是在研究了火狐、adobe、微软、google amp等官网以后，写了一款quickly.css响应式前端框架并且开源，并且用在了新版网站上。问题？在写框架的时候，定义了这么一个类 .card 它可以用在很多场合。然后 ...
2019-12-27 11:30:10
125
程序员表白必备， html5画爱心+表白，附源码
谁说程序员不浪漫，其实有些程序还是很浪漫的好嘛，懂得学以致用，下面是一个前端开发利用所学html5制作的html5爱心+表白 ，附源码如果你是一个单身程序员，那么赶紧的拿下这个资源吧源码下载http://zjdx1.sc.chinaz.com/Files/DownLoad/webjs1/201401/jiaoben1892.rar//// ...
2018-04-24 20:41:50
18918
1
3d可旋转 焦点图 ，基于css3，附源码
3d的效果很多，我们之前就分享了很多，这次是基于css3来做的，立方体，6面，每一面都可以看到，可以旋转，可能在实战项目中用到不多，但是很适合做到个人主页里面。源码下载https://www.html5tricks.com/download/css3-3d-cube-image-player.rar///// ...
2018-04-24 20:35:25
276
原创 程序员表白必备， html5画爱心+表白，附源码
谁说程序员不浪漫，其实有些程序还是很浪漫的好嘛，懂得学以致用，下面是一个前端开发利用所学html5制作的html5爱心+表白 ，附源码如果你是一个单身程序员，那么赶紧的拿下这个资源吧源码下载http://zjdx1.sc.chinaz.com/Files/DownLoad/webjs1/201401/jiaoben1892.rar////...
2018-04-24 20:26:33
53249
1
原创 jquery.autocomplete.js 插件修改，支持移动设备笔记
jquery.autocomplete.js 是主流的输入框 自动补全插件 ，当然还有其他的，不用找了，我们找过一圈，这个是主流的。但是ios下输入汉字不自动补全原因是 keyup keydown在手机下不太灵光，为了保险起见，需要额外在增加change事件，基于这个理论改造了插件，完美 $('input').bind('input propertychan...
2018-03-16 13:19:14
940
转载 做web前端，年入50w以上的心得
来自头条号：丁向明 （ps：加关注）---大家好， 我是aming ，来自广东的一种称谓（习惯于加阿x来称呼，我曾在广州工作过一段时间，大家习惯这样叫我）不管你之前认识或不认识我， 现在，我们开始重新认识一下！微信 dingxiangming82 / 或者关注我的头条早在2007年接触前端2007年接触前端到现在，有11年的时间，算是大龄前端了，算不上高手，但也算的上是老手，很早就接触jquery...
2018-03-16 13:17:20
20190
7
转载 切版网上线，启用qieban.cn
近期，切版网收购并启用了qieban.cn域名，输入域名可以看到非常抢眼的黄底黑色的网站。复制国外psd2html模式，主要提供psd/sketch转html5/css3前端外包。可见切版网对域名的保护是非常的重视。据查询，qieban.cn近期信息有变动，“切版”域名qieban.cn注册于2015年6月，相关的主流后缀域名qieban.com/.net等已注册。易名中国（eName.c
2017-10-09 10:34:25
537
转载 网站建设公司该不该把web前端外包出来！精辟
如今的网站建设公司其实过的并不好，一些建站平台、模板建站、仿站等都对网站定制造成了比较大的影响，网站建设公司如何降低用人成本、灵活的整合第三方资源成为度过“特殊时期”的重要手段，迎接下一波春天的到来。网站建设公司该不该把前端外包出来？如今我们所谓的web前端外包（开发），要会(HTML+CSS+JS基本三大要素)、能切图、懂用户交互等，还需要前端架构是开发和优化框架，及服务器，用户体验等涉
2017-08-23 19:15:39
1935
fullpage.JS横向滑屏插件 onepage-scroll.JS
2016-11-30
分享一个我平时在用的播放器插件videojs
2016-11-30
常说的跨屏网站是指的什么？
2021-05-21
dedecms自带手机版很糟心，我打算开发一个免费的移动插件，您会支持吗？
2020-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人