javascript
coder吹雪
这个作者很懒,什么都没留下…
展开
-
5分钟上手Egg.js+nunjucks模板引擎快速开发SEO友好的官网项目
在日常的项目中,有时候还是不可避免的会维护一些jq官网项目等。面对此类需求,很多还是以前的老套路,前端写页面交给后端去套数据。很烦有木有~~而改动之后还得交给后端再次修改,时间和沟通都是个麻烦。同时开发中,写静态页面也很麻烦,不能复用,不能使用现在的工具,心累有木有~~当然了,解决办法很多自己写个webpack脚本维护起来,把工程化的那一套东西搬过来。使用现成的nust\next等服务端渲染框架借助于node+模板引擎等…而本文介绍一下node的egg.js框架配合模板引擎来快速开发项目的模式原创 2020-06-30 15:21:26 · 1393 阅读 · 3 评论 -
HTML5抽奖转盘-CSS3超简单版本
核心思路采用CSS3的transition(过渡效果),给定需要旋转的元素设置transform的rotate属性的结束角度,同时添加transition-timing-function来控制旋转的速率包括起始速率和结束速率,代码如下(浏览器前缀可自行添加):#pointer { transition: transform 6.5s; transition-timing-function: ease-in-out;}这样,给定结束角度后,元素就会旋转,结束角度可以自由控制旋转的圈数,例如结原创 2020-06-30 15:03:07 · 745 阅读 · 0 评论 -
稍微整理了几个经常在H5移动端开发遇到的东西
不用说我也知道,此类文章太多太多了,常见的譬如:viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影(这个我觉得真没必要去掉,用户点击是需要反馈的,而这个背景色刚刚好提供了一种反馈)等等,太多啦,这些相信大家百度一下就可以查到很多资料????本篇文章主要是讲一些其他的或者优化手段。内容不多????1. 弹出数字键盘<!-- 有"#" "*"符号输入 --><input type="tel"><!-- 纯数字 --><inp原创 2020-06-30 14:36:30 · 186 阅读 · 0 评论 -
插件界的瑞士军刀,vs code已经无所不能!
powertools可以称得上插件界的瑞士军刀。相对于VS Code中大多数插件的出现为了解决某一项弊端和不足,powertools则聚合了很多强大且实用的功能,能够增强VS Code的功能,并提升VS Code的使用体验。powertools就如同之前使用iOS系统时使用过的一款软件Workflow,它相对于大多数插件功能更加丰富,但是门槛也更高一些。也就是说,想要最大发挥这款插件的价值,仅凭默认的配置是不行的,还需要结合脚本使用。换句话说,需要自己会用js开发一些脚本,如同开发一款简易版的vs c原创 2020-06-27 16:03:26 · 130 阅读 · 0 评论 -
npm全局创建wps加载项,你学废了嘛?
问题描述基于vscode的方式创建wps加载项在获取类型之后,无法自动生成wps加载项,在网上查询相关问题内容也无果。不过Wps官方文档又更新了通过npm全局的方式创建wps加载项,下面就来具体介绍一下。解决方案创建步骤:1.准备开发环境(1)安装wps 2019(2)安装node.js环境(3)安装 Visual Studio Code2.创建wps加载项打开命令窗口(win+R 输入cmd),然后输入安装命令npm install -g wps js图 2.2.1 执行安装命令输原创 2020-06-23 15:02:01 · 819 阅读 · 2 评论 -
BootStrap4根据设备选择显示效果
前言BootStrap4作为最出色的前端响应式框架之一,能够根据不同的设备,调整页面显示效果。但是,仅仅依靠调整原有元素的大小、排列,很难有好的呈现效果和用户体验。因此对于电脑及手机端用户,要根据设备的不同适当更换页面的内容,来达到更好的页面呈现效果及用户体验。案例先来看一个小案例,这是同一个网页分别在电脑及手机端的显示效果。(源码在最后)图一 电脑端显示效果图二 手机端显示效果分析根据不同设备的两种显示效果可以看到,在电脑及手机端中有相同的部分,也有不同的部分。相同的是中间内容部分,不原创 2020-06-23 14:35:05 · 373 阅读 · 0 评论 -
layui后台管理—table 数据表格详细讲解
1.layui介绍layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用,非常适合界面的快速开发。layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。2.table 数据表格在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。(网址:https://github.com/sentsin/layui)table数据表格是layui最核心的组成之一。它用于对表格进行原创 2020-06-23 14:06:12 · 2293 阅读 · 0 评论 -
秋招快要开始了,前端笔试中的坑位-JS隐式转换问题
我们在写笔试题的时候,经常碰到涉及隐式转换的题目,例如"1" + 2obj + 1[] == ![] [null] == false=== 和 ===== 叫做严格运算符,对象类型指向地址相同或原始类型( 数值、字符串、布尔值)值相同;叫做相等运算符,类型不同会进行转化再比较,undefined、null相等,对象类型还是比较引用。运算符将原始值和其包装对象视为相等,但=运算符将它们视为不等。 所有obj.anull(相当于obj.a=== null || obj.a ===undefined原创 2020-06-19 20:08:01 · 152 阅读 · 0 评论 -
JavaScript 中document.write() 详细用法介绍
document.write() 用法在JavaScript中document.write()函数可以向文档写入HTML表达式或JavaScript代码,用法“document.write(exp1,exp2,exp3,…)”,该函数可接受任何多个参数,并将其写入文档中。document.write() 说明虽然根据 DOM 标准,该方法只接受单个字符串作为参数。我们通常按照两种的方式使用 write() 方法:一是在使用该方在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生原创 2020-06-19 19:32:39 · 6777 阅读 · 1 评论 -
教你怎么用JavaScript检测当前浏览器是无头浏览器
什么是无头浏览器(headless browser)?无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编程来控制无头浏览器自动执行各种任务,比如做测试,给网页截屏等。为什么叫“无头”浏览器?“无头”这个词来源于最初的“无头计算机(Headless computer)”。维基百科关于的“无头计算机”词条:无头系统(headless system)是指已配置为无须显示器(即“头”)、键盘和鼠标操作的计算机系统或设备。无头系统通常通过网络连接控制,但也有部分无头系统的设备需要通过RS-232串原创 2020-06-19 19:14:07 · 316 阅读 · 0 评论 -
JavaScript网页截屏方法,你get到了嘛?
之前我曾写过如何将canvas图形转换成图片和下载canvas图像的方法,这些都是在为这个插件做技术准备。技术路线很清晰,将网页的某个区域的内容生成图像,保持到canvas里,然后将canvas内容转换成图片,保存到本地,最后上传到微博。我在网上搜寻到html2canvas这个能将指定网页元素内容生成canvas图像的javascript工具。这个js工具的用法很简单,你只需要将它的js文件引入到页面里,然后调用html2canvas()函数:html2canvas(document.body, {原创 2020-06-19 17:17:01 · 226 阅读 · 0 评论 -
新手小白该怎么学习前端?附学习路线和资料
初学编程的小伙伴经常会遇到的问题,1.没资源 2.没人带 3.不知道从何开始 ,小编也是从新手期过来的,所以很能理解萌新的难处,现在整理一些以前自己学习的一些资料送给大家,希望对广大初学小伙伴有帮助!给你学习前端的新手几个建议:第一:切记学习前端开发不可以依赖任何人,我做了开发这么久,十年了,见过很多依赖老师的学生,这样的后果就是自己没有解决问题的能力,也没有自主学习的能力,面试不能通过,找工作会非常难,因为学习开发就是锻炼这种自我学习的能力。第二:必须而且一定要有一个老师带着学,无论是学习JAV原创 2020-06-19 16:55:58 · 337 阅读 · 0 评论 -
前端小玩意儿:用three.js开发的手机太空穿越VR游戏,特效非常猛哦
hello,今天给大家用three.js开发了一个手机太空穿越VR游戏,确实不容易,小编的头发又少了一大截。Ok,废话少说,先看效果。一、效果图<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>Three.js Mobile VR Sonic</title><link rel="stylesheet" href="css/s原创 2020-05-19 15:47:13 · 433 阅读 · 0 评论