
前端
文章平均质量分 51
sushuyan
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
文件:jquery.min.js
/*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requir.原创 2021-07-09 11:00:49 · 1316 阅读 · 0 评论 -
移动端公共样式
第一部分:css部分:/*清除样式*/body, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea,select{ margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, ..原创 2021-07-09 10:59:41 · 344 阅读 · 0 评论 -
pc公共样式
@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0;}*{ box-sizing: border-box;}body { background: #ff.原创 2021-07-09 11:01:26 · 255 阅读 · 0 评论 -
CSS盒子模型,解决盒子撑大问题
文章来源:https://blog.youkuaiyun.com/weixin_45147894/article/details/106882887加入:box-sizing:border-box;就可以了,盒子就不会变大了呀!初始化:*{box-sizing:border-box;}原创 2021-04-26 10:22:54 · 2077 阅读 · 0 评论 -
css公共样式
建议是找到其中自己需要的,不要全盘照搬html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, b, u, i..转载 2021-04-23 18:05:58 · 881 阅读 · 0 评论 -
原生js—classList.add()、classList.remove()、classList.contains()、classList.toggle()
原生js——操作类名(HTML5新增classList)classList.add( newClassName );添加新的类名,如已经存在,取消添加classList.contains( oldClassName );确定元素中是否包含指定的类名,返回值为true 、false;classList.remove( oldClassName );移除已经存在的类名;classList.toggle( className );如果classList中存在给定的值,删除它,否则,添加它;转载 2020-06-21 11:14:13 · 9415 阅读 · 0 评论 -
webstorm常用快捷键
webstorm常用快捷键查找/代替 快捷键 说明 ctrl+shift+N 通过文件名快速查找工程内的文件(必记) ctrl+shift+alt+N 通过一个字符快速查找位置(必记) ctrl+F 在文件内快速查找代码 F3 查找下一个 shift+F3 查找上一个 ctrl+R 文件内代码替...转载 2019-05-07 23:01:03 · 409 阅读 · 0 评论 -
前端学习课程及书籍推荐
网易云课堂学习:HTML5入门:https://study.163.com/course/courseMain.htm?courseId=171001&_trace_c_p_k2_=7c8092f0e8c74656810480a0a5119b21#/courseDetailcss3:https://study.163.com/course/introduction/1...转载 2019-05-25 09:21:48 · 528 阅读 · 0 评论 -
清除浮动
第一种:clear:both用于同级别的子元素第二种:overflow: hidden;用于父元素,父元素有限定高度,超出隐藏拓展:CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。overflow属性有以下值:值 描述 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden...原创 2019-05-26 16:36:17 · 241 阅读 · 0 评论 -
文本/图片对齐
元素居中对齐:margin: auto,并设置宽度,否则不生效css样式:.center { margin: auto; width: 60%; border: 3px solid #73AD21; padding: 10px;}html样式:<h2>元素居中对齐</h2><p>水平居中块级元素 (如 div...原创 2019-05-26 17:38:26 · 533 阅读 · 0 评论 -
JS:map/reduce
如果你读过Google的那篇大名鼎鼎的论文:MapReduce: Simplified Data Processing on Large Clusters, 你就能大概明白map/reduce的概念。map举例说明,比如我们有一个函数f(x) = x²,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上,就可以用map实现如下:Paste_Ima...转载 2019-06-09 23:32:24 · 424 阅读 · 0 评论 -
apply()与call()
一直都没太明白apply()与call()的具体使用原理,今日闲来无事,决定好好研究一番。JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为:/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg...转载 2019-06-10 21:41:49 · 309 阅读 · 0 评论 -
css图片文件地址替换
查找:Ctrl+F替换:Ctrl+RReplace:替换一个Replace all:替换全部注意:公共样式放进public.css时,images的地址要修改为../images,此时html上的公共样式才会显示。...原创 2019-08-20 19:27:55 · 1029 阅读 · 0 评论 -
前端工具快捷键汇总
webstorm: Alt+Tab 窗口切换√ Alt+ left/right 切换代码视图√ alt+F2浏览网页 file里面settings可以改字体 ctrl+F查询 ctrl+alt+下箭头可以多个复制 alt+1左侧栏隐藏√ shift+F6重命名√ ctrl+shift+u 小写大写转换√ shift+tab 成段...转载 2019-09-25 22:17:56 · 1687 阅读 · 0 评论 -
dedecms自定义模型之独立模型在首页、列表页、内容调用内容
dedecms自定义模型之独立模型在首页、列表页、内容调用内容dedecms关于自定义模型(独立模型)的首页、列表页、内容怎么调用?在后台自定义模型(独立模型)的建立及自定义字段的添加比较简单,需要注意两点:(1)如果某个字段需要在前台列表页显示,则在前台参数中勾选“使字段可以在列表的底层模板中获得(自定义字段默认仅能在文档模板显示,启用此选项将使列表查询变慢,如无必要请不要选择) ”;...转载 2019-10-07 21:52:35 · 384 阅读 · 0 评论 -
使用css3实现文本超出省略号和多行省略号
单行隐藏overflow:hidden; (超出部分隐藏)text-overflow:ellipsis;(隐藏部分用省略号)white-space:nowrap;(不换行)多行隐藏overflow: hidden;(超出部分隐藏)text-overflow: ellipsis; (隐藏部分用省略号)display: -webkit-box;-webkit-line-...原创 2019-04-27 22:18:51 · 1513 阅读 · 0 评论 -
手机APP界面切图命名和文件整理规范【简单版】
来自https://www.25xt.com/appdesign/8971.html规范的命名方式可以提高客户端程序员的开发效率和团队协作。25学堂创始人老谭个人觉得标识符命名原则:尽可能的用最少的字符而又能完整的表达标识符的含义。切图命名英文缩写三个原则:1较短的单词可通过去掉“元音”形成缩写2较长的单词可取单词的头几个字母形成缩写3此外还有一些约定成俗的英文单...转载 2019-04-17 22:23:16 · 1768 阅读 · 0 评论 -
JavaScript 语句标识符与关键字
JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。语句标识符是保留关键字不能作为变量名使用。下表列出了 JavaScript 语句标识符 (关键字) :语句 描述 break 用于跳出循环。 catch 语句块,在 try 语句块执行出错时执行 catch 语句块。 continue 跳过循环中的一个迭代。 do ... w...翻译 2019-01-29 17:56:58 · 400 阅读 · 0 评论 -
public清除样式
/*清除样式*/body, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea,select{ margin: 0; padding: 0;}article, aside, details, figcaption...原创 2019-02-09 15:55:49 · 306 阅读 · 0 评论 -
css:图像与文字(对齐、字间距、行间距、阴影)
图像与文字对齐方式第一种:text-align:center; (水平居中对齐)第二种:vertical-align:text-top/text-bottom/middle;(垂直顶端对齐、底部对齐、居中对齐)第三种:将图片设置为背景,background: url("images/box8-4.png")no-repeat center right;字间距letter-spa...原创 2019-02-09 20:31:46 · 8481 阅读 · 0 评论 -
2.21JS学习:流程控制语句
一、做判断(if语句)<script type="text/JavaScript">var mypen = "black"; //定义变量mypen,存储笔的黑色。 if (mypen=="black"){document.write("笔是黑色的,所以购买");else{ document.write("笔不是黑色的,所以不买")}}</转载 2019-02-21 21:04:33 · 286 阅读 · 0 评论 -
html 格式化标签、输出标签、引用等标签
文本格式化标签标签 描述 <b> 定义粗体文本。 <big> 定义大号字。 <em> 定义着重文字。 <i> 定义斜体字。 <small> 定义小号字。 <strong> 定义加重语气。 <sub> 定义下标字。 <s翻译 2019-01-30 21:38:57 · 634 阅读 · 0 评论 -
前端快捷键
注释快捷键单行注释:ctrl+/多行注释:ctrl+shift+/原创 2019-02-11 13:33:45 · 1600 阅读 · 1 评论 -
学习笔记:js慕课网2.11学习内容
第一节:document.write("hello");document.getElementById("p1").style.color="blue";第二节:script成对出现,js代码写在其中间; <script type="text/javascript"> document.write("开启JS之旅!"); </sc原创 2019-02-11 13:56:06 · 707 阅读 · 0 评论 -
js学习:输出内容、警告、确认、提问、打开新窗口、关闭窗口
一、输出内容 <script type="text/javascript"> var mystr="我在学"; var mychar="JavaScript"; document.write(mystr+mychar+"我爱js"+"<br>"); </script>结果:二、警告(转载 2019-02-17 20:25:45 · 876 阅读 · 0 评论 -
js学习:DOM操作(认识DOM、通过ID获取元素、innerHTML 属性、改变 HTML 样式、显示和隐藏(display属性)、控制类名(className 属性))
一、认识DOM<a href="http://www.imooc.com">JavaScript DOM</a>二、通过ID获取元素语法: document.getElementById(“id”) 实例:<a id="con">JavaScript</a><script type="text/ja转载 2019-02-17 21:26:08 · 5749 阅读 · 0 评论 -
html:实体符号参考手册
带有实体名称的 ASCII 实体结果 描述 实体名称 实体编号 " quotation mark &quot; &#34; ' apostrophe &apos; &#39; & ampersand &amp; &#38; < less-...转载 2019-02-24 16:38:42 · 397 阅读 · 0 评论 -
JS基本语法:变量命名、表达式、算术操作符、比较操作符、逻辑操作符
算术操作符(+、-、*、/等)比较操作符(<、>、>=、<=等)逻辑操作符(&&、||、!) 一、变量命名必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:正确: mysum _mychar $numa1 二、...转载 2019-02-19 21:44:32 · 448 阅读 · 0 评论 -
织梦后台搭建
参考文章:https://jingyan.baidu.com/article/19192ad8024f1de53e5707ab.html织梦下载:http://www.dedecms.com/phpstudy下载:http://phpstudy.php.cn/织梦系统标签生成器:http://tools.dedecms.com/dedetag_maker/system.html...原创 2019-03-04 23:06:58 · 1778 阅读 · 0 评论 -
2.20学习内容:js数组
1、什么是数组var myarr=new Array(); //定义数组 myarr[0]=80; myarr[1]=60; myarr[2]=99; document.write("第一个人的成绩是:"+myarr[0]); document.write("第二个人的成绩是:"+myarr[1]); document.write("第三个人的成绩是:"+myarr[2]);...转载 2019-02-20 21:45:57 · 449 阅读 · 0 评论 -
织梦仿站流程
一、仿站小工具1、通过链接,下载网站首页、独立页、列表页、文章页;2、修改html名称,复制images图片,并删除已完成的文件夹;二、webstorm1、修改所有html后缀为htm;2、建立css、head、footer公共的html,并在相应的位置填写dede标签;3、修改图片所有页面图片路径(css除外),图片路径:images前插入dede风格路径标签,变成:{d...原创 2019-04-09 20:54:03 · 10323 阅读 · 1 评论 -
手机web——自适应网页设计(html/css控制)
一、允许网页宽度自动调整"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。 <meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(widt...转载 2019-04-17 22:16:22 · 452 阅读 · 0 评论 -
js简介与用法
通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。(<head>、<body>全部可以放置)1、直接写入 HTML 输出流<script>document.write("<h1>这是一个标题</h1>");谁.干什么.什么做document翻译 2019-01-26 23:28:06 · 143 阅读 · 0 评论