- 博客(40)
- 收藏
- 关注
RSS订阅原创 优化前端性能
一次在前端面试中问到优化前端性能的方式整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。主要通过两种方式：reflow(回流)和repaint(重绘)什么是reflow和repaint（原文链接：http://www.cnblogs.com/Peng2014/p/4687218.html）reflow：例如某个子元.
2023-11-26 13:57:06
1109
原创 2021-04-17
报错：原因：自己没有引入less模块，解决：在build文件夹下的webpack.base.conf里添加{test:/\.less$/,loader:"style-loader!css-loader!less-loader"}
2023-11-26 13:56:35
334
原创 用css绘制三角形
一、.tri1 { width: 0; height: 0; border-color: red blue red blue; border-width: 50px 50px 50px 50px; border-style: solid; }二、.tri2 { ...
2020-04-26 18:23:00
234
转载 关于闭包
什么是闭包如果一个函数访问了它的外部变量，那么它就是一个闭包。闭包，是词法闭包的简称，是引用了自由变量的函数。闭包是指那些能够独立访问独立(自由)变量的函数(变量在本地使用，但定义在一个封闭的作用域中)。换句话说，这些函数可以"记忆"它被创建时的环境。function makeFunc() { var name = "Mozilla"; function displayName() {...
2020-04-26 14:23:44
194
转载 JS中的var、let、const三者的区别
ES5：var ES6：let、constES5中的作用域有—全局作用域、函数作用域ES6中新增了—块级作用域（块级作用域由{}包裹，if语句、for语句中的{}也属于块级作用域）1. var没有块级作用域的概念//Global Scope{ var a = 10;}console.log(a); //10`//上面代码中，在Global Scope（...
2020-04-26 13:57:37
185
转载 去除Bootstrap模态框背景变暗效果
Bootstrap 模态框（Modal）插件模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模糊框效果都是如下所示的：本人非前端工程师，在做项目的时候用到了bootstrap框架，Bootstrap的模糊框的出现会使得背景变暗，项目需要去掉模糊框的暗色背景，所以经...
2020-04-24 22:01:07
1103
转载 模态弹窗与非模态弹窗
在手机app应用中各种格式的弹窗效果相信大家都看过，也可能反感过某些弹窗，本文就来谈谈关于app弹窗设计以及弹窗的适用情景。一、弹窗的定义1、弹窗作用弹窗是为了让用户回应，需要用户与之交互的窗口。非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。2、模态弹窗会打断用户的操作行为，强制用户必须进行操作，否则不可以进行其他操作...
2020-04-24 21:49:26
1823
转载 微信小程序设置顶部navigationBar为颜色渐变
效果图：app.json"window":{ "navigationStyle": "custom", "enablePullDownRefresh": true },app.wxss.ns { width: 100%; height: 135rpx; text-align:center; line-height: 155rpx;...
2020-04-24 21:30:49
10603
3
转载 http请求和http响应
1、HTTP消息：是服务器和客户端之间交换数据的方式分为两种类型的消息：请求--是指从客户端到服务器端的请求消息，用来触发一个服务器上的动作。包括：消息首行中，对资源的请求方法、资源的标识符及使用的协议。 请求--来自服务器的应答2、HTTP 超文本传输协议（HTTP）是用于传输诸如HTML的超媒体文档的应用层协议。它被设计用于Web浏览器和Web服务器之间的通信...
2020-04-24 18:24:40
563
原创 微信小程序获取用户头像修改为圆形
wxml文件：<view class='header'><open-data class='userInfo' type="userAvatarUrl" bindgetuserinfo="onGotUserInfo"></open-data></view><open-data class='store_address' t...
2020-04-23 20:43:26
2836
转载 图片触发HTTP请求总结，网页图片预加载
图片的http请求，有很多种情况，那么究竟什么情况下面不会发生请求呢？下面我用案例一一列举一下，（请求图片截图，均已谷歌浏览器为例！）1. 隐藏图片<img src="haorooms.jpg" style="display: none" />http请求如下：结论：只有Opera不产生请求。注意：用visibility: hidden隐藏图片时，在Opera下也会产...
2020-04-23 08:17:38
1426
原创 前端开发捡漏——css reflow、 CSS 绝对定位、JS中的作用域scope和闭包closure、js字符串操作函数
1、cssreflow（回流）和repaint（重绘）浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow（回流）。由于 reflow 是一种浏览器中的用户拦截（user-blocking）操作，所以了解如何减少 reflow 次数，及不同的文档属性（DOM 层级（DOM depth），CSS 效率，不用类型的 style 变化）...
2020-04-22 22:09:00
568
原创 web前端开发一些捡漏知识——table-layout 属性、＜col＞ 标签、地标角色、css选择器的特殊性、Media Queries媒体查询
1、CSStable-layout属性设置表格的布局算法：table{table-layout:fixed;}tableLayout 属性用来显示表格单元格、行、列的算法规则。固定表格布局(fixed)与自动表格布局(auto)相比，允许浏览器更快地对表格进行布局。在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。在自动表格布局...
2020-04-22 17:46:27
907
原创 null和空字符的区别
null和空字符的区别：1、NULL：代表声明了一个空对象，不是一个字符串，可以赋给任何对象。空字符：代表声明了一个对象实例，这个对象实例的值是一个长度为0的空字符串。2、String s=null; 只是定义了一个句柄，即你有了个引用，但是这个引用未指向任何内存空间。String s=”“; 这个引用已经指向了一块是空字符串的内存空间，是一个实际的东东了，所以可以对它操作。...
2020-03-24 13:08:35
2123
3
原创 rem 和px、em的区别 ？
先说一下几个的特性一、px:是显示屏上显示的每一个小点，为显示的最小单位，这个长度与你看到的显示屏中的文字屏幕像素没有任何关系。1、px 像素值是固定的，不会随着屏幕宽度变而改变二、em:是相对单位。相对于当前对象内文本的字体尺寸， 如果当前行内文本的字体尺寸没有被设置过，那则相对于浏览器的默认尺寸，默认是 16px。1、em 的值并不是固定的。2、em 会继承父级元素的字体大小。...
2020-03-23 18:42:21
374
原创 Coding代码使用教程
Coding是基于云计算技术的软件开发平台，集项目管理、代码托管、运行空间、质量控制为一体。在云计算时代，Coding推动软件开发的云端化，使开发者能用一个浏览器完成开发的各个环节。一、前期软件安装在Windows上安装git，还需要Cygwin模拟环境。不过，有高人已经把模拟环境和Git都打包好了，名叫msysgit,只需要下载一个单独的exe安装程序，其他什么也不用安装，很好用。msysg...
2020-03-23 13:47:36
4502
转载 如何实现九宫格
九宫格容器是宽高相等的正方形，实现九宫格有几种方法，这里列举一二一、用Grid实现对于网格布局来说，grid 比 flex 更为方便，代码量更少，可以处理更为复杂的结构。如以下代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>九宫格</...
2020-03-23 11:17:43
1342
原创 css引入外部自定义字体
首先在css文件中写入@font-face { font-family: '汉真广标',"SalesforceSansRegular"; src: url('../font/汉真广标2.ttf') ;}再在类中引入.kc-name{ font-size: 18px; color:red; font-family: '汉真广标';}特殊字...
2020-03-21 13:45:41
347
原创 使用bootstrap框架-引入使用
【前端框架】bootstrap框架：这是一款开源免费的前端框架，能够帮助我们很快速的搭建一个页面，优化代码，符号w3c标准，并且兼容IE6及以下浏览器。为什么要使用框架：会少消耗点带宽一、Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的...
2020-03-21 13:01:20
1736
原创 如何设置placeholder文本样式css
1、用以下代码可以控制placeholder的文字样式。::-webkit-input-placeholder { /* Webkit browsers*/ color: red;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: red;}:-moz-placeholder { /* Mozilla F...
2020-03-08 20:31:14
1074
原创 npm常用命令
一、npm网站：npmjs.com二、npm命令行工具npm的第二层含义就是一个命令行工具，只要安装了node就已经安装了npm。1）查看npm的版本号：在命令行中输入：npm --version2）升级npm（自己升级自己）：npm install --global npm三、常用命令（括号里的为简写）1）npm init ：npm init -y可以跳过向导，快速生成2）npm ...
2020-02-07 19:19:36
321
原创 代码风格规范
可以参考两个网址：1.【JavaScript Standard Style】JS标准编码风格（https://standardjs.com/)如一些细则使用两个空格 – 进行缩进字符串使用单引号 – 需要转义的地方除外不再有冗余的变量 – 这是导致 大量 bug 的源头!行首不要以 (, [, or ` 开头这是省略分号时唯一会造成问题的地方 – 工具里已加了自动检测！关键字后加空...
2020-02-06 00:28:11
164
原创 学习Node.js第二天
一、使用node解析执行js文件1.先创建编写一个JavaScript脚本文件，然后打开终端定位到脚本文件所属目录，在命令行里（一种是在js的文件鼠标右键选择“在此处打开命令窗口”，一种是右键git bash，一种是安装插件terminal，在Sublime里安装，直接右键选择"Open Terminal Here" ,就可定位到命令窗口)，2.再输入node文件名（有后缀的），比如 ...
2020-02-03 23:37:41
139
原创 Node.js
一、Node.js不是一门语言，不是库、不是框架，是一个JavaScript运行时环境以前只有浏览器可以解析执行JavaScript代码，而node.js也可以解析和执行JavaScript代码。它可以使JavaScript完全脱离浏览器来运行。二：区别①浏览器中的JavaScript：1.EcmaScript基本的语法 if、var、function、Object、Arra...
2020-02-03 02:24:18
81
原创 搭建-ico图标制作
啥是ico图标：即是显示在网页上的，如第一步：转换ico图标，将提前准备的透明图片（png格式）转换为图标，在网址上 http://www.bitbug.net/ 转换。转换后的后缀是ico，尺寸大小为32*32.第二步：在html文件里写代码，图标命名要与设置的一致，OK啦...
2020-02-02 15:47:34
286
原创 如何修改默认的placeholder的样式
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。直接在CSS里写样式修改即可,如 input::-webkit-input-placeholder {//使用webkit内核的浏览器 color: #666; } input:-moz-placeholder {/...
2020-02-02 15:19:11
1290
原创 提交代码按了stash all changes本地代码不见了
在VScode里写完代码后准备提交，由于可以直接按键直接提交到远程仓库，就没咋输入命令，以前是一个一个文件的add，然后按提交，这次我直接点了个stash all changes，如下图，然后按√提交，结果说nothing to commit, working directory clean，纳尼，什么鬼，我代码呢？全不见了！差点气得吐血，但是觉得自己按的那个键是没有错的，咩有删掉，stash的...
2019-11-20 00:15:38
10377
2
原创 vue.js鼠标移入变换样式,鼠标移出去除样式(active)实现方法
鼠标移入添加class样式HTMLHTML绑定事件,加入或者移出class为active<span class="things" @click="toThings()" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)">报事</span><span...
2019-11-19 23:29:40
8295
1
原创 谷歌浏览器导出书签方法
咩有谷歌账号的记得在卸载删掉谷歌浏览器之前或者想换个电脑 一定要记得导出书签，做好备份工作！因为谷歌浏览器卸载后是找不回来以前数据的（没有账号）！对于一个经常记不起密码的人，书签显得尤为重要！！！，这样不管用什么浏览器可以导入以前经常用的书签，我曾为这个郁闷了好久，以为在谷歌浏览器上我用的账户，结果是用的普通用户，根本就没有登上去过！要想登上谷歌账户，得翻墙，挂代理得要money，只要有钱没有...
2019-11-12 17:04:29
4406
原创 html如何添加字体
1.添加普通字体：比如：font-family:,;一般系统支持的网页常见中文字体有：宋体、雅黑、黑体。body{font-size:14px;color:#333;background:#fff;font-family:"Times NewRoman","MicrosoftYaHei","simsun","HelveticaNeue",Arial,Helvetica,Georgi...
2019-11-09 23:12:32
5281
原创 Box Shadow阴影和圆角
一、盒子写Box Shadow阴影：如box-shadow:2px 2px 5px #120F0B;//支持Opera浏览器-moz-box-shadow:2px 2px 5px #120F0B;//支持Firefox浏览器-webkit-box-shadow:2px 2px 5px #120F0B; //支持webkit内核的Safari和Chrome浏览器一般要加上适合浏览器...
2019-11-09 21:52:09
1890
原创 oracle 如何修改表字段的类型或者长度
分两种情况：1.表中没有数据的情况，直接一条sql语句就能解决alter table 表名 modify(字段名 字段类型 )例:alter table A modify(name varchar2(4000))2.在表中有数据的情况下，不能直接使用modify，否则会报错，如图思路分4段，先将原字段改个名字，然后新增一个列，这个新增的列名跟原字段列...
2019-11-01 23:29:43
5499
1
原创 vant-UI库修改样式无效
最近用vue写页面时，发现使用vant的有些UI组件，而又不能满足自己的样式，修改CSS样式还是无效。css一般都会使用sass或者less，加了scoped后修改的样式不起作用，即使加了important也没用vue项目中，当<style>标签有scoped属性时，它的 CSS 样式只作用于当前组件中的元素，父组件的样式将不会渗透到子组件中。解决办法：1.对于css语法起作用...
2019-10-30 16:22:13
9503
2
原创 在Unity中导入fbx格式文件
unity中是以米为单位，要想让3dmax中建的模型导入到unity中与unity自带的3d object尺寸一致，最直接的办法是将3dmax中的系统单位也设成米。在三维软件里设置在菜单->自定义->单位设置：导出FBX文件前 ，我们需要注意如下问题。 ( 1 ) Unity的默认系统单位为"米" ，3ds Max默认单位是Inches (英寸 ），Maya默认单位是Centi...
2019-10-27 23:33:53
10517
1
转载 JSLint中常见报错提示
最近一打开vscode，写了点代码就报很多错，对于单词不认识也懒得去查，搜了一下关于这个问题的解释“Missing semicolon.” : “缺少分号.”,“Use the function form of \”use strict\”.” : “使用标准化定义function.”,“Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”,“Ex...
2019-10-02 15:01:29
805
原创 提交代码到远程git—通过git提交到coding上去
主要用的都是git命令开发一般在分支里开发，如果使用vs code编辑器，在电脑上装了git之后，要把它的环境变量加到vs code里去，在vs code里用户设置settings里添加这句代码这样才可以在vs code使用git命令。在coding里分支下载的代码到本地，此时分支里的代码已经是git项目了，就不要用git clone。1.千万不要强制git push代码，使用git pu...
2019-09-29 22:02:08
365
转载 Visual Studio 2019 Community 许可证过期
Visual Studio 2019 Community 许可证过期点击更新许可证，"无法下载许可证,请检查你的网络连接或代理设置"解决方案：找到VS2019安装目录，找到Common7/IDE/DDConfigCA.exe 再右键单击“以管理员身份运行”运行即可...
2019-09-28 13:22:32
12960
4
原创 欢迎来到#嘻嘻哈哈biu#的博客（第一篇）！
记录 我的计算机编程之路—C语言第一次接触到学计算机语言最基础的C语言，是在学校里，学完后md这是什么鬼，一脸懵逼，都没曾想过这语言以后拿来干嘛，后来渐渐发现很多语言的语言跟C语言很像，后悔自己当初把大把时间浪费掉了没有好好学，而老师在学校里教的只是皮毛；真正掌握还得靠自己大量阅读实践！下面就我的学习经验谈一谈如何学好一门语言。一、首先你要有一本资料书。这是学习c语言的基本。二、有一个电脑上...
2019-09-28 12:57:37
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人