Sass--CSS预处理器
认识sass 它是一个css的预处理器, 文件的后缀为.scss 安装123npm i -g sass# 使用$ sass <input.scss> [output.css] 语法规则动态变量1234567// 使用变量,可以在变量中使用变量$primary-color:#1269b5;p { width: 20px; color: $primary-color;} 嵌套 使用嵌入式, 使用&符号 连接伪元素 属性的嵌套, 如果有多个相同前缀的属性, 使用前缀名:{后缀属性: 属性值} 123456789101112131415.nav { ul { li { color: $primary-color; } a { text-align: center; &:hover { font-size: 20px; } } }& ...
Vue2.0基础知识补充
Vue的特性数据驱动视图 当页面数据发生变化时, 页面会重新渲染 单向的数据绑定 双向数据绑定 form表单负责采集数据, ajax负责提交数据 注: 数据驱动视图和双向数据绑定的底层原理是MVVM MVVM Model, View, ViewModel Model 表示当前页面渲染时所依赖的数据源 View 表示当前页面所渲染的DOM结构 ViewModel 表示Vue的实例 品牌列表案例123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 ...
webpack-前端工程化
实际前端开发 模块化(js) 组件化(ui) 规范化 自动化(构建,部署,自动化测试) 初识webpack 功能: 代码压缩混淆, 处理浏览器JavaScript的兼容性, 性能优化 定义: 解决前端工程化的具体解决方案 初始化配置 npm install init -y 初始化package.json -S –save, 将下载的包名和版本号 装到dependencies下(开发和部署) -D –save-dev, 将包记录到devDependencies(只在开发过程中) 安装webpack npm i [email protected] [email protected] -D 在根目录下配置webpack.config.js 配置当前的环境mode 有两种选择 development和production 运行webpack 在package.json 下的scripts中配置webpack命令 要想实现webpack压缩功能将webpack.config.js模式修改为production entry指定打包入口 表示要处理的那个文件 使用path模块path.join(__ ...
初识Vue框架--基础知识
认识Vue 渐进式框架 Core+Vue-router+Vuex 全家桶 特点: 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 初识Vue123456let app = new Vue({ el: '#app', // 挂载要管理的元素 data: { // 定义数据 message: '你好,世界' }}) 简单计数器1234567891011121314<div id="app"> <h2>当前计数:{{counter}}</h2> <button @click="counter++">+</button> <button @click="counter--">-</button></div><script src="./js/vue.js" ...
正则表达式(js)
正则字符串提取数字 使用\d将数字匹配出来 /g全局匹配 123456789let hd = 'daw21321dasda23123123';// 不使用正则表达式写一个方法// console.log(Number.isNaN(parseInt('1')));// ...将字符串转换成数组形式 Array.from()方法也可以 使用isNaN判断是否为非数字// let news = [...hd].filter(v=>!Number.isNaN(parseInt(v)));// 使用join方法连接// 使用正则表达式let news = hd.match(/\d/g).join("")console.log(news); 正则字变量 使用eval()方法 使用test()方法返回的是布尔值 1234let hd = 'daw21321dasda23123123';let a = '1';let news = eval(`/${a}/`).test( ...
ES6-基础知识
let 和 const命令 ✔ 在ES6中, 我们通常使用 let 表示变量, const 表示常量, 并且 let 和 const 都是块级作用域, 且在当前作用域有效不能重复声明. let 命令 let 命令的用法和 var 相似, 但是 let 只在所在代码块内有效. 基础用法: 1234{ let a = 1; let b = 2;} 并且 let 有以下特点: 不存在变量提升:在ES6之前, 我们 var 声明一个变量一个函数, 都会伴随着变量提升的问题, 导致实际开发过程经常出现一些逻辑上的疑惑, 按照一般思维习惯, 变量都是需要先声明后使用. 12345678910// var console.log(v1); // undefinedvar v1 = 2;// 由于变量提升 代码实际如下var v1;console.log(v1)v1 = 2;// let console.log(v2); // ReferenceErrorlet v2 = 2; 不允许重复声明:let 和 const 在相同作用域下, 都不能重复声明同 ...
Java知识整理-方法重载,递归
方法的重载好处 减少方法名称的记忆 可以忽略参数的自动类型转换 定义 方法的重载是指一个类中定义了多个相同名字的方法,需要每个方法具有不同的参数类型或者参数类型的相同个数不同,调用的时候可以根据该方法的参数类型或者个数类型区分对应的方法;方法的重载和返回值类型,修饰词没有关系 适用场景 当一个类中出现相同的功能时,但是需要的参数不同 参数 类型不同 个数不同 要求 必须在同一个类中 方法名的相同 参数列表不同 (不同型 同型不同个 顺序) 返回值不同 递归 在调用过程中不断的调用自己 查看解析 123456789public class text5 { public static void main(String[] args){ int a = 1; System.out.println(add(a)); } static int add(int a){ return a==5?5:a+add(a+1); & ...
降重方法-web/python/exe
降重原理 利用百度翻译通用API在不通语言间转换,由于不通语言语序不通,转换后可有效降重。 中->英->德->中 (初级)中->英->德->日->葡萄牙->中 (中级)中->英->德->日->葡萄牙->意大利->波兰->保加利亚->爱沙尼亚->中 (高级) 效果图 查看解析 web版本 gitee地址 【下载地址】 github地址 【下载地址】 使用方法 去百度翻译API注册一个账号,并且进行高级认证 可获得每月200w字符的翻译量(开通通用型翻译) 输入appid和key即可使用 预览图 查看解析 python版本 tkinter版 查看图例 ...
考试复习资料-整合
党的建设理论。 特别注重从思想上建党,理论和实践相结合的作风,和人民群众紧密地联系在一起的作风,以及自我批评的作风,是中国共产党区别于其他任何政党的显著标志。 毛泽东思想活的灵魂 毛泽东思想的活的灵魂,有三个基本方面,即实事求是,群众路线,独立自主。 实事求是,就是一切从实际出发,理论联系实际,坚持在实践中检验真理和发展真理。 坚持实事求是,就要深入实际了解事物的本来面貌,把握事物内在必然联系,按照客观规律办事。 坚持实事求是,就要清醒认识和正确把握我国基本国情。 坚持实事求是,就要不断推进实践基础上的理论创新。 群众路线,就是一切为了群众,一切依靠群众,从群众中来,到群众中去。把党的正确主张转变成为群众的自觉行动。 坚持群众路线,就要坚持人民是推动历史发展的根本力量。 坚持群众路线,就要坚持全心全意为人民服务的根本宗旨。 坚持群众路线,就要保持党同人民群众的血肉联系。 独立自主,就是坚持独立思考,走自己的路,就是坚定不移地维护民族独立、捍卫国家主权, 把立足点放在依靠自己力量的基础上,同时积极争取外援,开展国际经济文化交流,学习外国一切对我们有益的先进事物。 ...
Git学习整理
撤销 用暂存区中的文件覆盖工作目录中的文件: git checkout 文件 将文件从暂存区中删除: git rm --cached 文件 将 git 仓库中指定的更新记录恢复出来,并且覆盖暂存区和工作目录:git rest --hard commitID 分支命令 git branch 查看当前的分支 git checkout (分支名) 切换分支 git merge 被合并的分支名称 合并分支 git branch -d 分支名称 删除分支 -D表示强制删除 git branch 分支名称 创建分支 暂时保存更改 git stash 存储临时改动 git stash pop 恢复改动 git status 查看改动 多人同时开发 解决冲突 git pull origin master 跨团队协作 程序员 C fork仓库 程序员 C 将仓库克隆在本地进行修改 程序员 C 将仓库推送到远程 程序员 C 发起pull reqest 原仓库作者审核 原仓库作者合并代码 创建仓库 git push 远程仓库地址 分支名 git push 远程仓库地址别名 分支名 ...