web前端
文章平均质量分 66
web前端开发
活在当下_未来可期
这个作者很懒,什么都没留下…
展开
-
用于HTML输入表单的iOS键盘上的Go和return按钮
1、‘return’ button:<input type="text"></input>2、‘Go’ button:重要的是表单标记有一个action属性,没有action属性则无效。(action="#"是无操作。)<form action="#"> <input type="text" /></form>...原创 2019-10-18 10:44:45 · 707 阅读 · 0 评论 -
表单总结
1.文件选择框:accept属性:指定可选择文件类型,上传文件需指定对应表单的属性,可通过文件后缀决定文件类型。2.下拉列表:标签定义了一个下拉列表;标签定义了下拉列表的一个选项;标签的name属性定义了提交的参数名;标签的内容定义了该选项显示的文本,value属性定义了选中该选项时传送的参数值。优点是: 节省页面空间,使得页面更加简;方便输入;规范输入。标签的size属性定义原创 2017-07-10 20:44:44 · 468 阅读 · 0 评论 -
HTML小结及css基础属性
table 的布局:是一个页面的整体结构; 结构特点:从上往下,从左往右,一般每一行的高度是一致的。页面的布局通过table来实现,一个单元格就是区域单位,通过height和width来确定区域大小,位置是通过单元格的相对位置来体现的。同时可以结合rowspan和colspan两个属性来完成单元格的合并。(division)标签定义一个分块 特点:在新的一行进行展示。块级元素原创 2017-07-13 08:47:47 · 444 阅读 · 0 评论 -
css基础属性和选择器
1.背景属性backeground-color:背景颜色background-image:设定背景图片,需要设置图片的URL地址background-repeat:图片复制选项repeat:在水平和垂直两个方向上进行复制no-repeat:不复制repeat-x:在水平方向上复制repeat-y:在垂直方向上复制也可以将这一组属性值封装到原创 2017-07-13 19:54:12 · 404 阅读 · 0 评论 -
css中可以继承的属性和不可以继承的属性
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-转载 2017-07-18 18:14:04 · 713 阅读 · 0 评论 -
JavaScript中的关键字
breakdoinstanceoftypeofcaseelsenewvarcatchfinallyreturnvoidcontinueforswitchwhiledebugger*functionthiswithdefaultifthrowdeleteintry原创 2017-07-25 09:00:31 · 573 阅读 · 0 评论 -
HTML和CSS的注释方式及其作用
HTML中的注释方式:在感叹号后要接两个连字符,大于号前也要有两个连字符;小于符号“”,注意这些字符都需要英文半角小写输入;eg:作用:1.内容不会显示在浏览器中。注释标签用于在源代码中插入注释,注释的内容不会显示在浏览器中。对关键代码进行注释,有助于你以后看懂你当时编写的源代码;2.方便理解、方便查找或方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己原创 2017-07-25 18:42:25 · 2291 阅读 · 0 评论 -
JavaScript的基本概念及程序设计基础
JavaScript的基本概念:HTML:负责呈现的内容,CSS:负责内容呈现的方式。为什么有javascript?javascript是实现动态的,即负责内容的行为。计算机语言的“翻译”方式:编译:将代码整体翻译成机器代码,如果有错误就停止翻译,全部成功翻译完才能执行;解释:将代码翻译一条马上执行一条,如果遇到错误就停止。怎么用javascript?1.两种引用方原创 2017-07-25 18:56:47 · 382 阅读 · 0 评论 -
javascript中的程序设计思维
程序设计思维:为什么有程序?程序是解决生活中问题的步骤(流程)描述。计算机中的程序:解决问题的步骤描述,用的是计算机语言描述。什么是编程?根据业务需要,指定或编制解决问题的流程。编制计算机程序的要求:精通业务;精通计算机语言重点是解决问题的思路;难点是思维方式的转变;案例:一个三位数的各位数求和varnum =prompt("原创 2017-07-26 20:42:45 · 426 阅读 · 0 评论 -
js中选择结构和循环结构
选择结构:switch语句:优点:1.选择结构更加清晰,一目了然;2.执行速度相对较快。switch的执行逻辑:从switch后边圆括号里的变量与case后边的常量相等的地方开始,依次执行指令,直到指令结束。case的作用:不会参与到运输当中,不起条件判断作用,否则执行逻辑就解释不通了。case起到标号的作用,只是执行指令的入口标号在计算机里,标号只是存储了指令的地原创 2017-08-01 20:29:01 · 749 阅读 · 0 评论 -
js中的函数基础
1.函数的概念为什么需要用函数?方案一:循环的嵌套for(varnum=2;num100;num++){ var m = Math.ceil(Math.sqrt(num)); varfound= false; for(i=2;im;i++){ if (num%i==0){原创 2017-08-01 20:41:32 · 401 阅读 · 0 评论 -
标签和表单
列表标签:1.无序列表:unorderedlist,定义一个无序列表:list item,定义一个列表项Ctrl+D:复制当前行(duplicate)输入li*3,按tab键:产生3个li;type属性指定无序列表的符号,取值有:disc:实心的圆点,默认值;circle:空心的圆圈;square:实心的正方形。ul type="circle">原创 2017-07-09 17:05:05 · 446 阅读 · 0 评论 -
HTML5
1.1标记语言基本概念HTML基础知识1.1.1什么是计算机语言人与人之间是通过语言进行交流,那么人和计算机之间如何交流呢?计算机只知道“0”和“1”,所以我们就通过“0”和“1”这种语系来和计算机交流,这就是机器语言。机器语言对于人来讲太难理解,编制程序太困难101011100001110001101010100011(3+6运算)为了解决这个问题,我们将一串特定的“01...原创 2017-07-06 20:30:45 · 1591 阅读 · 0 评论 -
Vue.extend构造器的延伸
一、什么是Vue.extend?Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件,可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时,会自动调用“扩展实例构造器”来生产组件实例,并挂载到自定义元素上。二、自定义无参数标签我们想象一个需求,需求是这样的,要在博客页面多处显示作者的网名,并在网名上直接原创 2017-11-28 10:06:51 · 469 阅读 · 0 评论 -
移动端原生H5开发
移动端原生H5开发 配置项1. Viewport<!-- 让页面宽度等于设备宽度,缩放比例为1,禁止用户缩放网页 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><!-- 针对一些不识...原创 2018-07-26 23:14:01 · 1937 阅读 · 0 评论 -
js创建cookie时获取一级域名设置domain解决跨域问题
解决子域和主域的cookie问题:function GetCookieDomain() { var host = location.hostname; var ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}...转载 2019-09-19 10:50:22 · 6450 阅读 · 0 评论 -
JS点击空白处关闭弹窗的两种方式
1. 推荐写法 $(document).mouseup(function(e) { var pop = $('popDialog'); if(!pop.is(e.target) && pop.has(e.target).length === 0) { // 可以在这里关闭弹窗 some code... ...转载 2019-06-28 14:27:36 · 3674 阅读 · 0 评论 -
使用Git Bash从Git上下载代码到本地以及上传代码到码云Git
前提是在码云上已经新建一个空的项目,可参考:https://www.cnblogs.com/babysbreath/p/9170455.html1、新建一个目录,存放下载下来的项目,我在D盘新建了一个“gitspace”文件夹,用来存放下载下来的项目2、进入刚刚新建的文件夹,即进入“gitspace”,点击鼠标右键,选择"Git Bash Here",如下图:点击“Git Bash Her...原创 2019-04-09 10:10:12 · 215 阅读 · 0 评论 -
Visual Studio Code常用快捷键
按 Press功能 FunctionCtrl + Shift + P,F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例...转载 2018-09-30 12:09:06 · 361 阅读 · 0 评论 -
WebStorm 2018激活
1.要下载破解补丁 1.1 点击打开链接(直接点击就行),打开之后页面如下: &原创 2018-08-20 14:25:53 · 280 阅读 · 0 评论 -
常用cmd命令
常用cmd命令大全 cmd命令大全中介绍有很多cmd命令,各类功能、设置、甚至是文件属性和系统版本,都可以通过命令的方式快速查看和操作,除了已知的(用户记住的)cmd命令,还有很多命令有助于我们的提高工作效率,具体情况见下文。 cmd命令:开始->运行->键入cmd或command(在命令行里可以看到系统版本、文件系统版本)原创 2018-04-22 17:19:42 · 4248 阅读 · 0 评论 -
HTML5知识点总结
移动开发知识点一. 使用rem作为单位html { font-size: 100px; } @media(min-width: 320px) { html { font-size: 100px; } } @media(min-width: 360px) { html { font-size: 112.5px; } } @media(min-width: 400px) { html...原创 2018-03-21 09:52:35 · 618 阅读 · 0 评论 -
SVN代码管理工具使用规则
一.提交之前先更新 1.SVN更新的原则是要随时更新,随时提交。当完成了一个小功能,能够通过编译并且自己测试之后,谨慎地提交。 2.如果在修改的期间别人也更改了svn的对应文件,那么commit就可能会失败。如果别人和自己更改的是同一个文件,那么update时会自动进行合并,如果修改的是同一行,那么合并时会产生冲突,这种情况就需要同之前的开发人员联系,两个人一起协商解决冲突,解决冲突之后,需要...原创 2018-03-29 21:17:51 · 623 阅读 · 0 评论 -
Vue.directive 自定义指令
Vue.directive自定义指令<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <titl原创 2017-11-28 09:24:00 · 490 阅读 · 0 评论 -
javascript中的数组
数组的概念案例:计算10名同学的平均分vara1,a2,a3,a4,a5,a6,a7,a8,a9,a10;a1= Number(prompt("请输入分数"));a2= Number(prompt("请输入分数"));a3= Number(prompt("请输入分数"));a4= Number(prompt("请输入分数"))原创 2017-08-08 19:48:23 · 370 阅读 · 0 评论 -
javascript中的算法
累加/累积累加:将一系列的数据加到一个变量里面,最后得到累加的结果。eg:将1到100的数求累加和。 小球第十次落地时的路程varh=100;vars=0;for(vari=0;i10;i++){ h=h/ 2; s+=h;}s= s* 2+原创 2017-08-08 19:51:35 · 416 阅读 · 0 评论 -
javascript中的常用对象
1.字符串字符串的定义:定义一个变量,然后直接将字符串赋值给它。var str = “abc123”;字符串实际上是字符组成的数组,所以数组的方法它基本都有。(1)访问字符串里面的字符:数组方式:(str[i]);字符串特有的方式:charAt(i)。(2)查找varstr="hello world";原创 2017-08-08 19:55:47 · 492 阅读 · 0 评论 -
配置SASS环境
安装ruby 搭建sass环境,由于sass环境是依赖于ruby的所以要安装ruby ruby下载地址 下载的版本最好不要是最新的,并且下载时要按照电脑的系统来下载,操作系统为64位那就下载64的 如果是32位操作系统就下载(86)或者没有写的。 在安装时会提示更改安装路径的页面下面有三个选项 将第二个选项选中 如图 安装sass 安装好ruby之后,在开始转载 2017-10-05 13:24:57 · 406 阅读 · 0 评论 -
JavaScript面试题
介绍JavaScript的基本数据类型。-->[五种基本类型:Number,string,Boolean,Null,Undefinded;一种复杂类型:Object]说说写JavaScript的基本规范?-->1.不要在同一行声明多个变量。2.请使用 ===/!==来比较true/false或者数值3.使用对象字面量替代new Array这种形式4.不要使用全局函数。5.Switc转载 2017-10-05 13:30:17 · 931 阅读 · 0 评论 -
xml和Json的优缺点
.XML的优点 A.格式统一,符合标准; B.容易与其他系统进行远程交互,数据共享比较方便。.XML的缺点 A.XML文件庞大,文件格式复杂,传输占带宽; B.服务器端和客户端都需要花费大量代码来解析XML,导致服务器端和客户端代码变得异常复杂且不易维护; C.客户端不同浏览器之间解析XML的方式不一致,需要重复编写很多代码; D.服务器端和客户端解析XML转载 2017-10-08 10:52:59 · 472 阅读 · 0 评论 -
AngularJS框架
一、下载安装https://angularjs.org/1.6.2版本zip二、核心特性1.MVC核心概念:数据的管理(Model)、数据的展示(View)、业务逻辑控制(Controller)2.双向数据绑定(MVVM)Augular实现了双向绑定机制。所谓的双向绑定,是从界面的操作能实时反映到数据,数据的变更能实时展现到界面。3.模块化与依赖注入Angula...原创 2017-12-05 20:45:58 · 436 阅读 · 0 评论 -
查看mysql是否安装成功和mysql的版本信息
使用快捷键win+R打开进入mysql的安装目录下的\bin(本人安装路劲为E:\mysql)登陆mysql(密码为安装时设置的密码,本人设置为root)查看mysql版本信息转载 2017-12-05 09:44:18 · 5587 阅读 · 0 评论 -
Vue.set全局操作
Vue.set全局操作Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法。比如在vue构造器内部定义了一个count为1的数据,我们在构造器外部定义了一个方法,要每次点击按钮给值加1.就需要用到Vue.set。一、引用构造器外部数据:什么是外部数据,就是不在Vue构造器里里的data处声明,而是在构造器外部声明,然后在data处引用就可以了。外部数据的加入让程序更加灵活,我们可原创 2017-11-28 10:45:11 · 653 阅读 · 0 评论 -
js中两个等号(==)和三个等号(===)的区别
js中两个等号(==)和三个等号(===)的区别: 1. “==”表示:equality -> 等同 的意思,”==”使用两个等号时,如果两边值的类型不同的时候,是要先先进行类型转换后,才能做比较。 2. “===”表示:identity -> 恒等 的意思,”===”使用三个等号时,是不需要做类型转换的,如果两边值的类型不同,就表示一定是不等的。 3. 简单说明使用三个等号(===)的判断原创 2017-11-22 19:41:05 · 858 阅读 · 1 评论 -
常用的dos命令
常用的dos命令常用的内部命令有MD、CD、RD、DIR、PATH、COPY、TYPE、EDIT、REN、DEL、CLS、VER、DATE、TIME、PROMPT。 常用的外部命令有DELTREE、FORMAT、DISKCOPY、LABEL、VOL、SYS、XCOPY、FC、ATTRIB、MEM、TREE。CMD————–命令提示符可以当作是 Windows 的一个附件,Ping,Convert原创 2017-10-16 11:37:14 · 2599 阅读 · 0 评论 -
常用正则表达式
正文:正则表达式经常被用于字段或任意字符串的校验1、校验密码强度密码的强度必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$2、校验中文字符串只能是中文^[\\u4e00-\\u9fa5]{0,}$3、由数字,26个英文字母或下划线组成的字符串^\\转载 2017-10-13 16:34:56 · 313 阅读 · 0 评论 -
前端面试汇总100题
1.一些开放性题目1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发?4.平时是如何学习前端开发的?5.未来三到五年的规划是怎样的?position的值, relative和absolute分别是相对于谁进行定位的?absolute :生成绝对定位的元素, 相对于最近一级的 定位转载 2017-10-13 14:39:00 · 810 阅读 · 0 评论 -
Post和get请求的区别
在客户端也服务器端要建立连接有两种方式。 一种是get方式 另一种是post方式 那么两者具体有什么区别呢显示有区别 get方法是将字符串拼接在地址栏后面可以看见 而post方法看不见传递的大小有区别 具体大小和浏览器有关系,ie浏览器是2k其他浏览器的最大值可能不同,但是也比较小。 而post方法传递参数的大小是可以设定的,原来是认为无限大。在Php当中在ph转载 2017-10-05 13:19:13 · 881 阅读 · 0 评论 -
js 字符串转换成数字的三种方法
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:js提供了parseInt()和转载 2017-10-05 13:13:22 · 484 阅读 · 0 评论 -
jquery扩展方法
jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。jQuery的全局函数就是属于jquery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。也可以理解为另外两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法。1.jQuery.extend(O转载 2017-10-04 15:40:28 · 689 阅读 · 0 评论