![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 65
wang_NiFeng
这个作者很懒,什么都没留下…
展开
-
记react项目搭建流程及问题
目录一、全局安装二、创建react应用三、遇到报错 1、 eslint版本问题 2、构建项目时,在node_modules中创建文件权限问题 3、安装依赖报错一、全局安装npm install -g create-react-app二、创建react应用create-react-app react-projectcd react-project// 安装依赖sudo cnpm install//启动npm sta...原创 2021-04-09 18:10:28 · 166 阅读 · 0 评论 -
travis CI + coveralls
travis CI travis CI 是一个托管的分布式持续集成服务,用来构建并测试托管在Github上的软件项目,其中 CI 就是持续集成(continuous integration)的缩写。持续集成是在小代码变更中频繁合并的实践,而不是在开发周期结束时在大变更中合并。为什么要使用 travis ? 它可以让你明白自己的项目在一个“空白环境”中,是否能正确运行;也可以让你知道,用不同的 Node.js 版本运行的话,有没有兼容性问题。 travi...原创 2020-06-12 15:13:52 · 438 阅读 · 0 评论 -
webpack打包编译
官网:https://www.webpackjs.com/concepts/安装:npm install webpack -g // 全局安装 npm install webpack –save-dev // 局部安装注:最好在全局安装后根据项目package.json中webpack的版本再局部安装对应的webapck四个核心概念:入口(entry)...原创 2020-04-24 21:49:43 · 405 阅读 · 0 评论 -
图片水平或垂直滚动
在vue项目中引用外部插件VueImgSlider.vue:import VueImgSlider from '../components/VueImgSlider.vue'export default { name: 'website-about', components: { 'vue-img-slider': VueImgSlider }, ...原创 2019-08-01 21:06:29 · 640 阅读 · 1 评论 -
加载obj三维模型
纹理——Texture. 泛指物体表面的纹路。表现为可视的图片,用于展示外观 贴图——Map. 贴图的具体表现形式是纹理。当纹理附着在具体的物体表面时,则称为贴图。Map的另一层含义——映射,功能是把纹理Texture的UV坐标映射到3D物体表面 材质——Material. 在渲染程式中,它是表面可是属性的结合,这些可是属性是指表面的色彩、纹理、光滑度、透明度、反射率、折射率、发光度等。材质表...原创 2019-07-09 20:01:24 · 1738 阅读 · 0 评论 -
重绘与回流
重绘:当渲染树中的元素外观(如:颜色)发生改变,不影响布局时,产生重绘回流:当渲染树中的元素的布局(如:尺寸、位置、隐藏/状态)发生改变时,产生重绘(回流)注意:JS获取Layout属性值(如:offsetLeft、scrollTop、getComputedStyle等)也会引起回流。因为浏览器需要通过回流计算最新值。回流必将引起重绘,而重绘不一定会引起回流。如何最小化repain...原创 2018-08-21 15:44:15 · 313 阅读 · 0 评论 -
前端编码问题
编码惯例:“万国码”,全球所有语言做成一个码表,即unicode码 表,这种编码的坏处是码表太庞大,好处是同时使用多种语言。所谓的utf-7、utf-8之类就是unicode的某种相对高效的实现,不管某个字 符用utf编码为几个字节,他们都属于同一个unicode超集。我们常遇到的中文编码是gb2312、gbk、gb18030和utf-8,不严谨的 讲,前三者大致相互兼容,但都和utf-8不兼容。...转载 2018-08-27 10:03:47 · 507 阅读 · 0 评论 -
性能调优
大约 80%-90% 的终端响应时间是花费在前端,其中包含下载页面中的图片,样式表,脚本,flash等。Yahoo 为此总结了 14 条规则,成为网站性能优化的事实标准。雅虎网站性能优化的 14 条规则:尽可能减少 HTTP 请求数 使用 CDN(内容分发网络) 为文件头指定 Expires 或 Cache-Control,使内容具有缓存性(资源失效时间) 使用 Gzip...原创 2018-08-13 22:11:34 · 110 阅读 · 0 评论 -
前端——渲染机制
1、什么是DOCTYPE及作用?DTD(document type define,文档类型定义)是一系列的语法规则,用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型,决定使用何种协议来解析,以及切换浏览器模式。DOCTYPE是用来声明文档类型和DTD规范的,一个主要的用途是文件的合法性验证。如果文件代码不合法,那么浏览器解析时便会出一些差错。 DOCTY...原创 2018-07-16 09:12:11 · 3470 阅读 · 0 评论 -
前端——安全类
安全类一、CSRF:通常称为跨站请求伪造,英文名Cross-Site request forgery缩写CSRFCSRF攻击原理: 实现CSRF攻击的两大因素:1、网站中接口存在漏洞2、用户一定在注册网站登录过 CSRF防御措施:1、Token验证2、Referer验证(存在于HTTP的头部,页面来源验证)3、隐藏令牌二、XSS攻击——cross-s...原创 2018-07-15 22:02:27 · 357 阅读 · 0 评论 -
浏览器内核的理解
浏览器内核主要分成两部分:渲染引擎(layout engineer或Rendering Engine)和JS解析引擎。渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用...转载 2018-07-24 16:35:03 · 171 阅读 · 0 评论 -
前端——错误监测
1、前端错误的分类: (1)即时运行错误——代码错误 (2)资源加载错误2、错误的捕获方式: (1)即时运行错误的捕获方式: try....catch; window.onerror——只能捕获即时运行错误,不能捕获资源加载错误 (2)资源加载错误 Object.onerror ...原创 2018-07-18 17:07:42 · 405 阅读 · 0 评论 -
前端——JS运行机制
1、JS是 (1)单线程 (2)任务队列:同步任务;异步任务——先挂载单线程就意味着所有任务需要排队,前一个任务结束,才会执行下一个任务。JS从上到下执行,遇到异步任务先挂起,继续执行同步任务,同步任务执行完毕再处理异步任务。(优先执行同步任务,再执行异步任务)如:for(var i=0;i<4;i++){setTimeout(function(){...原创 2018-07-18 16:20:20 · 820 阅读 · 0 评论 -
前端——页面性能
提升页面性能的方法?资源压缩合并,减少HTTP请求(图片合并、JS脚本文件合并、CSS文件合并) 非核心代码异步加载——异步加载的方式——异步加载的区别 利用浏览器缓存——缓存的分类——缓存的原理 使用CDN(网络优先)——本质上是一个缓存,将数据缓存在离用户最近的地方,一般缓存的是静态资源 将CSS放在页面最上面,将JS放在页面最下面(页面从上到下加载) 把JS和CSS提取出来放在...原创 2018-07-18 16:10:58 · 652 阅读 · 0 评论 -
前端通信类——同源策略,ajax,跨域通信
一、什么是跨域通信及限制跨域:协议、域名、端口,如果有任何一部分不同,则源不同。同源策略:限制了从一个源加载的文档或脚本如何与来自另一个源的资源进行交互,这是一个用于隔离潜在恶意软件的关键安全机制。限制了哪些方面:(这个源的文档没有权利去操作另一个源的文档)cookie,localstorage和IndexDB无法读取 2. DOM无法获得 3. Ajax请求不能发送(Ajax请求只适...原创 2018-07-14 20:17:34 · 406 阅读 · 0 评论 -
前端——HTTP
1、HTTP协议主要特点 简单快捷:统一资源符(URI)是固定的,处理时比较方便简单。想处理某一资源直接输入URI 灵活:在每个HTTP协议中头部数据类型,通过一个HTTP协议就可以完成不同类型数据传输 无连接:连一次就会断掉,不会保持连接 无状态:客户端和服务器端是两种不同身份,客户端向服务器端发请求,HTTP帮建立连接进行传输,任务完成后连接就断开。下次客户端再...原创 2018-06-15 09:56:10 · 173 阅读 · 0 评论 -
JS判断浏览器类型
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAg...翻译 2018-06-12 15:55:42 · 164 阅读 · 0 评论 -
MVC与href登录跳转
问题:ajax跨域请求用户登录信息,返回用户信息,跳转不到目标页。 由于使用MVC框架页面加载时先到controller中找到启动项,return view()后登录页加载,点击“登录”从服务器得到用户信息。若不经过验证直接重定向跳转不到目标页,对应链接:http://localhost:6422/Index/Login2?ReturnUrl=%2fUserMgmt%2fUserAuthori...原创 2018-06-03 20:37:28 · 1696 阅读 · 0 评论 -
JS动态添加元素实例
从后台加载数据,结构为目录树二级菜单。数据格式为:html:<ul class="sidebar-menu" id="proMenu" style="background:#88A0CE;"></il>JS: var width = window.screen.availWidth * 0.9 - 15; //区域宽度...原创 2018-05-11 10:12:53 · 3021 阅读 · 0 评论