全部
web前端
设计思想
理论知识
经验/观点
程序知识
全景知识

scss理解及用法

1.scss是什么scss是css的一种预处理语言scss是一门很好用的类css,在现实中的工作当中几乎都是不采用css的,而是使用类css语言。例如:scss、less、stylus等,所以学习一门css语言是必须的,在这里就简要介绍一下scss用法。首先它是一款强化css的辅助工具,在css的基础上怎加了:变量(variables)嵌套(nestednutes)混合(mixin)导入(inli...

web前端 38

css如何设置宽是100vw

css视口企业(Viewportunits)在PC端,视口是指在PC端,是指浏览器可视性地区;但在手机端,它涉及到3个视口:LayoutViewport(合理布局视口),VisualViewport(视觉效果视口),IdealViewport视口企业里的“视口”,PC端是指浏览器可视性地区;手机端指的是Viewport里的LayoutViewport。依据CSS3标准,视口企业关键包括以下4个:1...

web前端 32

轻松获取图片和视频文件的Exif信息-Java篇

随着现在实景地图的如火如荼建设,无人机等航拍测绘手段的不断升级,我们在获取全景照片或者正射影像,全景视频等数据上更加快速、便捷。由于无人机本身不进行相关数据的处理,比如全景地图的生成、视频的信息解析等。以全景照片为例,无人机作业时一般会在拍摄时自动记录GPS信息,拍照的坐标信息。通过自动获取图片的经纬度信息,可以快速对照片进行定位。而我们在旅游时,通常都会进行拍照,通过开启自动记录位置后,随时可以...

web前端 0

js页面添加水印

functionwater(){constwatermarkText=张三15288123456;//水印文字内容constwrap=document.querySelector(#water-wrapper);consthtml=document.querySelector(html);constbody=document.querySelector(body);html.style.margi...

web前端 55

利用display:table-cell实现div水平、垂直居中

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前端 85

css设置只显示一行内容

在网站开发中,我们经常需要控制一段文本只显示一行。这种需求在导航栏、标题和表格等地方是非常常见的。CSS提供了多种方法帮助我们实现这个效果。下面是一些常用的实现方式:/*1.使用text-overflow属性*/.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*2.使用max-width属性*/.one-l...

web前端 439

百度API城市代码CityCode官方文档

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前端 67

一些常用的获取客户端信息的代码

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前端 82

电子书参数说明

序号字段意思值autoDoublePageDouble|autoleftMarginOnMobile手机左边距topMarginOnMobilerightMarginOnMobilebottomMarginOnMobiletoolbarAlwaysShow移动版工具栏始终显示truefalseshowInstructionOnStart启动时显示翻页手势truefalseisStopMouseMe...

web前端 0

禁止鼠标右键及F12的代码

script$(document).ready(function(){$(document).bind(contextmenu,function(){returnfalse;});//禁止右键document.oncontextmenu=function(){returnfalse;};document.onkeydown=function(){if(window.eventwindow.even...

web前端 58

页面常用的适配方法及选择

这篇文章是在查阅很多资料后整体出来的四种常用的B端适配方式,希望能够为还在纠结页面适配规则如何选择的同学提供帮助。1.何为页面适配及必要性页面适配,简单来说就是需要考虑页面在不同的屏幕尺寸中展示出来的对应效果。其最终目的,就是为了让我们设计的页面在每个屏幕尺寸下,都有比较良好的显示效果。如果不考虑页面适配,最终的页面呈现效果就会大打折扣。在B端实际的工作中,我们只需要关注设计内容在浏览器视窗变化时...

web前端 40

MuiPlayer

MuiPlayer是一款HTML5视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。播放器的设计兼容了在PC、Mobile端运行,提供了“移动端”以及“PC端”两类扩展插件,因此你也可应用于在Android、Ios的Webview中使用该插件。如果你的应用是运行在html5plus(opensnewwindow)环境...

web前端 1

360浏览器自定义设置内核模式说明

浏览器采用哪一个模式打开网页判断优先级:手动切换(用户)meta指定(开发者)浏览器兼容列表(浏览器)需要升级到正式版,下载地址http://down.360safe.com/se/360se_setup.exe1、手动切换模式,手动切了兼容模式,以后打开一直是兼容,切了极速模式就一直是极速模式,只能手动切回去(meta指定、兼容列表会无效)2、meta指定模式,提供给开发者使用(用户可以手动切换...

web前端 0

百度编辑器ueditor代码语言调整

如图,作为开发者,通常有自己的常用语言,文章里经常用到代码段,肯定是希望自己常用的选项放在前面.直接在ueditor根目录下找到ueditor.all.js或者ueditor.all.min.js文件如果你调用的时候使用的是那个文件,你就找到哪个文件,找到“insertcode”代码,不过整个文件包含insertcode的有好几个,我们需要找的完整代码如下:me.setOpt(insertcode...

web前端 37

解决UEditor将div标签换成p标签的问题

将设计排版好的页面html代码上传到数据库,再读取出来的时候发现所有的div都被替换成了p标签。解决方法:首先在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代码,将true设置为falseme.setOpt({allowDivTransToP:false,disabledTableInTable:true});然后在ueditor.config.js文件内搜索...

web前端 36

vue项目打包之后样式与本地不一致

当我们做vue的项目时候会有很大一部分的样式需要我们修改,这个时候会出现样式和本地开发的时候样式有很多不一样,原因可能是css加载顺序有问题,样式被覆改了。所以在mian.js里面这样修改:‘./APP’和’./router’放在elementcss的后面,router放到最后还有就是每个vue组件里的style要加scoped,这很关键,起到css不被组件之间重叠的作用。

web前端 44

vue生产环境开启vue-devtools浏览器调试

项目打包正式环境时,是没有vue-devtools选项卡的,没法看vue内部的数据使用以下几步可以实现在不改代码的情况下开启vue-devtools1.选中Source选项卡,找到打包好的app.js,并格式化2.ctrl+f搜索$mount并在new那里打断点,new后面的对象就是Vue对象,需要记住该变量名,下一步要用到3.F5刷新页面就就会进入断点,并在控制台输入d[default].con...

web前端 27

解决百度Ueditor编辑器改变图片大小时调节框与图片错位问题

现象:这里调节框与图片错位展示效果图解决办法:修改ueditor.all.js文件(代码如下所示),效果如下图所示:

web前端 38

解决网页不兼容ie的方法

接手一个项目,在任何浏览器都没有问题,只有在IE的兼容模式下,页面全都乱套。对比了一下之前写的代码发现没有这么一行代码:metahttp-equiv=X-UA-Compatiblecontent=ie=edge,chrome=1,加上之后果然规整了。查询原因知:IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染,兼容模式有可能导致网页显示出问题。http-equiv=X-UA-C...

web前端 107

npm安装教程

一、使用之前,我们先来掌握3个东西是用来干什么的。npm:Nodejs下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli:用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要npminstall就可以安装)开始:如图,下载8.9.3LTS(推...

web前端 101
1 2 3