
利用scss快速打造属于自己的css类库
楔子 有经验的前端在新建一个项目的时候,会分析设计图抽离出基础的色系,字体大小,按钮大小,边框边距,辅助类,常用元素等,然后去定制一套属于该项目的基础css类库,便于在后面的页面搭建中更加方便统一。 想法 当然这个并不是我写此初始类库的原因...
楔子 有经验的前端在新建一个项目的时候,会分析设计图抽离出基础的色系,字体大小,按钮大小,边框边距,辅助类,常用元素等,然后去定制一套属于该项目的基础css类库,便于在后面的页面搭建中更加方便统一。 想法 当然这个并不是我写此初始类库的原因...
安装tinymce-vue npm install @tinymce/tinymce-vue -S 再安装一下tinymce npm install tinymce -S 注意:现在tinymce-vue已经更新至4.0了,需要vue3.0...
错误代码: VIDEOJS: ERROR: The “flash” tech is undefined. Skipped browser support check for that tech. VIDEOJS: E...
做移动端的布局时,我们经常会用到动态单位rem来适用不同分辨率下的设备,但是设计图与rem之间的换算着实头疼。因为最近投靠vs code编辑器门下,所以就写一篇vs code下如何实现自动换算px和rem。 一、安装cssrem插件 直接在...
1、初次登录时保存账号密码 登录页面输入账号、密码登录成功后,好多浏览器会自动弹出“是否保存账号密码”的询问框!如果你不想保存账号密码,选择不保存即可,之后就没有这么多事了! 一旦选择了保存,那么下次再登录这个站点时,就会自动填充账号和密码...
当我们浏览网页时,我们想对网页内容如文章、评论中的观点持赞同或反对意见时,可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程,开发者可以通过ajax异步来实现,从而提高用户体验。 本文结合实例,讲解使用PHP+MySql+jQue...
项目开发中,很多时候要将外部CSV文件导入到数据库中或者将数据导出为CSV文件,那么具体该如何实现呢?本文将使用PHP并结合mysql,实现了CSV格式数据的导入和导出功能。示例到文章末尾下载 我们先准备mysql数据表,假设项目中有一张记...
本文讲解如何通过ajax查询mysql数据,并将返回的数据显示在待选列表中,再通过选择最终将选项加入到已选区,可以用在许多后台管理系统中。本文列表框的操作依赖jquery插件:Multiselect。 HTML <form id="s...
Nginx作为高性能web服务器深受广大开发者喜爱。为了安全我们要做好Nginx访问控制,比如允许和禁止某个IP访问、禁止访问某个目录、反爬虫等。同时可以适当调优配置使Nginx性能更加强悍。 Nginx全局变量 Nginx中有很多的全局变...
Bootstrap Validator验证是一个jQuery插件来验证表单域,配合Bootstrap一起使用来快速完成我们的验证需求 我们来通过一个简单的示例(验证用户名和密码)来了解它的基础用法 首先引入jquery和bootstrap、...
jQuery One Page Nav,一个轻量级的jQuery的单页网站导航插件。增加了单击后平滑滚动导航和当你浏览不同的部分时自动选择正确的导航项。 电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁...
首先是下载包: npm install express npm install socket.io 建立文件: 服务器端代码:server.js var http=require("http"); var express=require("...
自动社会主义价值观出来后,各行各业都在跟风,程序员也不例外,我们经常可以看到很多博客站右击会出现富强、民主、文明、和谐…等等。 如图: 那么该功能是如何实现的呢,实现的思路很简单,今天站长资源网就来给你剖析一下。 html是不需...
网页漂浮广告,大家都见到过,虽然用户体验不好,但是曝光效果显而易见,所以还是有很多人有这方面需求,大多用到这些需求都是网上找的插件来实现,难免会多出很多冗余代码,自己也不知其所以然。今天站长资源网就给大家详细讲解如何实现漂浮广告效果。 首先...
现在有这样一个需求,点击按钮发送短信,然后按钮上面出现倒计时。相信只要用到短信接口的应用都会有这个需求,但是这个需求对新手来说却要挠头了,今天就给大家讲解如何用嘴简单,最容易理解的方式来完成这项功能。 需求分析: 1,按钮禁用,这个我们很容...
文字断开效果,说白了就是让文字部分错位,这要是放在PS上解决自然是很简单的事情,不过用代码如何去实现呢。 下面就来一步步教大家如何去实现 首先我们写一段HTML基础代码: <div class="main"> <h1>...
完整代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页版时钟动画效果</title> ...
js代码如下: 假如设计图为640px (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? ...
1.什么是rem 来自于鹅厂ISUX团队的解释如下: rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单...
1、修改ueditor.config.js,将enableAutoSave修改为false,并把前面的注释给去掉。 2、在第一种的基础上,修改ueditor.config.js,将saveInterval的值改大一点或者修改成0,并把前面的...