编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

281浏览

0评论

浅谈项目中Web网页字体优化的一些事

倾盆大雨后，终于带来一些凉意，暂别炎热的天气，心情自然舒坦好多，静下心来分享点东西：浅谈项目中Web网页字体优化的一些事。字体是实现良好的设计、品牌推广、可读性和无障碍功能...

2019-08-30 14:48:36

333浏览

0评论

在微信小程序中使用二次贝塞尔曲线画出滚动的波浪

在微信小程序中使用二次贝塞尔曲线画波浪，我们使用的是canvasContext.quadraticCurveTo方法。我们先看下什么是canvasContext.quadraticCurveTo。定义创建二次贝塞尔曲线路径...

2019-08-30 14:42:20

306浏览

0评论

如何用CSS3给文字添加渐变

大家都知道给一个box添加渐变背景很简单，但是如何用CSS3给文字添加渐变呢，可能有些童鞋就蒙了，用图？当然不是，如果是，那就没分享的必要了，一起来学习下。我们从零开始学习，一共分三...

2019-08-30 14:40:00

567浏览

0评论

浅析小程序TAB点击切换class的功能

近期做了一些程序，分享个小知识点，就是模仿WEB端的TAB点击切换。在浏览器端开发时，经常会有这种情况：单击某个元素，让其高亮显示，例如下图：这个用 js 很容易实现，因为单击事件触发...

2019-08-30 14:38:15

400浏览

0评论

聊聊微信小程序的数组(Array)相关操作方法

提到微信小程序，相信大家都会了解一些，对于前端开发者来说，熟练掌握小程序开发，算是一项基本技能了。开发过小程序的童鞋，刚开始的时候肯定遇到过很多坑，毕竟小程序开发和我们日常...

2019-08-30 14:36:54

206浏览

0评论

手把手教你美化微信小程序中的轮播效果

微信小程序现在依然很火，相信大家有目共睹；所以作为前端开发者，掌握如何开发小程序，是一项必备技能了，你觉得呢？相对于PC和H5开发，小程序坑很多，所以需要慢慢“踩”，被坑多...

2019-08-30 14:34:19

564浏览

0评论

微信小程序之坑：使用scroll-view模拟元素item滚动效果

刚刚做了个需求，遇到了坑，需要在小程序里做多个导航功能，达到设计师的效果。这个应用在APP里也很常见，毕竟屏幕只有那么宽，要放很多个导航标签，只能采用滚动，我们先来了解如何实现...

2019-08-30 14:32:53

270浏览

0评论

CSS：实现鼠标滑动box边框酷炫动画效果

在项目中，交互动画是很重要的一部分，有些细微的效果，或许都能吸引用户去浏览参与，这些交互我们在一些大型门户的活动，经常会看到很多。今天我们实现一个边框特效：滑动渐变。先来看...

2019-08-30 10:29:54

241浏览

0评论

微信小程序：和三星手机联手实现入口首次跳出微信

过去的一年多，在web前端开发项目中，做过很多小程序的项目，小程序跳出微信是一件不可能的事情，不过最近发现微信动摇了？居然要跟三星合作啦。
微信小程序是一种新的开放能力，开发者...

2019-08-30 10:22:44

365浏览

0评论

CSS文本超过两行用省略号代替

1、只显示一行，超出部分用省略号 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;2、只显示两行(或多行)，超出部分用省略号 overflow: hidden;...

2019-08-26 22:20:58

229浏览

0评论

前端开发单词大全

style 修饰width 宽度height 高度title 想说明的text-align 水平对齐方式center 居中 left 居左 right 居右line-height 垂直对齐方式/行高当行高等于高度时候垂直居中back...

2019-08-26 22:11:42

256浏览

0评论

js中==和===区别

简单来说： == 代表相同， ===代表严格相同, 为啥这么说呢，这么理解：当进行双等号比较时候：先检查两个操作数数据类型，如果相同，则进行===比较，如果不同，则愿意为你进行一次类型转...

2019-08-25 19:47:12

314浏览

0评论

jQuery实现发送验证码30s倒计时，且刷新页面时有效

在这里讲一讲这个案例的实现思路吧（个人见解）。。核心思想：为防止页面刷新时倒计时失效的解决方案是：当每次刷新一次页面时都执行一个函数即下面讲到的 setStyle() 函数。这个...

2019-08-25 19:43:54

192浏览

0评论

原生JS实现滚动条

原生JS模拟滚动条求滚动条的高度可视内容区的高度 / 内容区的实际高度 = 滚动条的高度 / 滑道的高度求内容区top的值内容区距离顶部的距离 / (内容区的实际高度 - 可视内容...

2019-08-25 19:40:54

230浏览

0评论

link和@import的区别

一、link 的使用<link href="index.css" rel="stylesheet">二、@import 的使用<style type="text/css">@import url(index.css);</style>三、link 和 @import 的区别1、引入...

2019-08-25 19:38:42

253浏览

0评论

前端清除浮动的几种方法

清除浮动方法给父级定义height 缺点:扩展性不好父级 overflow:hidden 定位浮动开启BFC布局浮动/定位盒子的特点高宽都由内容撑开缺点:IE6会失效,添加样式zoom:1;触发...

2019-08-25 19:37:24

244浏览

0评论

img中alt和title属性的区别

在图像标签img中，除了常用的宽度width和高度height属性之外，还有两个比较重要并且也会用到的属性，就是alt和title，这都是用来显示图片内容的具体信息的，但是这两个属性也有不同的...

2019-08-25 19:33:36

259浏览

0评论

改变font-weight的数值,样式并不会改变的原因

通常情况下,一个特定的字体仅会包含少数的可用字重。若所指定的字重不存在直接匹配,则会通过字体匹配算法规则匹配使用邻近的可用字重。这也就是为什么我们有时候使用特定字...

2019-08-25 19:31:59

267浏览

0评论

CSS 轻松搞定标签(元素)居中问题

在CSS里，标签位置居中一直是困扰Web前端的难题。在本文中，我对这类问题进行了探究和给出了几点建议，供读者参考。1 行内标签1.1 水平居中在父级标签中使用 text-align: center...

2019-08-25 19:28:24

278浏览

0评论

css Backgroud-clip (文字颜色渐变)

首先来瞄一下background-clip,这个属性是干嘛的？顾名思义，背景裁剪... 按照我自己的理解就是背景的显示区域此处粘上MDN的示例链接（嫌麻烦的，后面我也贴上截图）https://develop...

2019-08-25 19:26:20

301浏览

0评论

HTML <input> 标签的 accept 属性

<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进...

2019-08-25 19:20:15

250浏览

0评论

css之文本两端对齐的两种解决方法

说起文本对齐，大家都知道text-align，最常用的有left、right、center，今天我们说一下justify，也就是文本两端对齐。说起来简单，但是有些小坑大家还是要注意的。现在我们有这样的...

2019-08-25 19:17:23

303浏览

0评论

HTML中由于DIV(块元素)浮动，导致的父元素高度塌陷问题的解决方案

费话不多说，直接上问题：1.开始时，页面只有两个DIV的嵌套（见图）运行结果是：现在看运行的是正常的，但是当我设置让 class="box2" 的DIV浮动时运行结果是这样的：图中可以看出，box1中已经...

2019-08-25 19:14:45

487浏览

0评论

CSS设置浮动导致背景颜色设置无效的解决方法

float浮动会使父元素高度塌陷，父级元素不能被撑开，所以导致背景颜色不能被撑开解决方法：对父元素设置高度对父元素设置 overflow：hidden清除浮动把父元素也设置为float浮动 ...

2019-08-25 19:13:10

352浏览

0评论

css 行内水平均等排布方式

如何通过css实现以下行内水平均等排布的样式？<style>.justify{ display:flex; display:-webkit-flex;/*Safari*/ justify-content:space-between;/*水平排布方式*/ a...

2019-08-25 19:10:08

380浏览

0评论

css 设置overflow:scroll 滚动条的样式

overflow:scroll 滚动条的样式大全：/* 定义滚动条样式 */::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1);} /*定义滚动条轨...

2019-08-25 19:07:57

214浏览

0评论

css3 text-fill-color属性

text-fill-color是什么意思呢？单单从字面上来看就是“文本填充颜色”,不过它实际也是设置对象中文字的填充颜色，和color的效果很相似。如果同时设置text-fill-color...

2019-08-25 19:06:23

218浏览

0评论

纯css更改图片颜色的代码

tips： JPG、PNG、GIF 都可以，但是有一个前提要求，就是黑色纯色，背景白色.pic1 { background-image: url($img), linear-gradient(#f00, #f00); background-blend-mode: li...

2019-08-25 19:05:06

229浏览

0评论

margin 外边距合并问题

一、兄弟元素的外边距合并效果图如下：（二者之间的间距为100px，不是150px）二、嵌套元素的外边距合并对于两个嵌套关系的元素，如果父元素中没有内容或者内容在子元素的后面并且没有...

2019-08-25 19:03:52

238浏览

0评论

CSS 实现盒子水平居中、垂直居中和水平垂直居中的方法

CSS 实现盒子模型水平居中水平居中效果图如下：HTML：CSS 全局样式：方法一：使用margin: 0 auto;（只适用于子盒子有宽的时候）方法二：text-align + display（子盒子有或没有宽度的时候都...

2019-08-25 19:01:19

312浏览

0评论

HTML中的target(_self,_blank)用法总结

最近一个项目，多次遇到target='_self', target='_blank'的用法，再次总结一下：1.<a>标签<a href="xxxx" target="_self">XX</a><a href="xxxx" target="_bla...

2019-08-25 18:59:53

294浏览

0评论

下拉框等需要显示上下箭头切换的CSS样式

下拉框等需要显示上下箭头切换的CSS样式.icon-right, .icon-down, .icon-up {display: inline-block;padding-right: 13rpx;position: absolute;/*组件内调整箭头的位置*/ri...

2019-08-25 18:57:12

214浏览

0评论

多个div使用display:inline-block时候div之间有间隔

发场景中用到display:inline-block;然后呢，div间就有间隙，但是ajax加载出来的数据没有间隙，解决办法如下：display:inline-block表示行内块元素，后面自带空格字符。当然有空隙，如果...

2019-08-25 18:56:13

222浏览

0评论

css实现水平/垂直居中效果

一、如果是已知宽高的元素做水平/垂直居中效果的话，可以直接用具体的数值指定定位布局或偏移布局，这个就不过多讨论。这里主要介绍在不知宽高或需要弹性布局下的几种实现方式...

2019-08-25 18:51:18

464浏览

0评论

HTML，CSS的class与id命名规则

网页公共命名：#wrapper - - 页面外围控制整体布局宽度#container或#content - - 容器，用于最外层#layout - - 布局#head，#header - - 页头部分#foot，#footer - - 页脚部分#nav -...

2019-08-25 16:07:23

300浏览

0评论

javascript 几种常用继承方法和优缺点分析

1.原型链继承(最简单) 核心 (实现思路)：用父类的实例充当子类原型对象 function Person(name) { this.name = name; this.fav = ['basketball', 'football']; this....

2019-08-25 16:03:48

240浏览

0评论

如何对前端图片主题色进行提取？

本文由云+社区发表图片主题色在图片所占比例较大的页面中，能够配合图片起到很好视觉效果，给人一种和谐、一致的感觉。同时也可用在图像分类，搜索识别等方面。通常主题色的提取...

2019-08-25 15:18:03

224浏览

0评论

深入15个HTML元素方法，你见过吗？

虽然现代化的 web 开发更多地依赖各种 MVC 框架，但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过，即使是有着多年经验的前端开发者，也会遇到一些不明所以的情况。本...

2019-08-25 15:07:56

212浏览

0评论

如何不使用js实现鼠标hover弹出菜单效果

最近看到很多同学在实现鼠标hover弹出菜单的效果时都是用的js代码去实现的，默认给弹出隐藏掉，通过js事件绑定动态的显/隐弹出菜单元素。<ul> <li>主页</li> <li>新闻</l...

2019-08-25 15:06:07

216浏览

0评论

CSS：同级元素浮动分析

float:left/right/none;1.同级浮动（1）使块级元素在同一行显示（所有要在同一行显示的都要加浮动）<div class="box1">box1</div><div class="box2">box2</div><div class="box3">b...

2019-08-25 15:03:45

238浏览

0评论

4个顶级开源JavaScript图表库

图表对于可视化数据和使网站具有吸引力非常重要。可视化演示使分析大块数据和传达信息变得更加容易。JavaScript图表库使你能够以易于理解和交互的方式可视化数据，并改善网站...

2019-08-25 15:00:31

252浏览

0评论

JavaScript引用类型Object常见用法实例分析

1、JavaScript数据类型(1)基本类型5种基本类型：Undefined、Null、Boolean、Number、String(2)引用类型5种引用类型：Object、Array、Date、RepExp、Function(3)基本类型与引用...

2019-08-25 11:59:43

251浏览

0评论

JavaScript创建对象方法实例小结

本文实例讲述了JavaScript创建对象方法。分享给大家供大家参考，具体如下：最简单的方式就是创建一个Object对象，并为其添加属性和方法。//示例代码var person=new Object()pers...

2019-08-25 11:59:06

255浏览

0评论

前端杂谈: CSS 权重 (Specificity)

前端杂谈: CSS 权重 (Specificity)css 权重想必大家都听说过, 一些简单的规则大部分人也都知道: 较长的 css selector 权重会大于较短的 css selector id selector 权重高...

2019-08-25 11:56:19

284浏览

0评论

JavaScript之Promise对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法...

2019-08-25 11:54:08

229浏览

0评论

JavaScript中浅拷贝和深拷贝的区别和实现

要理解 JavaScript中浅拷贝和深拷贝的区别，首先要明白JavaScript的数据类型 JavaScript有两种数据类型，基础数据类型和引用数据类型基础数据类型：保存在栈内存中的简单数据段...

2019-08-25 11:50:35

508浏览

0评论

微信小程序：wx.getUserInfo 接口的变动与使用

问题在微信小程序开发中，获取用户信息是经常会用到的！在之前，我们直接调用wx.getUserInfo接口，就可以直接获取用户的信息，然而为了安全考虑，从2018年4月30号开始，wx.getUserInfo...

2019-08-25 11:48:55

513浏览

0评论

微信小程序之获取并解密用户数据（获取openid，nickName等）

本文主要总结微信小程序通过后台请求访问微信用户信息创建一个微信小程序工程(自行百度)微信小程序index.js代码//index.js//获取应用实例const app = getApp()Page({ data...

2019-08-25 11:47:07

207浏览

0评论

Javascript 函数声明和函数表达式的区别

Javascript Function无处不在，而且功能强大！通过Javascript函数可以让JS具有面向对象的一些特征，实现封装、继承等，也可以让代码得到复用。但事物都有两面性，Javascript函数有的...

2019-08-25 11:45:20

259浏览

0评论

快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

前言3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组...

2019-08-25 11:43:30

首页 «1641 164216431644 1645 »尾页

热门文章