- 博客(56)
- 收藏
- 关注
RSS订阅原创 模型 pmx 类型 转换为 fbx文件类型
点击 CATS 的 fix model 可以 自动对命名修复 删除无用骨骼。2. 选中要导入的pmx文件 然后点击 import Ary Model。3. 此时图片 如图所示 没有材质 最右侧可以关闭骨骼展示。3. 在文件夹就可以看到命名后的fbx文件了。4. 点击杂项 在点击Shadeless。5 .可以看到材质已经修复了。
2024-01-05 11:20:17
641
1
原创 移动端开发1px边框问题
移动端中1px边框问题问题描述：移动端给元素添加1px边框，有的手机会不显示边框原因分析：CSS像素为1px宽的直线，对应的物理像素是不同的，可能是2px或者3px,而设计师想要的1px宽的直线,其实就是1物理像素宽。对于CSS而言，可以认为是border: 0.5px;，这是多倍屏下能显示的最小单位。然而，并不是所有手机浏览器都能识别border: 0.5px，有的系统里，0.5px会被当成为0px处理这些由于不同的手机有不同的像素密度。在window对象中有一个deviceP
2021-02-22 17:19:44
263
原创 Goole的一些使用方法及控制台的使用技巧
Console 面板一方面用来记录页面在执行过程中的信息（一般通过各种 console 语句来实现），、另一方面用来当做 shell 窗口来执行脚本以及与页面文档、DevTools 等进行交互组合快捷键按键:Windows: Control + Shift + JMac: Command + Option + J首先看一下 console 对象下面都有哪些方法:1.console.clear()顾名思义，清空控制台console.log(), info(), warn(), e
2020-08-03 18:35:17
266
原创 Vue extend,mixins ,extends以及Vue.use的install和Vue.nextTick
1.Vue.extend场景:vue 组件中有些需要将一些元素挂载到元素上,这个时候 extend 就起到作用了是构造一个组件的语法器写法:// 创建构造器var Profile = Vue.extend({ template: '<p>{{extendData}}</br>实例传入的数据为:{{propsExtend}}</p>',//template对应的标签最外层必须只有一个标签 data: function () { return {
2020-07-22 23:02:40
862
转载 Vue render函数 异步组件 动态组件 递归组件和函数式组件
1.render函数1.场景:有些代码在 template 里面写会重复很多,所以这个时候 render 函数就有作用啦// 根据 props 生成标签// 初级<template> <div> <div v-if="level === 1"> <slot></slot> </div> <p v-else-if="level === 2"> <slot></slot> &l
2020-07-22 22:51:37
3003
原创 vue的 require.context,watch 和 组件通讯的详细使用
1.require.context()1.场景:如页面需要导入多个组件,原始写法:import titleCom from '@/components/home/titleCom'import bannerCom from '@/components/home/bannerCom'import cellCom from '@/components/home/cellCom'components:{titleCom,bannerCom,cellCom}2.这样就写了大量重复的代码,利用 requ
2020-07-22 22:20:11
382
原创 图片懒加载的三种实现方式及事件的防抖和节流
1.图片的懒加载方案一:clientHeight、scrollTop 和 offsetTop首先给图片一个占位资源:<img src="default.jpg" data-src="http://www.xxx.com/target.jpg" />接着，通过监听 scroll 事件来判断图片是否到达视口:let img = document.getElementsByTagName("img");let num = img.length;let count = 0;//计数器，从
2020-07-15 22:44:04
659
原创 浏览器重绘，回流以及https加密协议
1.谈谈你对重绘和回流的理解将来以此为依据来介绍重绘和回流，以及让更新视图的另外一种方式——合成。回流首先介绍回流。回流也叫重排。 触发条件 简单来说，就是当我们对 DOM 结构的修改引发 DOM 几何尺寸变化的时候，会发生回流的过程。 具体一点，有以下的操作会触发回流:1.一个 DOM 元素的几何属性变化，常见的几何属性有width、height、padding、margin、left、top、border 等等, 这个很好理解。2.使 DOM 节点发生增减或者移动。3.读写 o
2020-07-15 22:36:45
205
原创 浏览器之从输入URL到页面呈现发生了什么？
说一说从输入URL到页面呈现发生了什么？这是一个前端面试基本问到的问题。出这个题目的目的就是为了考察你的 web 基础深入到什么程度 接下来一步一步解析：你在浏览器地址栏输入了百度的网址:https://www.baidu.com/1.网络请求1. 构建请求浏览器会构建请求行:/ 请求方法是GET，路径为根路径，HTTP协议版本为1.1GET / HTTP/1.12. 查找强缓存先检查强缓存，如果命中直接使用，否则进入下一步。 关于强缓存，如果不清楚可以参考上一篇文章。3.
2020-07-15 22:17:40
323
原创 关于浏览器的缓存和本地存储及其优缺点
1.能不能说一说浏览器缓存?缓存是性能优化中非常重要的一环，浏览器的缓存机制对开发也是非常重要的知识点。接下来以三个部分来把浏览器的缓存机制说清楚： 强缓存 协商缓存 缓存位置强缓存浏览器中的缓存作用分为两种情况，一种是需要发送HTTP请求，一种是不需要发送。首先是检查强缓存，这个阶段不需要发送HTTP请求。 在HTTP/1.0和HTTP/1.1当中，这个字段是不一样的。 在早期，也就是HTTP/1.0时期，使用的是Expires，而HTTP/1.1使用的是Cache-Control。
2020-07-15 20:16:42
2866
转载 webpack--从基础使用到手动实现
webpack中的核心概念entry 用于指定本次webpack打包的地址（相对地址即可）如：单入口entry:'./src/index.js'或：entry:{ main:'./src/index.js'}多入口entry：{ main:'./src/index.js', other:'./src/other.js'}output 用于指定打包完成之后的输出文件地址及文件名，文件地址使用绝对地址单文件output:{ filename
2020-07-13 14:37:32
261
原创 Git 工作中一些使用心得及一些命令详细信息
配置 Git# 配置全局用户$ git config --global user.name "用户名"$ git config --global user.email "git账号"# 配置别名$ git config --global alias.co checkout$ git config --global alias.ss status$ git config --global alias.cm commit$ git config --global alias.br branch
2020-07-10 18:53:28
147
转载 webpack 深入了解之loader配置详解(二)
四，控制loader的执行顺序用rules.enforce来控制，其有两个值：pre：优先执行post：最后执行rules: [ { test:/\.less$/, loader:'less-loader' }, { test: /\.less$/, loader:'css-loader', }, { test: /\.less$/, loader:'style
2020-07-10 17:56:48
3764
转载 webpack 深入了解之loader配置详解(一)
一，webpack 中loader作用 1.从语法角度看，loader是一个普通的Node.js模块，只是必须以函数格式导出来供使用。 如果有必要可以使用一切Node.js功能模块。 2.从功能角度看，loader是在Webpack中作用于指定格式的资源文件并将其按照一定格式转换输出 3.一个Loader只做一件事情，可配置性好。loader支持链式调用。 上一个loader的处理结果可以传给下一个loader接着处理，上一个Loader的参数options可以传递给下一个loader，直到最
2020-07-10 17:34:20
2238
转载 WebSocket的一些了解
1.为什么需要WebScoket?1.已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？ 答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。2.举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。 这种单向请求的特点，注定了如果服务器有连续的状态变化，客户端要获知就非常麻烦。我们只能使用"轮询"：每隔一段时候，就发出一个询问，了解服务器有没有新的信息。最典型的场景就是聊天室。 轮询的效率
2020-07-08 13:23:46
458
转载 ES2020的一些新特性
前言 ES2020 是 ECMAScript 对应 2020 年的版本。 这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。1.私有类变量# 类的主要目的之一是将我们的代码包含在可重用的模块中。 因为您将创建一个在许多不同地方使用的类，所以您可能不希望其中的所有内容在全局范围内都可用。 现在，通过在变量或函数前面添加一个简单的哈希符号，我们可以将它们完全保留，给类内部使用class Message { #message = "Howdy"
2020-07-06 17:27:47
786
原创 简单了解跨域及其解决方案（二）
接着上文 三、 location.hash + iframe跨域a想与b跨域相互通信，通过中间页c来实现。 三个页面，不同域之间利用iframe的location.hash传值，相同域之间直接js访问来通信。具体实现：A域：a.html -> B域：b.html -> A域：c.html，a与b不同域只能通过hash值单向通信，b与c也不同域也只能单向通信，但c与a同域，所以c可通过parent.parent访问1页面所有对象。1.a.html：(http://www.baidu1.c
2020-07-06 11:57:42
163
原创 简单了解跨域及其解决方案（一）
1. 什么是跨域跨域是指一个域下的文档或脚本试图去请求另一个域下的资源一般指1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： link、script、img、frame等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等我们通常所说的跨域是指的浏览器同源策略限制的一类请求场景。同源策略同源策略/SOP（Same origin policy）是一种约定，由Nets
2020-07-06 11:02:20
219
转载 webpack 之深入了解
概念 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 从 webpack v4.0.0 开始，可以不用引入一个配置文件。在开始前你需要先理解四个核心概念： 入口(entry) 输出(output) loader 插件 (plugins)
2020-07-03 15:02:07
204
1
转载 Proxy 的一些认识
1.概述Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。var obj = new Proxy({}, { get: function (target, propK
2020-07-02 18:40:02
372
原创 js git基本命令
js git基本命令git的使用和命令版本控制系统 及 git的使用版本控制系统 每写一次 就能保存一次历史版本 团队协作开发集中式管理 cvs、svn分布式管理gitgit的安装git的官网 https://git-scm.com/downloads带领学生们安装git，安装成功后在桌面右键会出来那两个git选项（或者在终端执行git --version）---...
2020-06-06 20:04:43
669
1
原创 React路由的使用和基本配置，及其数据传递
一.路由的小案例1.容器组件的区别容器组件的区别 • BrowserRouter: 浏览器自带的H5 API,restful风格,需要配合后台； • HashRouter: 使用hash方式进行路由,路径后均有#； • MemoryRouter: 在内存中管理history，地址栏不会变化。在reactNative中使用。 在开发时我们一般使用HashRouter,上线后我们改用Br...
2020-04-19 11:58:07
330
原创 Redux基本解析及其使用和React-Redux
一.Redux 解析1).统一数据管理 将所需的数据提取到state中统一进行管理。当渲染后我们希望更改状态，封装更改状态的方法(dispatch)2).实现dispatch 不要直接更改状态而是使用dispatch方法进行状态的更改,派发一个带有type的属性来进行状态的更改，但是依然无法阻止用户更改状态.3).createStore的实现 将状态放到了createStore函数中，...
2020-04-19 11:37:43
140
原创 仿写 ReactDOM.render
class Element { constructor(type, attr, children) { // 这个里面的this指向当前Element的实例； // 给Element的实例新增键值对 this.type = type; this.props = { ...attr, children: children } ...
2020-04-18 17:43:04
148
原创 React生命周期及组件和其通信方式
一.React 生命周期 • 参考网址：https://www.jianshu.com/p/eac35ef92e4c • 第一次执行 a. 处理属性（获取默认值和校验传递属性的类型） b. 处理状态（执行constructor获取初始的状态信息） c. componentWillMount第一次组件渲染之前 ⅰ. 从服务器获取数据（把获取的数据重新赋 值给状态或者存放到Red...
2020-04-18 17:33:44
691
原创 React 框架基础了解及虚拟DOM的解析
官网网址：https://react.docschina.org/ React 是一个用于构建用户界面的JavaScript库 核心专注于视图,目的实现组件化开发 每个引入的组件里有什么东西 react是核心模块，里面有创建组件，属性和状态的管理 react-dom把虚拟dom转变为真实dom
2020-04-18 16:16:00
421
原创 vue-cli 脚手架的配置及其使用
vue-cli 脚手架• 参考网站：https://cli.vuejs.org/zh/guide/• npm i @vue/cli -g 或者 yarn global add @vue/cli 下载vue脚手架(一般安装在全局)• 安装成功后，全局环境下会生成一个 vue的可执行命令， vue --version查看版本号• 脚手架：帮助我们把webpack等相关配置都处理好，我们只需要基...
2020-03-05 15:16:09
170
原创 vue小案例 购物车 计算本
购物车数据[ { "isSelected": false, "productName": "深入浅出xx", "productInfo": "颜色：xx学习", "productPrice": 57.8, "productCount": 3 }, { "isSelected": true, "productName": "深入...
2020-03-05 15:14:38
235
原创 封装vue-router，实现基础功能
封装vue-router源码class VueRouter{ constructor(options){ const {routes}=options; // 监听当前页面的hash值的切换 // 当第一次解析页面时，会有一个默认的hash值 /// 循环遍历routes,把path和component重新放入一个新的对象...
2020-03-05 15:11:06
385
原创 VUE的路由（vue-router）传参以及路由重定向
VUE的路由（vue-router）• 参考网址：https://router.vuejs.org/zh/• Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌• 路由：一个路径对应一个组件• 一个简单的路由配置需要4步• 创建组件• 配置路由映射表• 注册路由配置表• 把路由挂在在根实例上vue-rout...
2020-03-05 15:09:54
1914
原创 封装vuex，实现其基础功能
封装vuex源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
2020-03-05 15:05:06
98
原创 vuex 核心理念 及使用方法
vuex• 参考网址：https://vuex.vuejs.org/zh/guide/mutations.html• Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。• 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状...
2020-03-05 15:03:18
187
1
原创 vue MVVM原理 ，生命周期，以及方法和数据传递
VUE官网：https://cn.vuejs.org/• vue我们现在学习和使用的是第二代版本• VUE是渐进式框架• Vue是一个类• 每当创建一个实例，就相当于创建一个viewModel监听器:可以监听对应视图和对应数据的相互改变• 在框架中，框架没有直接操作真正的DOM,而是操作了虚拟的DOM（js对象），更改数据以后，就会更改虚拟的DOM,然后进行DOM-diff的对比，只需...
2020-03-05 14:55:53
402
原创 了解前后端联调，认识webpack，以及ES6import命令
1.前后端联调1.什么是前后端联调？ 前后端联合调试 调试接口 当前后端阶段性开发完一个模块以后,前后端项目都提交,后端启动服务,前端向服务器发送请求，看能不能拿到后端真实的数据,这个验证双方接口的过程就是前后端流程2.为什么前后端联调？ 前后端分离 前后端开发之前由后端制定接口文档，接口文档制定了每一个请求的地址 参数 请求方式;后端根据接口文档写代码3.公司什么时...
2020-03-05 14:32:06
332
原创 认识node_modules
1.认识node_modulesjs 前端语言 运行在浏览器 浏览器的js 没有读写文件的功能input:type=file 可以选中自己本地的资源 Node.js:js在服务器运行（基于Node运行），能够对服务器文件进行操作读写 把Node安装再来服务器上 在Node环境下运行js，node赋予了js进行I/O操作的能力 I/O I:input输入 O：o...
2020-03-05 14:25:23
5955
原创 重写promise 写一个类似于promise的方法
1.重写promise 写一个类似于promise的方法 // promise 内置类 //重写promise 写一个类似于promise的方法 class MyPromise{ constructor(excutor){//当new Mypromise constructor执行l //this -》Promise 的实例 ...
2020-03-05 12:44:42
529
原创 axios,fetch,generator函数，async函数以及事件循环机制
axios axios : 是一款基于promise的HTTP库；用来前后端数据交互的； 后期的项目大多数都要用到axios; axios.get: get请求，当请求成功以后，会执行then中的第一个回调函数；失败走catch; axios.get("./data.txt?a=111&b=222").then(function(res)...
2020-02-06 21:16:09
344
原创 ajax请求解析
ajaxajax请求执行步骤 $.ajax({ url:"", type:"post", data:{ userName:a.value, passWord:b.value }, success:functi...
2020-02-06 21:04:40
236
原创 发布网站流程以及http和url解析
一个网站发布需要哪些东西项目（前后端的代码）1)前端代码和后端需要进行交互，前端需要用ajax和后端进行交互；1) :请求数据 2) : 更新数据 3) 新增数据 4）删除数据服务器(云服务器、真实的服务器)1).每一台服务器都有一个唯一的IP地址；2).每一台服务器最多有65535个端口，每一个端口都有一个对应的端口号；0–65535；所以一台服务器最多可以部署65535个项目...
2020-02-06 20:44:43
609
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人