探索独立思考

Recent posts

May 27, 2020
小白扶墙使用教程 不管是哪个平台,都要先注册好,登录进去 点套餐购买,购买相对应的套餐,才能接下来的步骤,如果余额不足请先充值 windows step1 到用户中心点击本站下载下载客户端 下载好是这样的 step2 点配置一键导入 点打开clash for windows step3 打开软件以后 点Proxies会看到导入的trojan节点,如下 step4 最后再点General,把System Proxy打开就行了 step5 最后浏览器打开ip.sb测试一下ip,正常即可使用 android step1 下载并安装clash客户端,点本站高速下载…
Jan 1, 2019
angular组件的基本使用 angular组件的基本使用 组件 组件模板 ng generate component xxx 新建组件(大驼峰命名) 属性绑定 <img [src]="imgSrc" /> public imgSrc:string="./assets/imgs/1.jpg"; 事件绑定…
Jan 1, 2018
css3之flex伸缩布局详解 下面介绍一种比用浮动定位更灵活的布局方式,是的,就是flex伸缩布局,flex伸缩布局也常用于移动端的布局,因为相对于possion,float,采用flex伸缩布局更灵活,也相对的对手机的资源消耗较少! 伸缩布局会用到的属性 display: flex;让元素编程伸缩容器 flex-direction:row|row-reverse|column|column-reverse主轴方向,加reverse就是表示相反的方向 justify-content:flex-start|flex-end|center|space-around|space-between设置伸缩项目在主轴方向上的对其方式 flex-wrap: wrap(换行)|nowrap(不换行)控制伸缩项目是否换行 align-content:flex-start|flex-end|center|space-around|space-between处理换行后的结果 align-items:stretch|flex-start|flex-end|center处理不换行的结果(侧轴对齐) flex: 1;控制伸缩项目在伸缩容器中所占的剩余空间 align-self:flex-start|flex-end|center|space-around|space-between个别调整元素位置 order: 10;是用来调整顺序的 规则: 数字越小 元素越靠前 下面给出排列顺序的代码,其他属性请大家自行测试…
Jan 1, 2018
html5之客户端存储 WebStorage介绍 所谓的WebStorage指的是客户端存储,在这里指的是浏览器端存储,比如在网站上自动登陆这些功能,其实就是把一些少量的数据存储在浏览器等客户端中,这样可以减少没必要的请求到服务器,降低服务器的压力,给用户提供更好的体验. WebStorage的三种存储方式 cookie: 广泛使用 存储量4kb左右 会在浏览器和服务器间传递 一般由服务器端创建 可以设置存储时间(默认和session一样) cookie不容易操作 jquery.cookie.js插件 session(会话)Storage: H5新增 存储量5M左右 只会在浏览器存储数据(浏览器的内存中) 只会由浏览器端创建 存储时间是打开浏览器开始关闭浏览器消失 方法简洁明了 容易操作…
Jan 1, 2018
正则表达式常用语法总结 正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本 普通字符 字母、数字、标点符号、键盘特殊符号等 定义字符集 [a-z] 匹配 26 个字母之一 [aeiou] 匹配 aeiou 这 5 个字符其中的某一个字符 [a-zA-Z] 匹配 26 个(大小写)字母中的某一个字母 [a-zA-Z0-9_-] **匹配(大小写)字母、数字、下划线、中横线 的某一个字符** [0-9] 匹配 0 到 9 之间任意一个数字 [9-3] [z-a] 不能从大往小写,有语法错误 shiy 特别字符集 $ 匹配输入字符串的结尾位置(regexBuddy中待测试文本中多行算作一行) ^ (托字符) 匹配字符串的开始位置(托字符) ( ) 匹配一个子表达式的开始和结束位置,模式单元 * 匹配其前面那个单元出现 0 次或以上(任意次数) + 匹配其前面那个单元出现 1 次或以上 ?…