
前端
一枚攻城狮
每次看似普通的改变,都在改变普通的你
展开
-
css实用代码片段
css代码片段原创 2022-12-28 17:07:01 · 232 阅读 · 1 评论 -
前端开发规范V2023.5
前端开发规范原创 2022-04-11 17:14:56 · 3276 阅读 · 0 评论 -
css命名规则参考
css 命名规范可以避免不必要的样式冲突,命名可以参考 BEM 规范,以下是从网上收集整理过的一些规则,写样式再也不怕想不出来用什么 className 了!!1. 页面结构命名page // 代表整个页面,用于最外层。wrap // 外套,将所有元素包在一起的一个外围包,用于最外层wrapper // 页面外围控制整体布局宽度,用于最外层container // 一个整体容器,用于最外层head|header // 页头区域,用于头部nav // 导航条content /.原创 2021-12-25 23:45:33 · 743 阅读 · 0 评论 -
git常用命令
1.拉取项目到本地:转自:https://blog.youkuaiyun.com/qq_38658877/article/details/780425082.基本的一些命令:上传单个文件:git add test.txt 全部上传:git add . 添加注释:git commit -m "备注"上传到远程中央仓库git push -u origin master -f从远程中央...原创 2019-02-11 16:28:44 · 206 阅读 · 0 评论 -
npm命令大全
NPM 的全称是 Node Package Manager,是随同 NodeJS 一起安装的包管理和分发工具,它可以很方便的让前端开发者下载、安装、上传以及管理已经安装的包。1. npm 安装配置(可选)新版本的nodejs可以直接使用默认配置的即可,不必须再配置以下的内容。 1. 在nodejs安装的根目录下新建 node_cache 和 node_global 两个文件夹。 2. 分别使用以下命令设置全局的安装包目录: npm config set prefix "D:\Progra.原创 2021-12-25 23:16:56 · 24695 阅读 · 6 评论 -
正则基础使用
正则基础使用定位符:^ 匹配字符串开始位置,如果匹配 ^ 字符,用 \^$ 匹配字符串结束位置,如果匹配 $ 字符,用 \$\b 匹配一个单词边界,即字雨空格之间的位置\B 和\b相反,匹配非单词边界修饰符:i 忽略大小写匹配,如/^\d&/ig 全局匹配,如/^\d&/gm 执行多行匹配,如/^\d&/m特殊字符:$ 匹配字符串结束位置,如果匹配 $ 字符,用 \$() 标记一个子表达式的开始和结束,子表达式可以获取供以后使用。要匹配这些字符本身,使用原创 2021-05-26 19:09:39 · 136 阅读 · 0 评论 -
webpack打包你的es6模块工具库
1.package.json添加webpack{ "name": "my-utils", "version": "1.0.0", "description": "打包一个es6模块化的工具库", "author": "your name", "main": "./src/index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "we原创 2021-11-19 17:28:29 · 1202 阅读 · 0 评论 -
linux安装nodejs
1.nodejs官网下载编译后的tar包https://nodejs.org/dist/v12.16.2/node-v12.16.2-linux-x64.tar.xz,也可以用wgethttps://nodejs.org/dist/v12.16.2/node-v12.16.2-linux-x64.tar.xz命令来下载2.解压并更改名字tar -xvfnode-v12.16.2...原创 2020-04-22 19:33:14 · 299 阅读 · 0 评论 -
node+nodemon+express+swig模板渲染配合使用
使用背景:使用node做后台,express做静态资源访问页面,数据用swig渲染到html目录结构:server #服务配置文件 server.js #启动的主文件 router.js #页面跳转的路由配置src #源码目录 assets #资源 imgs css js pages #html...原创 2019-10-30 15:23:08 · 384 阅读 · 0 评论 -
commonJS的require/exports和Es6的exports/import的写法
commonJS规范下的export和es6的其实差别还是有一点的,话不多话,专门总结了下面的各种写法。1.commonJS的exports和require的用法## 第一种:exports.say = function(){ }exports.hello = function(){}或者这种写法function say() {}function hello() {}expo...原创 2019-02-18 21:38:09 · 619 阅读 · 0 评论 -
Es6中Promise链式调用then方法
应用场景:我们有一个A方法ajax方法获得用户信息,我们还有一个B方法是马上要使用用户信息,当两个方法同时调用时候,我们无法判别B方法已经拿到A方法的ajax获取的用户信息,基于这样的需求,我们急需一个能让他们按照A->B的顺序同步执行的东西。解决办法:es6的Promise对象是可以实现同步操作的,这解决了ajax请求想同步按照顺序执行的问题。在后面每个then的时候,我们...原创 2018-11-09 17:59:14 · 24393 阅读 · 1 评论 -
教你如何写jquery插件
在前端飞速发展的时代,虽然jquery已经要步入暮年,但是不得不承认它曾经创造的辉煌,回到那个一个人写java写jsp页面的时候,jquery简直是神器一样的存在,灵活的api可以操作你想操作的任何dom元素,所拥有的插件也可以说是不计其数,网上随便一搜一大把jquery插件,有的人忍不住想问,到底插件是怎么写的呢,话不多说,下面来缅怀一下那些年我们曾写过的插件。 一、jquery插件开发...原创 2018-11-08 18:07:24 · 272 阅读 · 0 评论 -
排序算法记录
1,冒泡排序(Bubble Sort)冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。 1.1算法描述比较相邻的元素如果第一个比第二个大,就交换它们两个。 对每一对相邻元素作同样的...原创 2019-02-17 21:58:54 · 189 阅读 · 0 评论 -
什么是前端模块化,组件化,工程化?
1.前端模块化:可以理解为一组自定义业务的抽象封装,是根据项目的情况来进行封装组合到一起的,比如我们可以分为登录模块,评论模块。模块可维护性好,组合灵活,方便调用,多人协作互不干扰。2.前端组件化:指对具体的某个功能的封装,比如所有的分页可以封装为分页组件来统一使用,以此来达到组件复用,提高开发效率。3.前段工程化:概念:指使用软件工程的技术和方法来进行前端项目的开发、维护和管...原创 2019-02-11 17:06:08 · 8256 阅读 · 0 评论 -
前端开发工程师学习技术点
总结梳理了下高级前端的技术点(对自己的学习路线):1.jquery,js,html,html5,css3,easyUI,json,ajax,bootstrap,extjs,less,sass,stylus,zepto等常见技术的了解和掌握2.nodejs基本掌握,express和koa2搭建项目3.前端的包管理工具npm,bower的掌握,会自己写npm script自定义脚本4.前端自...原创 2019-01-21 11:58:24 · 1309 阅读 · 0 评论