徐伟轩博客-爱写歌的程序员思考和科普的日常自媒体

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码
搜索到 77 条相关 的结果
2022-11-02

如何提高引入字体的加载速度

如何提高引入字体的加载速度
在更注重设计效果的今天,网站的字体也被关注较多。而不少字体可能体积较大,导致网站加载速度很慢,这有比较好的解决方案吗?抛开字体版权、能否商用,客户肯定也是希望能有一套和他们网站风格搭配的字体。像中文字体,一般可能在5MB左右,有的客户想要的字体甚至能达到惊人的20MB。我想了想,咱做的网站程序也才2MB啊!?虽然我对于这样把关注重点耗费在字体上的做法不敢苟同,但是假设客户就想要这字体,而且这字体又恰好是免费可以商用的呢?【概念】例如在CSS代码中,我们怎么样引入自己想要的字体,而不是系统默认的一些字体?先要写个声明策略吧:@font-face {font-style: normal; font-family: 'MyFont'; src: url('/font/MyFont.ttf') format('truetype');}再具体进行调用,有时候甚至可以直接在body里定义这一个字体以显统一。h1 {font-family:Arial,serif; }/ 系统字体 /.fontsloaded h1 {font-family:'MyFont',serif; }/ 自定义的字体 /...
徐伟轩
2022-11-02

设计/编程/开发

43 次阅读
0 条评论
2022年11月02日
43 阅读
0 评论
2022-10-14

鼠标经过弹出二维码特效怎么做?

鼠标经过弹出二维码特效怎么做?
上一篇文章我也提到了,受到网友启发,我觉得也确实有必要把一些知识点分享给大家,其实就也涵盖了互联网精神。今天我分享一个在网站中经常可能使用到的鼠标经过特效。与其说特效,那我们倒不如先从原理先入手。要做鼠标经过,出现二维码的效果,那咱们其实可以简单点做,先把这个二维码隐藏,然后鼠标经过的时候,再出现呗。【技术分析】1、先隐藏元素CSS里这样写 display: none;2、然后鼠标经过,是不是代码要写成 :hover给它定义成display: block;【实例】<div class="share"> <a href="javascript:;"><img src="images/vx.svg"> <div class="wx_b"> <p><img src="../images/weixin.png"></p> </div> </a> ...
徐伟轩
2022-10-14

设计/编程/开发

76 次阅读
2 条评论
2022年10月14日
76 阅读
2 评论
2022-10-13

墨刀导出的HTML能用作前端代码吗?

墨刀导出的HTML能用作前端代码吗?
我们知道“墨刀”这样的工具其实还是比较人性化的,假设你已经有了设计稿,可以把设计好的网页的效果图片导入,再做成可以交互的原型。确实还是方便了设计师使用,当然也能让客户更好得看清网站的交互效果,功能节点这些。导入后,使用组件,拖拽等操作,可以说就实现了由图片 转 页面,而且还有个功能是[ 离线演示包 ]。那网页设计师这时候开心了,厉害了,直接给哥写好了HTML了吗?哈,也不用高兴得太早。1、付费导出HTML只能说这算是html,不过你要直接拿来使用,绝对能崩溃。人家是原型图工具,不是说直接替代你写代码啦!人官方也明文说了“下载的HTML文件不能直接使用或用于开发复用。”注:如直接将html文件放到自有服务器上可能存在预览问题。而且是付费用户才可以导出html,免费用户只能导出带有水印的png和pdf格式。要去掉水印,也需要付费。另外注意:要使用Chrome内核的浏览器运行index.html文件,查看网页的效果。2、参考借鉴价值那么导出的HTML就是“一无是处”吗?也不一定。如果手写代码的前端或者程序员,也可以借鉴墨刀html的结构(虽然层级实在是太拖沓)3、思考此前我也尝试用过a...
徐伟轩
2022-10-13

设计/编程/开发

51 次阅读
0 条评论
2022年10月13日
51 阅读
0 评论
2022-10-12

做个网站最快要多久?几分钟?

做个网站最快要多久?几分钟?
相信很多人,包括程序员自己也曾考虑过这个问题:几分钟能搞定1个网站?嗯,这是真的,这不是谣言!不少企业老板,可能每天也接听到很多的营销电话,他们自己也慢慢从中总结出一些概念,比如做模板网站、定制开发网站、营销型网站、网站营销推广等等的名词他们肯定听过。老板们也会了解到做个模板网站会比较快,像WordPress等等网站CMS建站、甚至自助建站他们也都或多或少听过,甚至被坑过。1、做网站真的能几分钟搞定?现在都讲求效率至上,凡是要求快速出结果。虽然我是比较反感这种,但是没办法呀。所以,真正建个普通网站,没有其他要求,确实能快至几分钟。当然前提条件是你要先准备好网站的域名、服务器,搞定数据库。然后你使用一个网站CMS系统搭建一个网站,确实安装起来真的是嗖地一下几分钟就完事儿了。而定制开发类的网站,一般可能最少也要1周。例如用我们的一款CMS软件给大家参考一下。看这是网站的后端,也就是大家所讲的网站管理后台,在这边可以写文章、发布商品、管理评论、留言等等。而前端,其实也就可以理解为是网站的模板(关于网站模板,这边讲下我的个人观点。其实任何网站,都是有模板的。有人表示不服,说我是定制开发的...
徐伟轩
2022-10-12

设计/编程/开发

93 次阅读
2 条评论
2022年10月12日
93 阅读
2 评论
2022-10-03

做网站不弄清这6点客户需求,等于空谈!

做网站不弄清这6点客户需求,等于空谈!
假设您需要找做网站公司 定制开发一个网站,你必须要清楚地告知技术人员需求!和销售相比,技术人员可能并不一定善于“侃”。建议按照如下6点 简明确定好您的需求:1、做什么样的网站?(1)可以把你看到的较为符合你心目中接受度高的网站的网址给到网络公司的技术人员,让其参照制作。那把网址告知技术(最好截图保存每个页面,这样对双方都有保障)因为您不能保证参考的网站是否会做升级改动之类的,所以最好要存证下来,以便技术人员参考。(2)再比如,您想做的网站是PC还是wap,还是都需要制作;还是需要制作中英文网站、小语种网站;或者是需要制作成响应式网站?这些都需要明确好。最基本的不明确,也无法大致评估工期和成本。(3)假设做定制化网站,那必须从构思—草图—设计图—流程、逻辑功能要点 这些先确定好。即便你只是做模板网站,总要告知技术员想使用什么模板,要不要修改部分框架、文字等内容,对吧?2、网站需要在国内还是国外使用国内的话,必须要备案,您合作服务商可以帮您安排好。在境外的话可以不备案,网站制作完成后立即上线。3、网站需要哪些功能例如网站是否需要用户注册登录、下单购买付款、订单处理等等。(最好把网站所...
徐伟轩
2022-10-03

设计/编程/开发

34 次阅读
0 条评论
2022年10月03日
34 阅读
0 评论
2022-08-03

执行SQL错误!Unknown column 'uid' in 'field list'..

执行SQL错误!Unknown column 'uid' in 'field list'..
这个bug在网站开发中还是比较常见的,主要表现为Unknown column '字段名' in 'field list' 错误。总结来说就是,可能不小心把某个字段写错了,前端和数据库部分都需要检查一下。这类错误尤其会出现在自定义表单,或者字段多些的情况下。比方说你有可能熬夜敲代码,不小心按照了你以往的工作经验去写,导致漏写或者多写了字段造成。例如,你写了个字段叫a,但是数据库里是叫b,那也没把a的值传给b就报错了!错误实例执行SQL错误:Unknown column 'uid' in 'field list', 语句: INSERT INTO mess (`contact`,`mobile`,`content`,`acode`, `user_ip`,`status`,`create_user`,`uid`, `create_time`) VALUES ('姓名','王总',[中间省略掉吧--] ,'2022-08-01 11:37:18') 当前程序:V1.0, 基于操作系统:Linux, WEB应用:nginx/1.18.0这种像咱们开发用户留言、评论、自定义表单等功能都可能...
徐伟轩
2022-08-03

设计/编程/开发

224 次阅读
2 条评论
2022年08月03日
224 阅读
2 评论
2022-08-01

如何让网页中折线图的折线变得平滑

如何让网页中折线图的折线变得平滑
首先这边我们在网页中做折线图这类带有数据的东西,还是使用一些成型产品会比较好点,你可以站在巨人肩膀上对吧。这边我们使用一个基于JavaScript的开源可视化图表库——ECharts,这样我们就不需要在从HTML里从头学习,或者说推荐大家要先学习一下canvas元素中CanvasRenderingContext2D对象提供的相关方法,也就是通过使用坐标表换。那么我们就别繁琐地计算每个点的坐标,只要对坐标系整体表换即可。当我们制作折线图的时候,可能会有很多个折线点,那样看起来可能曲曲折折的,没那么丝滑,咋办?其实ECharts已经自带了一些参数可以进行设置,以最简单的方式直接给大家列出来。放出这一段代码即可:symbol:'none', //如果这边代码注释掉,或者删掉 那就恢复到常规折线图形态这样是不是很丝滑的折线了?然后还有一些其他的参数,其实大家慢慢看也能理解了。例如:lineStyle:{ type:'dotted' //设置网格线类型 dotted:虚线 solid:实线 },线条太细了,想把折线的线条变粗点呢? lineStyle: { ...
徐伟轩
2022-08-01

设计/编程/开发

136 次阅读
0 条评论
2022年08月01日
136 阅读
0 评论
2022-06-15

Bug笔记:Fatal error: Uncaught Exception: UPDATE product SET tid = '88', virtual = '1',

Bug笔记:Fatal error: Uncaught Exception: UPDATE product SET tid = '88', virtual = '1',
记录一下平时工作中遇到的一些BUG,方便自己和大家今后再遇到类似问题时,能迅速避坑。Bug提示Fatal error: Uncaught Exception: UPDATE product SET tid = '88', sid = '0', virtual = '1', logistics = '0', mrank = '0', mgold = '0', isshow = '1', keywords = '', description = '板材' WHERE id = '42' 执行错误: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'virtual = '1', logistics = '0', mrank = '0', mgold = '0', isshow = '1', keywords' at line 1 in /www/wwwroo...
徐伟轩
2022-06-15

设计/编程/开发

147 次阅读
0 条评论
2022年06月15日
147 阅读
0 评论
2022-06-10

欢迎大佬们加入分享或售卖软件作品或文章

欢迎大佬们加入分享或售卖软件作品或文章
以前也在淘宝、自建平台售卖过一些网站模板、主题等作品,最近我想的是,独自发布,倒不如让大家都能参与进来。所以,也欢迎各位大佬入驻进来,把你们的一些网站模板、主题、网站源码、程序、付费文章等等发布上来,让更多用户看到。放心,不需要入驻费用!我相信广大网友也希望能为知识付费说不定你发布的作品,正好符合其中一部分用户的需求!状态:正常投稿收益站长没有开放此功能。可联系我 开通投稿权限但是要注意:不能忽悠用户,必须保证用户拿到的东西和您的介绍或者演示一致。完全可以当作大佬们的副业做副业好处多多1、能学习新技能一份工作做久了,难免思维可能出现固化。而如果尝试学习或者做些新技能,可以拓展你的思维认知,并且给你带来更多业务上的思路。2、增加收入这是肯定的,无论多少,总归会有所回报。算是份兼职工作,有何不可?
徐伟轩
2022-06-10

设计/编程/开发

150 次阅读
0 条评论
2022年06月10日
150 阅读
0 评论
2022-05-23

软件授权,软件开源协议是什么?

软件授权,软件开源协议是什么?
软件开源协议是什么?要说软件授权,肯定要讲软件的开源协议(授权协议license)。最常见的开源协议(Open Source License)有上百种,有GPL、BSD、MIT、Mozilla、Apache和LGPL等,自由软件基金GNU计划。诸多的开源协议,让大家蒙圈 诸多的开源协议,让大家蒙圈!给个对开源协议的分析图,大家看看是不是就多少了解一点了。一个对开源协议的分析图由于程序拥有所有权,所以每段代码允许大家在何种程度上自然使用就成为了一个严肃的法律问题,所以就诞生了licence这个概念。其中有一些代码是写出来让大家随意免费使用的,所以licence就要规定你可以干一切事情。可是在法律里,“允许你干任何事情”这句话并不严谨,所以随着不断的诉讼、打官司、法学家的诠释,诞生了诸如 The GNU General Public License。其实我觉得,能够免费商用的开源软件就已经挺不错的了,但是肯定大家还会问,有没有一种更开放的开源协议的软件?很多了解一点知识的朋友会说,是MIT协议。的确,MIT是目前限制最少的开源许可协议之一,只要程序的开发者在修改后的源代码中保留原作者...
徐伟轩
2022-05-23

设计/编程/开发

180 次阅读
0 条评论
2022年05月23日
180 阅读
0 评论
2022-05-18

使用开源软件搭建审核员在线题库考试系统

使用开源软件搭建审核员在线题库考试系统
现如今企事业单位如果需要进行体系认证等方面的工作,一般都会需要审核员参与其中。审核员是谁ISO9000质量管理体系--基础和术语中的为:经证实具有实施审核的个人素质和能力的人员。也就是审核员是经系统培训并考核合格,由权威认证机构评估、审核,具备从事审核工作素质和能力的个人。国家注册审核员是通过CCAA(中国认证认可协会)组织的全国统一资格考试,并按照注册要求通过认证机构进行注册,具备一定学历要求,具备规定的实习审核员工作经验,从事认证审核工作的注册审核人员。用开源软件没有必要再去开发那么一套系统去做,站在巨人的肩膀上就行了。和很多商业软件相比,开源软件很多时候基本像在做公益,或者仅需要少量的成本即可开始上线运营。和闭源软件相比,开源软件能够修改成自己想要的更多功能。审核员题库为什么一定要先从题库着手?一般很多的考试包括审核员考试,那让学员熟悉题型、了解考试大纲才能更好的应对考试。如果有模拟考试,则能让学员更好地体验真实考试的场景。*注:现在是机考国家注册审核员的类别有哪些?质量管理体系(QMS)国家注册审核员环境管理体系(EMS)国家注册审核员职业健康安全管理体系(OHSMS)国...
徐伟轩
2022-05-18

设计/编程/开发

140 次阅读
0 条评论
2022年05月18日
140 阅读
0 评论
2022-05-16

使用CDN可能有待考量

使用CDN可能有待考量
我们知道技术应该以服务用户为目的,就博客而言我们自己也是用户。而很多大佬推崇的CDN加速初始目的是想能让网站打开速度更快些,而如果CDN不行,或者没弄好的话,有时候打击是毁灭性的。例如我发现今天网站打开速度很慢,也不是说404或者403、500这种打不开吧,但就是图片、特效等等太拖沓,有很多内容直接干脆加载不出来。纳闷得我习惯先从自身找原因,也去查看的服务器负载情况,不过一想也就冷静了,咱就是个小博客,考虑啥访问量很大、用户很多?这个太夸张了。翻看了代码发现,哎,部分的css、js代码根本打不开,而这些文件代码的引用链接前赫然加着cdn……这就有点尴尬了吧?原本是想让网站打开速度快,不成想却造成网站打开速度如此慢?这说不过去的。而我觉得,要么换资源,要么就得保证自己的网站内的这些代码,绝对不能委身于他人。名词解释CDN全称是Content Delivery Network,即内容分发网络。而CDN加速主要是加速静态资源,那就比如网站内的图片、媒体,亦或者是引入的一些js、css等文件。CDN加速需要依靠各个网络节点,例如100台CDN服务器分布在全国范围,从上海访问,会从最近的节...
徐伟轩
2022-05-16

设计/编程/开发

235 次阅读
4 条评论
2022年05月16日
235 阅读
4 评论
2022-03-17

倘若市面上的软件都注重版权

倘若市面上的软件都注重版权
倘若市面上的建站系统都注重版权,90%的企业网站都将沦陷,毕竟现实情况下拿来主义太多了。往年很多建站公司做个网站,最多可能就简单设计一下,然后直接用建站系统软件(CMS网站系统)套个模板就完事儿。真正的定制开发,或者拥有自主知识产权的公司较少。所以,很明显,没有自己的网站系统是多么可怕的事情。1、没有知识产权,就像联想吃瓜群众们对于联想事件也略有耳闻吧,如果没有核心技术,那就只能沦为代加工厂。其实纵观现在很多的设计公司、建站公司、网络公司或者算得上有名气点的互联网公司,从技术层面上看下他们的案例中,就不难发现,很多公司还只是通过类似织梦cms、帝国cms等一众开源软件(当然,这些软件实际是需要授权才能商用的)直接拿来给客户做网站的。这些公司给客户做好网站后,能耐心维护的也就比较好了,主要咱们今天探讨的是关于知识产权方面的问题。如果这些开源cms软件开发商,起诉你的客户使用他们的软件, 并未授权,那其实就是侵权了呀,人家不是一告一个准。毕竟人家是有《计算机软件著作权》的!使用开源软件,一定要注意软件使用授权!!如下是一开源软件法律诉讼案例:万词霸屏等形式的网络推广噱头着实让很多老板...
徐伟轩
2022-03-17

设计/编程/开发

420 次阅读
0 条评论
2022年03月17日
420 阅读
0 评论
2022-03-08

App必死 Web永生 看Web的前世今生 必会卷土重来

App必死 Web永生 看Web的前世今生 必会卷土重来
本文来自网络转载 文/五湖客(@让天长笑)当我们回顾技术的演变历史时,我们也应该关注技术演变的背后逻辑。  几年前,美国的《连线》杂志发表了“Web已死,Internet永生”的文章,由于作者之一是长尾理论的提出者克里斯.安德森(Chris Anderson,也是《连线》杂志的主编),这篇文章的影响很大。  这几年,随着手机和平板电脑的热销,Native App大行其道,甚至美国的著名社交网站Linkedin把基于web的移动应用改成基于app的移动应用,去年,脸书的创始人扎克伯格 更是承认“专注在 HTML5 上面是他有史以来犯过的最大的错误“。似乎Web App真成了“落后生产力”。 就在几星期前,有报道说苹果的apps下载量达到500亿,这是个让人印象深刻的数字。  然而,跨过这些表象,当我们回顾Web的由来,及成就它成长的原因,我们仍然有理由相信,app必死,而Web永生。  这里,说App必死,Web永生,是指目前这种需要下载和安装的移动互联网应用模式,必然衰落(但不会衰亡),而代之崛起的是基于html和浏览器的应用,必会卷土重来,重新占据移动和整个互联网应用的主导地位...
徐伟轩
2022-03-08

设计/编程/开发

233 次阅读
0 条评论
2022年03月08日
233 阅读
0 评论
2022-03-02

辨别响应式网站最简单的方法

辨别响应式网站最简单的方法
现如今移动端比重越来越大,所以做网站时候,大家开始都选择响应式开发。那么什么是响应式网站或者自适应网站?我们最简单的理解可以是,这个网站不变化网址,例如www.letus.top能够在电脑、Pad、手机等多个端口适配。传统的网站一般是电脑版网站www.letus.top,移动端网站再制作一版,手机访问的时候网址跳转到wap.letus.top技术也该讲点人话,让大家都能懂。这样讲解一下,大家应该大致明白了吧?响应式网站的制作理念,其实就是网页能集中智能化根据用户行为及设备环境自动适配布局。怎么样用最简单的办法判断一个网站是不是响应式网站?以360浏览器为例,我们打开当前网站,如果想要知道网站是不是响应式的,咋看?点击浏览器右下角的放大镜,弹出后,拖动在每个百分比的时候,页面均能良好适配,则可以判断出这个网站是响应式的。而如果仅仅只是能适配100%、400%则基本可以认定为并非是响应式,而只是自适应了电脑和手机版。以徐伟轩博客为例,响应式网站其实是可以在多个百分比自动适配,如下测试截图150百分比下网站页面情况200百分比下网站页面情况400百分比下网站页面情况
徐伟轩
2022-03-02

设计/编程/开发

258 次阅读
0 条评论
2022年03月02日
258 阅读
0 评论

亲爱的朋友

一切伟大,源于勇敢的开始。

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

标签云

富强民主文明和谐自由平等公正法制丨爱国敬业诚信友善