-
css细节:尖角处理
所属栏目:[资源] 日期:2020-12-14 热度:124
在各种网站里面,我们会经常看到类似于这样的尖角:(示例:新浪微博) 它实现的方式有多种,哪种才是最简单的?哪种才是最优秀的?首先我声明一下,我还不清楚这个东西具体叫什么名字(哪位知道还望告知),暂且叫尖角吧,通俗易懂。我查看了各大互联网公司[详细]
-
浅析vue2.0的diff算法
所属栏目:[资源] 日期:2020-12-14 热度:181
一、前言 如果不了解virtual dom,要理解diff的过程是比较困难的。 虚拟dom对应的是真实dom, 使用 document.CreateElement ?和? document.CreateTextNode 创建的就是真实节点。 vue2.0才开始使用了virtual dom,有向react靠拢的意思。 同步地址(首发):http[详细]
-
javascript数组的常用算法解析
所属栏目:[资源] 日期:2020-12-14 热度:157
一、 不改变原数组,返回新数组(字符串) 1、concat()? ? 连接两个或者多个数组,两边的原始数组都不会变化,返回的是被连接数组的一个副本。 2、join() ? 把数组中所有的元素放入到一个字符串中,返回字符串 3、slice()? ? ?从开始到结束(不包括结束)选择[详细]
-
vue.js框架原理浅析
所属栏目:[资源] 日期:2020-12-14 热度:179
vue.js是一个非常优秀的前端开发框架,不是我说的,大家都知道。 首先我现在的能力,独立阅读源码还是有很大压力的,所幸vue写的很规范,通过方法名基本可以略知一二,里面的原理不懂的地方多方面查找资料,本文中不规范不正确的地方欢迎指正,学生非常愿意[详细]
-
react-native学习(RN)--之Window环境下搭建环境配置,以及初始
所属栏目:[资源] 日期:2020-12-14 热度:61
?react-native以后会更火的 ? 一、安装java 二、安装Android Studio 三、安装react-native需要的Android studio额外部分 四、安装nodeJS? 五、安装git 六、安装python 七、安装react-native ? 一.安装java 其实一般开发人员都已经配置好了java的jdk和jre。[详细]
-
github学习:如何从本地把项目上传到github&&如何把gith
所属栏目:[资源] 日期:2020-12-14 热度:192
一、第一步---注册一个Github账号 首先要在GitHub上创建一个帐号,可以去官方网站注册一个账号。 ?前提:本地安装一个git 本人github: ? 二、git安装 下载地址: ? 二、第二步---生成私钥和秘钥 由于本地Git仓库和GitHub仓库之间的传输是通过SSH加密的,所[详细]
-
使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&
所属栏目:[资源] 日期:2020-12-14 热度:97
使用webstorm+webpack构建简单入门级“HelloWorld”的应用构建使用jquery来实现 1 、首先你自己把webstorm安装完成。 请参考这篇文章进行安装和破解 ? 2 、然后需要你的电脑安装了node.js。 可以参考这篇文章 ? 2 、第一种方法:使用命令行窗口。 可以在你要[详细]
-
node.js学习(三)简单的node程序&&模块简单使用&&a
所属栏目:[资源] 日期:2020-12-14 热度:82
一、一个简单的node程序 1、新建一个txt文件 2、修改后缀 修改之后会弹出这个,点击“是” 3、运行test.js 源文件 使用node.js运行之后的。 如果该路径下没有该文件,会报错 4、运行test2.js ? ? 二、模块简单使用 为了编写可维护的代码,我们把很多函数分组[详细]
-
checkbox与radio无法与文字对其(无法垂直居中)
所属栏目:[资源] 日期:2020-12-14 热度:126
当字体的大小不是浏览器的固定值时,多选框(单选框)会出现与水平的文字在垂直高度上布局中,(以12px为例)像: p { font-size: 12px;}divinput type="checkbox" /你好啊/div 这样会造成多选框上浮到文字左上角。 解决方法: input { vertical-align: -3px[详细]
-
JS实现冒泡排序
所属栏目:[资源] 日期:2020-12-14 热度:153
作为前端开发者,你需要使用js去做任何事情。虽然排序在浏览器端没有什么太大的用处,尤其是对数组的排序,毕竟存在Array.prototype.sort()这个内置的方法。 冒泡排序就是每次比较两个值,将最大或最小值“浮动”到一侧。 如(从小到大):var arr = [2,9,1,[详细]
-
JS字符串转数字奇妙用法
所属栏目:[资源] 日期:2020-12-14 热度:88
总所周知,JS可以通过parseInt()或parseFloat()来将字符串转换成Number类型,也可以通过Number(value)这种强制转换的方法将字符串转变为数值。 除此之外,其实还有简便的方法可采用,它利用了JS弱类型的特点。 如: var str = '1234';typeof str; ? ? ? // s[详细]
-
input输入框中嵌入无法删除的字符
所属栏目:[资源] 日期:2020-12-14 热度:56
某些情况下,需要实现以下效果(虽然很丑,个人),在输入框内,有几个提醒输入内容的字符串,它们是无法被删除的,效果如图: 实现以上效果,可以将your name:这些字符直接移动到input标签内,照成在input元素内部的假象。然后对input标签设置内边距,使得[详细]
-
JS设计模式--单例模式
所属栏目:[资源] 日期:2020-12-14 热度:165
单例模式的定义是:保证一个类仅有一个实例,并提供一个访问他的全局点。 我们经常在开发中遇到这种情况,比如要弹出一个页面上唯一的对话框,此时,单例模式节能很好地完成这个任务。 1.实现单例 比如我们需要实现一个类的唯一实例: var Me = function(nam[详细]
-
sublime快捷键及自定义功能
所属栏目:[资源] 日期:2020-12-14 热度:102
作为前端工程师的利器,不详细介绍一下sublime好像对不起它的地位。作为非IDE编辑器,我是十分的喜欢使用它。但是我对它的快捷键也只是熟悉常用的,所以在此详细介绍一下这款利器的快捷键和它的自定义功能。 1.快捷键 选择类 Ctrl+D 选中光标所占的文本,继[详细]
-
html – 用l20n本地化一个属性
所属栏目:[资源] 日期:2020-12-14 热度:55
我想用L20N本地化一个占位符属性.我在他们的文档中找不到任何内容,这样做(不出所料)不起作用. input type="text" data-l10n-id="email" / 解决方法 正常翻译(意味着您要替换内容)是这样写的: test "this is a translated text" 然后,您可以翻译这样的属性:[详细]
-
一道小小笔试题,联想可以被强制转换成false的值
所属栏目:[资源] 日期:2020-12-14 热度:80
此题目来自鹅厂的笔试题,将其核心问题取出: if (new Boolean(false)) { console.log('true');} else { console.log('false');} 或许,你会回答打印出false,当然我一开始也是这么想的。很可惜,答案是true,因为,new Boolean(false)并不是false,而是一个[详细]
-
在html.tpl.php中获取$node变量 – Drupal 7
所属栏目:[资源] 日期:2020-12-14 热度:181
我正在尝试允许用户更新每个页面的标题和元描述.我认为实现这一目标的一种简单方法是在页面标题的“基本页面”内容类型中添加一个字段,然后在html.tpl.php中检查该字段是否为空,如果不是,则覆盖$head_title具有此用户定义的值. 但是,似乎$node变量在html.tpl[详细]
-
如何在HTML中引用相对子域?
所属栏目:[资源] 日期:2020-12-14 热度:70
假设我有一个由多个域访问的网站,例如domain1.com和domain2.com. 如果我有一个相对链接,例如href =“/ wiki”,那么无论我访问哪个域名,该链接都会将我带到正确的位置. 让我们说我想使用wiki.domain1.com和wiki.domain2.com,有什么方法可以链接到这个相对于域[详细]
-
JS中document对象与window对象
所属栏目:[资源] 日期:2020-12-14 热度:102
这两个对象是JS中再熟悉不过的对象了,尽管我们经常使用,但是我们是否真的了解这两个对象呢? window对象 BOM的核心对象是window,他表示浏览器的一个实例。在浏览器中他有双重角色,既是js访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。 属[详细]
-
html – 用水平滚动条创建一行div
所属栏目:[资源] 日期:2020-12-14 热度:60
好的,所以我认为我使用白色空间修复了这个问题:无包装 它在chrome中工作但没有别的. 我有这样的事情: div class="outer" ul li div class="inner" a href="#"img src="eg1.jpg" //a br / EG1 lorem ipsum /div /li li div class="inner" a href="#"img src[详细]
-
html – CSS white-space nowrap无法正常工作
所属栏目:[资源] 日期:2020-12-14 热度:53
我有一个div,有几个子div,左边是浮动的.我不希望它们中断,所以我将它们设置为显示:inline-block和white-space:nowrap.遗憾的是一切都没有发生.他们只是一直在打破. 最后我想在x方向滚动,但是当我添加overflow-x:scroll; overflow-y:可见它在y方向滚动. .[详细]
-
margin负值应用
所属栏目:[资源] 日期:2020-12-14 热度:92
margin,外边距,对于盒模型来说,这应该是一个十分熟悉的属性。设置外边距可以拉开两元素的距离,而上下margin会塌陷,给一个块级元素设置margin-left或是margin-right,这个元素会移动,等等。 在了解css布局中的经典布局,圣杯布局和双飞翼布局时,了解到[详细]
-
web.config中的WCF服务dataContractSerializer maxItemsInObject
所属栏目:[资源] 日期:2020-12-14 热度:107
我在主机的web.config中指定dataContractSerializer maxItemsInObjectGraph时遇到问题. behaviors serviceBehaviors behavior name="beSetting" serviceMetadata httpGetEnabled="True"/ serviceDebug includeExceptionDetailInFaults="True" / dataContract[详细]
-
谈谈css2布局
所属栏目:[资源] 日期:2020-12-14 热度:190
最近改因为一个定制的需求,被布局浪费了好一会时间,其中也包括低版本ie兼容性处理。先讲下css2中的一些布局方式吧,顺便带点一些有关布局的小知识。 1.布局辅助 display属性 首先,在了解布局之前,你得知道CSS中的display属性,在此只讨论block,inline,in[详细]
-
html – IE中的window.onbeforeunload和window.location.href
所属栏目:[资源] 日期:2020-12-14 热度:186
我们使用window.location.href将用户导航到页面. 此外,我们已配置window.onbeforeunload事件,以便在存在任何未保存的更改时提醒用户. window.onbeforeunload = confirmBeforeClose;function confirmBeforeClose() { if (jwd.global.inEditMode) return "Your[详细]