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

css设置只显示一行内容

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

web前端 385

百度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前端 29

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

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

禁止鼠标右键及F12的代码

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

web前端 29

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

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

web前端 13

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

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

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

web前端 24

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

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

web前端 26

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

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

web前端 20

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

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

web前端 29

解决网页不兼容ie的方法

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

web前端 91

npm安装教程

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

web前端 94

HTML5video视频标签讲解

 现在如果要在页面中使用video标签,需要考虑三种情况,支持OggTheora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML5的视频,包括video标签的使用,视频对象可以用到的媒介属性和方法,以及媒介事件。  Video标签的使用 ...

web前端 75

网页常用分享代码大全

在我们制作网站的时候有时候需要用到社交分享的代码之前大家都喜欢用百度分享但是现在百度分享官网打不开了那么我们可以使用这些分享代码也是可以的1、新浪微博ahref=http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.nettitle=分享内容target=_blank新浪微博/a/pp2、腾讯微博ahref=http://v.t.qq...

web前端 71

网站添加禁止f12ctrl+U

在我们做好网站的时候,在发布的文章经常会被同行抄袭,这个时候就想到网站添加禁用代码下面把网站添加禁止f12ctrl+U分享侠将下面代码复制到你的模板当中即可script//按键触发document.onkeydown=function(){//禁止ctrl+uif(event.ctrlKeywindow.event.keyCode==85){returnfalse;}//禁止F12if(windo...

web前端 70

网页仿站扒站小工具—一键下载网页模板

看到人家好看的网站主题模板想要怎么办?自己又不懂代码又不想花钱请人来写怎么办?接下来分享一个自用的“扒站神器”(单页面扒站工具)输入目标网站网址点击两下就可以把想要的模板网页下载下来。平时自己收藏使用的免费分享给大家。仿站(扒站)工具介绍仿站小工具是通过网址下载静态网页的工具。从输入的网址下载html代码,提取出JS、Css、Image、Picture、Flash等静态文件网址,再从下载完好的Cs...

web前端 60

有效解决UEditor百度编辑器字符数统计和字符数限制

1、修改最大字数问题:后端修改:在ueditor.all.js和ueditor.config.js两个文件中分别搜索maximumWords,将值统一改成一样的,比如65535。但是此时在前端的数字还没有修改,在前端初始化ueditor的地方将maximumWords也改成65535就可以了(一般不修改这个地方除非你是前端数字有写)varue=UE.getEditor(content,{initi...

web前端 69

window.open()打开窗口的几种方式

1.在当前窗口打开百度,并且使URL地址出现在搜索栏中.window.open(http://www.baidu.com/,_search);window.open(http://www.baidu.com/,_self);2.在一个新的窗口打开百度window.open(http://www.baidu.com/,_blank);3.打开一个新的窗口,并命名为hellowindow.open(,...

web前端 115
1 2