前端小知识

$CSS

  • button里不嵌入a标签 disabled效果会不理想
  • css的属性选择器(w3school查看详细)
    input[type="text"]{color:blue;width:100px}
    <input type="text" value="属性选择器">

$代码编辑器

vscode

  • vscode访问git,下载devServer,ctrl+shift+p调出命令框,搜索devServer:start
    http://localhost/admin/config/xxx.html (http://可省略)查看
  • vscode设置中文: 下载Chinese Language Pack > ctrl+shift+p调出命令行 > Configure Display Language > "locale":"zh-CN"
  • 必装插件
    Atom One Light Theme - Auto Close Tag 自动补齐标签 - Auto Rename Tag 自动跟随标签改动 - Beatify - Chinese Language Pack 中文包- CSS Peek 找到对应的css文件 - devServer 服务器打开 - ESLint 检查js的语法错误 - HTML CSS Support - OmniPascal - Open Preview - open in browser - Path Intellisense - Prettier-Code formatter - Quokka.js vscode-icons Tiny Light Quiet Light for VSC
  • 多行注释
  • 隐藏工作区中的node_modules文件夹,防止电脑加载卡死
    ctrl+shift+p——open user setting——点击右上角的 {} ——在setting.json里加入"files.exclude": { "node_modules/": true }这段代码

webstorm破解

网站一:https://www.jianshu.com/p/4ce97b360c13
网站二:https://www.cnblogs.com/hskw/p/9294860.html
网站三:https://blog.csdn.net/qq_24309787/article/details/81354678

$github

  • 先拉取(pull)后合并,再上传(push)
  • github桌面端

$百度编辑器

  1. 首先要引入https://ueditor.baidu.com/ueditor/ueditor.config.js,https://ueditor.baidu.com/ueditor/ueditor.all.js两个js文件
    2.<script type="text/javascript">
    UE.getEditor(‘myEditor‘,{
    //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
    toolbars:[[‘FullScreen‘, ‘Source‘, ‘Undo‘, ‘Redo‘,‘Bold‘,‘test‘]],
    //focus时自动清空初始化时的内容
    autoClearinitialContent:true,
    //关闭字数统计
    wordCount:false,
    //关闭elementPath
    elementPathEnabled:false,
    //默认的编辑区域高度
    initialFrameHeight:300,
    //更多其他参数,请参考ueditor.config.js中的配置项
    serverUrl: ‘/server/ueditor/controller.php‘
    })
    </script>
<div class="ueditor-box">
            <div id="ueditor"></div>
   </div>

4.更多信息百度editor示例 > “文档”中查看

当前文件下打开命令行

shift+鼠标右键,在此处打开Powershell窗口

闭包
/*
    * 闭包的概念:函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或者是数据,此时形成了闭包(这句话暂时不严谨)
    * 闭包的模式:函数模式的闭包,对象模式的闭包
    * 闭包的作用:缓存数据,延长作用域链
    * 闭包的优点和缺点:缓存数据
    *
    * 闭包的应用
    *
    *
    * */

    //函数模式的闭包:在一个函数中有一个函数
    function f1() {
//      var num=10;
//      //函数的声明
//      function f2() {
//        console.log(num);
//      }
//      //函数调用
//      f2();
//    }
//    f1();

    //对象模式的闭包:函数中有一个对象

//    function f3() {
//      var num=10;
//      var obj={
//        age:num
//      };
//      console.log(obj.age);//10
//    }
//    f3();

原文地址:https://www.cnblogs.com/huihuihero/p/10801092.html

时间: 2024-10-15 17:36:56

前端小知识的相关文章

你不一定知道的几个前端小知识

1 大家都知道js在进行小数运算时会有丢失精度问题(其他语言也是),比如: 0.1+0.2 //0.30000000000000004 有一种比较快捷的方式是先把小数乘以10的整数倍,然后再运算,如: (0.1*10+0.2*10)/10 //0.3 但是这种方式也不是100%准确的,乘以整百也可能精度丢失,比如: 2177.74*100 //217773.99999999997 所以常用的几种处理方式有: 把小数转化为字符串,拆分整数部分和小数部分分别计算,然后再把结果进行拼接; 先乘10的整

web前端小知识,安书整理的

网页设计理论知识 构成网页的页面元素 1,  网站的LOGO LOGO的设计,往往具有一些共同的特点:精美,独特,与网站的整体风格相融,能够体现网站的类型,内容,风格等. 2,  网站的Banner Banner是指网页横幅广告,最常用的是486*60像素的标准标志广告 3,  导航栏 导航栏是为于页眉区域,导航栏分为框架导航,文本导航,图片导航 4,  文本 5,  图像 6,  动画 7,  超级链接 网页版面的布局技巧 平衡:平衡指页面的左右,上下和谐而有秩序 对比:对比是指利用色彩.色调

自己容易遗漏的前端小知识

1.padding是内边距,margin是外边距; 当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并. 引用w3school中的例子 2.相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块. 3.将服务器端构建好的JSON数据转化为可用的JavaScript对象 var jsonObject = eval("(" + json+ ")")

前端小知识~~关于css3新增知识~~归纳总结

1.新增选择器 E:nth-last-child(n) E:nth-of-type(n) E:nth-last-of-type(n) E:last-child E:first-of-type E:only-child E:only-of-type E:empty E:checked E:enabled E:disabled E::selection E:not(s) 2.Font-face 特性 Font-face 可以用来加载字体样式,而且它还能够加载服务器端的字体文件,让客户端显示客户端所没

前端小知识-css3

一.实现图片倒影 如图: css属性 .style{ -webkit-box-reflect:below 0 linear-gradient(transparent,white 50% ,white); } 原文地址:https://www.cnblogs.com/yyxh/p/8968841.html

前端小知识2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

实用前端小知识

/* 单行文字溢出省略号 */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; height: xxx; /* 多行文字溢出省略号 */ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;height: xxx; /* 多行文字溢出省略号 */ word-wrap:break-word;

前端小知识点积累

作为一名前端,一直想说,一入前端深似海啊.也许在很多人眼中,前端就是简简单单的写页面的,但实际上前端的水还都是很深的,具体就不做叙述了. 今天来的主要目的是分享平时积累的一些前端小知识 一:js,jq获取各种高度 Javascript: alert(window.screenTop);                     //浏览器距离Top alert(window.screenLeft);                     //浏览器距离Left alert(window.scre

【前端词典】几个有益的 CSS 小知识

今天偷个懒,不长篇大论,分享几个你可能不知道的 CSS 小知识. 样式的顺序 CSS 代码: HTML 代码: 记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上) 答案你们应该是知道的. 可以这样提升 CSS 性能 后代选择器 样式选择器中间的空格是什么?它的名字是 —— 后代选择器. 为什么会更消耗性能呢? 因为浏览器首先会找到所有p标签,然后再向上查找包含class为div标签.这样一来如果代码中有很多p标签,无疑是会做很多重复工作的. 所以可以减少使用 HTM