1.scss是什么scss是css的一种预处理语言scss是一门很好用的类css，在现实中的工作当中几乎都是不采用css的，而是使用类css语言。例如：scss、less、stylus等，所以学习一门css语言是必须的，在这里就简要介绍一下scss用法。首先它是一款强化css的辅助工具，在css的基础上怎加了：变量（variables）嵌套（nestednutes）混合（mixin）导入（inli...
web前端 45
css视口企业(Viewportunits)在PC端，视口是指在PC端，是指浏览器可视性地区；但在手机端，它涉及到3个视口：LayoutViewport（合理布局视口），VisualViewport（视觉效果视口），IdealViewport视口企业里的“视口”，PC端是指浏览器可视性地区；手机端指的是Viewport里的LayoutViewport。依据CSS3标准，视口企业关键包括以下4个：1...
web前端 45
functionwater(){constwatermarkText=张三15288123456;//水印文字内容constwrap=document.querySelector(#water-wrapper);consthtml=document.querySelector(html);constbody=document.querySelector(body);html.style.margi...
web前端 64
htmlstyle.parent{display:table-cell;text-align:center;/*水平居中*/vertical-align:middle;/*垂直居中*/width:300px;height:300px;background:red;}.child{display:inline-block;width:50px;height:50px;background:green...
web前端 96
在网站开发中，我们经常需要控制一段文本只显示一行。这种需求在导航栏、标题和表格等地方是非常常见的。CSS提供了多种方法帮助我们实现这个效果。下面是一些常用的实现方式：/*1.使用text-overflow属性*/.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*2.使用max-width属性*/.one-l...
web前端 448
37酒泉市38大兴安岭地区39黑河市40伊春市41齐齐哈尔市42佳木斯市43鹤岗市44绥化市45双鸭山市46鸡西市47七台河市48哈尔滨市49牡丹江市50大庆市51白城市52松原市53长春市54延边朝鲜族自治州55吉林市56四平市57白山市58沈阳市59阜新市60铁岭市61呼伦贝尔市62兴安盟63锡林郭勒盟64通辽市65海西蒙古族藏族自治州66西宁市67海北藏族自治州68海南藏族自治州69海东地区...
web前端 72
1、获取访问的终端//获取访问的终端functionterminal(){varsystem={};varp=navigator.platform;varterminal=null;system.win=p.indexOf(Win)==0;system.mac=p.indexOf(Mac)==0;system.x11=(p==X11)||(p.indexOf(Linux)==0);if(syste...
web前端 90
序号字段意思值autoDoublePageDouble|autoleftMarginOnMobile手机左边距topMarginOnMobilerightMarginOnMobilebottomMarginOnMobiletoolbarAlwaysShow移动版工具栏始终显示truefalseshowInstructionOnStart启动时显示翻页手势truefalseisStopMouseMe...
web前端 7
script$(document).ready(function(){$(document).bind(contextmenu,function(){returnfalse;});//禁止右键document.oncontextmenu=function(){returnfalse;};document.onkeydown=function(){if(window.eventwindow.even...
web前端 72
这篇文章是在查阅很多资料后整体出来的四种常用的B端适配方式，希望能够为还在纠结页面适配规则如何选择的同学提供帮助。1.何为页面适配及必要性页面适配，简单来说就是需要考虑页面在不同的屏幕尺寸中展示出来的对应效果。其最终目的，就是为了让我们设计的页面在每个屏幕尺寸下，都有比较良好的显示效果。如果不考虑页面适配，最终的页面呈现效果就会大打折扣。在B端实际的工作中，我们只需要关注设计内容在浏览器视窗变化时...
web前端 49
MuiPlayer是一款HTML5视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。播放器的设计兼容了在PC、Mobile端运行，提供了“移动端”以及“PC端”两类扩展插件，因此你也可应用于在Android、Ios的Webview中使用该插件。如果你的应用是运行在html5plus(opensnewwindow)环境...
web前端 1
浏览器采用哪一个模式打开网页判断优先级：手动切换（用户）meta指定（开发者）浏览器兼容列表（浏览器）需要升级到正式版，下载地址http://down.360safe.com/se/360se_setup.exe1、手动切换模式，手动切了兼容模式，以后打开一直是兼容，切了极速模式就一直是极速模式，只能手动切回去（meta指定、兼容列表会无效）2、meta指定模式，提供给开发者使用（用户可以手动切换...
web前端 0
如图,作为开发者,通常有自己的常用语言,文章里经常用到代码段,肯定是希望自己常用的选项放在前面.直接在ueditor根目录下找到ueditor.all.js或者ueditor.all.min.js文件如果你调用的时候使用的是那个文件，你就找到哪个文件,找到“insertcode”代码，不过整个文件包含insertcode的有好几个，我们需要找的完整代码如下：me.setOpt(insertcode...
web前端 42
将设计排版好的页面html代码上传到数据库，再读取出来的时候发现所有的div都被替换成了p标签。解决方法:首先在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代码，将true设置为falseme.setOpt({allowDivTransToP:false,disabledTableInTable:true});然后在ueditor.config.js文件内搜索...
web前端 40
当我们做vue的项目时候会有很大一部分的样式需要我们修改，这个时候会出现样式和本地开发的时候样式有很多不一样，原因可能是css加载顺序有问题，样式被覆改了。所以在mian.js里面这样修改：‘./APP’和’./router’放在elementcss的后面，router放到最后还有就是每个vue组件里的style要加scoped,这很关键，起到css不被组件之间重叠的作用。
web前端 52
项目打包正式环境时，是没有vue-devtools选项卡的，没法看vue内部的数据使用以下几步可以实现在不改代码的情况下开启vue-devtools1.选中Source选项卡，找到打包好的app.js，并格式化2.ctrl+f搜索$mount并在new那里打断点，new后面的对象就是Vue对象，需要记住该变量名，下一步要用到3.F5刷新页面就就会进入断点，并在控制台输入d[default].con...
web前端 29
现象：这里调节框与图片错位展示效果图解决办法：修改ueditor.all.js文件（代码如下所示），效果如下图所示：
web前端 42
接手一个项目，在任何浏览器都没有问题，只有在IE的兼容模式下，页面全都乱套。对比了一下之前写的代码发现没有这么一行代码：metahttp-equiv=X-UA-Compatiblecontent=ie=edge,chrome=1，加上之后果然规整了。查询原因知：IE浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染，兼容模式有可能导致网页显示出问题。http-equiv=X-UA-C...
web前端 113
一、使用之前，我们先来掌握3个东西是用来干什么的。npm:Nodejs下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli:用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npminstall就可以安装）开始：如图，下载8.9.3LTS（推...
web前端 103
现在如果要在页面中使用video标签，需要考虑三种情况，支持OggTheora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome)，支持H.264的(Safari、IE9、Chrome)，都不支持的(IE6、7、8)。好吧，现在让我们从技术层面来认识HTML5的视频，包括video标签的使用，视频对象可以用到的媒介属性和方法，以及媒介事件。 Video标签的使用 ...
web前端 90
