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

推荐微信小程序常用的几个UI组件库

在微信小程序开发的过程中,自己不借助UI组件库开发出来的页面,不但要花费更多的时间,页面的美观度上也有一定差距。WeUIWeUI是微信官方出品的组件库,它沿用了微信的视觉设计与交互设计,提供了各类原生组件的基础样式,风格简约大方。选用这一套组件库,可以让你的小程序与微信本身保持一致的界面风格。官方组件库能够满足基础的界面需求,但是,如果你想要更加饱满的视觉,更加活泼的动效,恐怕WeUI就满足不了你...

web前端 110

网站使用微软雅黑字体的三种方式,两种侵权,一种不侵权

大家都知道微软雅黑是windows系统的默认字体,但是不知道微软雅黑的版权归属方正字体,而且方正字体仅仅授权了微软在windows系统中使用该字体,脱离了windows使用,如果你放在网站上用就有可能侵权。一、微软雅黑字体、方正字体、windows系统三者之间的关系方正字体是由中国的方正字库公司开发的字体,它是一种常用的中文字体。在Windows系统中,更名为微软雅黑,通常是预装的,用户可以直接在...

web前端 130

scss理解及用法

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

web前端 61

css如何设置宽是100vw

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

web前端 189

js页面添加水印

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

web前端 201

利用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前端 234

css设置只显示一行内容

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

web前端 590

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

一些常用的js代码

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

电子书参数说明

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

web前端 138

禁止鼠标右键及F12的代码

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

web前端 222

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

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

web前端 178

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

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

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

web前端 77

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

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

web前端 87

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

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

web前端 77

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

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

web前端 88

解决网页不兼容ie的方法

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

web前端 234
1 2 3