![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
入门
LLLLLLLLLLLLL刘
Every line of code should appear to be written by a single person, no matter the number of contributors.
不管有多少人参与同一个项目,一定要确保每一行代码都像是同一个人编写的
展开
-
Vue路由页面钩子
Vue导航守卫以我自己的理解就是监听页面进入,修改,和离开的功能。每个守卫接受三个参数to: Route: 即将要进入的目标路由对象from: Route: 当前导航正要离开的路由next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。next(): 进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是 confirmed (确认的)。next(false): 中断当前的导航。如果浏览器的 URL 改变了(可能是用户手动或者浏原创 2020-10-24 15:19:56 · 987 阅读 · 0 评论 -
sass、less的对比与区别
什么是Sass和Less?sass和less都属于CSS预处理器。css预处理定义了一种新的语言,其基本思想是,用一种专门的编程语言,为css增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。通俗地说就是“用一种专门的编程语言,进行Web页面样式设计,再通过编译器转化为正常的CSS文件,以供项目使用”。为什么使用CSS预处理器? CSS只是一个标记语言,不是编程语言,因此不可以自定义变量,不可以引用等等。css有具体以下几个缺点: 语法不够原创 2020-10-09 16:28:05 · 12175 阅读 · 1 评论 -
yarn命令行
yarn官网从npm迁移yarnnpm install === yarnnpm install lodash --save === yarn add lodashnpm install lodash --save-dev === yarn add lodash --devnpm install lodash --global === yarn global add lodashnpm uninstall lodash --save === yarn remove lodashrm -rf no原创 2020-06-10 11:26:43 · 319 阅读 · 0 评论 -
React+and管理系统
基于React、Ant Design的管理系统架构。https://gitee.com/myliu/react-admin原创 2020-06-10 11:18:46 · 391 阅读 · 0 评论 -
yarn与npm
安装yarn下载msi包https://yarnpkg.com/lang/zh-hans/docs/install/#windows-stable命令行执行运行命令来测试 Yarn 是否安装:yarn --versionyarn命令安装npm、yarn安装步骤npmyarnnpm installyarnnpm install react --save...原创 2019-12-12 17:47:53 · 256 阅读 · 0 评论 -
vue 多级嵌套组件中属性传递的快捷方式
组件之间多层传递属性是一个比较常见的业务场景。如:A --> B --> C --> DA组件包含B组件,B组件又包含C组件,C组件包含D组件。现在,状态维护在A组件中,通过props的方式层层传递到D组件,而D组件接收这个数据,并在内部修改这个数据后,再告之A组件。<C v-bind="$attrs" v-on="$listeners"></C>...转载 2019-11-23 11:45:34 · 933 阅读 · 0 评论 -
常见es6算法
1、js 统计一个字符串出现频率最高的字母/数字let str = 'asdfghjklaqwertyuiopiaia';const strChar = str => { let string = [...str], maxValue = '', obj = {}, max = 0; string.forEach(value...原创 2019-11-06 18:02:11 · 639 阅读 · 0 评论 -
真机cover-image不显示问题
关于真机cover-image不显示问题当未设置cover-image标签高度和宽度导致测试环境域名,需打开调试器即可访问后端api显示路径当使用downloadFile微信API时,线上版必须配置downloadFile域名,否则无法正常显示路径说明:图标路径,支持临时路径、网络地址(1.6.0起支持)、云文件ID(2.2.3起支持)。暂不支持base64格式。那么我们分析...原创 2019-10-28 11:09:10 · 3652 阅读 · 0 评论 -
css波浪效果
以下代码使用uniapp框架,css波浪效果一、第一种效果<template> <view class="content"> <view class="zr"> <view class='user_box'> <view class='userInfo'> <open-data type="use...原创 2019-09-29 15:10:48 · 3203 阅读 · 3 评论 -
position absolute 绝对定位 设置问题
1, 父元素相对定位,子元素两个:一个普通文档流(块级元素),在前,一个决对定位元素,在后。<div class="parent_relative"> <div class="child">普通文档流子元素</div> <span class=child_absolute>绝对定位子元素</span></div&...转载 2019-09-20 18:07:10 · 1920 阅读 · 0 评论 -
Android studio 汉化
android入门实操链接: https://pan.baidu.com/s/149vgxTkQiKb5dUwrkyGoQw 提取码: n5ds 复制这段内容后打开百度网盘手机App,操作更方便哦原创 2019-09-19 14:04:18 · 630 阅读 · 2 评论 -
uni_app各平台条件编译标记
条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。ifdef:if defined 仅在某平台存在#ifndef:if not defined 除了某平台均存在%PLATFORM%:平台名称值平台参考文档APP-PLUS...原创 2019-09-07 18:21:53 · 1421 阅读 · 0 评论 -
javascript面向对象
封装对于一些功能相同或者相似的代码,我们可以放到一个函数中去,多次用到此功能时,我们只需要调用即可,无需多次重写。在这里我们可以理解为创造对象的几种模式:单例模式,工厂模式,构造函数模式,原型模式等。继承子类可以继承父类的属性和方法多态(重载和重写)重载:严格意义上说js中没有重载的功能,不过我们可以通过判断函数的参数的不同来实现不同的功能来模拟重载。重写:子类可以改写父...原创 2019-06-25 16:45:15 · 111 阅读 · 0 评论 -
npm 入门使用操作
npm---------------------------------快速初始化$npm init -y登录用户$npm login查看用户名$npm whoami查看模块拥有者$ npm owner ls <package_name>添加发布者$ npm owner add <package_name>删除发布者$ npm owner rm ...原创 2019-06-18 11:21:11 · 161 阅读 · 0 评论 -
Javascript中BOM与DOM区别
一、Javascript组成JavaScript的实现包括以下3个部分:1、核心(ECMAScript):描述了JS的语法和基本对象。2、文档对象模型 (DOM):处理网页内容的方法和接口。3、浏览器对象模型(BOM):与浏览器交互的方法和接口。二、BOM(浏览器对象模型)1、window对象说明:BOM的核心对象是window,他表示浏览器的一个实例。他既是通过JavaScript...转载 2019-06-18 16:05:13 · 174 阅读 · 0 评论 -
JavaScript之DOM操作
1.理解DOM: DOM(Document Object Model ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口。怎么说,我从两个角度理解:对于JavaScript,为了能够使JavaScript操作Html,JavaScript就有了一套自己的dom编程接口。对于Html,dom使得html形成一棵dom树,类似于一颗家族树一样,一层接一层,子子孙孙。...转载 2019-06-27 10:14:00 · 111 阅读 · 0 评论 -
css超出省略号
1、根据文本框大小实现单行超出省略号.more{ overflow: hidden; text-overflow: ellipsis; //超出部分以省略号显示 white-space: nowrap; width: 30px; }<p class="more">山谷那里是没有早晨的,没有旭日朝阳,永远是不同与世间的阴凉的黄昏</p&...原创 2019-07-09 11:15:39 · 224 阅读 · 0 评论 -
web基础题
1、常用那几种浏览器测试?有哪些内核(Layout Engine)?答: (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Trident,Gecko,Presto,Webkit。2、 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下)答:(Q1) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效...转载 2019-07-12 17:18:19 · 183 阅读 · 0 评论 -
CSS鼠标形状
CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a> CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a> 注:pointer也是小手鼠标,建议大家用pointer,因为它可以兼容多种浏览器。 C...原创 2019-07-09 17:27:00 · 674 阅读 · 0 评论 -
JS基础整理面试题
1、DOM和BOM的区别DOM:document object model;文档对象模型,提供操作页面元素的方法和属性BOM:browser object model;浏览器对象模型,提供一些属性和方法可以操作浏览器2、JS有几种引入方式1、行内式 直接在标签中写js代码2、内嵌式 可以有多个script标签,从上到下3、外联式 直接导入script标签,相对路径4、导入式 impo...转载 2019-07-12 14:32:02 · 210 阅读 · 0 评论 -
DIV+CSS基础知识点
前端书写规范:1、所有书写均在英文半角状态下的小写;2、id,class必须以字母开头;3、所有标签必须闭合;4、html标签用tab键缩进;5、属性值必须带引号;6、7、/* css注释 */8、ul,li/ol,li/dl,dt,dd拥有父子级关系的标签;9、p,dt,h标签 里面不能嵌套块属性标签;10、a标签不能嵌套a;11、内联元素不能嵌套块;div的displ...转载 2019-06-21 14:20:43 · 424 阅读 · 0 评论