- 博客(87)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 CDN（script外连js等公共前端资源）
https://unpkg.com/ 前端常用公共CDNhttps://unpkg.zhimg.com/ 国内镜像，如果上面地址慢，国内可以使用该链接使用方式（以提取Vue为例）浏览器输入 https://unpkg.zhimg.com/vue/ ，服务端响应 vue近期稳定版本包，dist中有对应的js，选择vue.min.js，访问到对应的js文件，将url复制出来，放入需要引用的地方即可html中引用上面的vue地址<script src="//unpkg.zhimg.com
2020-05-21 20:27:45
787
转载 前端面试题
1. 谈谈你对MVVM开发模式的理解MVVM分为Model、View、ViewModel三者。Model 代表数据模型，数据和业务逻辑都在Model层中定义；View 代表UI视图，负责数据的展示；ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作；Model 和 View 并无直接关联，而是通过 ViewModel 来进行联系的，Model 和 ...
2019-06-20 16:31:00
360
原创 webpack 多应用处理方案
webpack多页面处理方案说明先展示一下打包完毕的内容生产环境开发环境执行命令验证规则方案说明强调：这只是一种处理方式，多多自行研究与分享！方案说明前端工程多数是使用webpack来开发，那么问题来了，是一个前端工程就得搭建一个webpack项目吗？我是觉得没这必要，因为很多是固定不变的，如编译… 只是前端工程对应的业务不相同而已！先展示一下打包完毕的内容由上图可见，页面工程按模块区分...
2019-01-18 17:21:33
1664
转载 eslintrc.js
rules: { // // // 可能的错误 // 这些规则与 JavaScript 代码中可能的语法错误或逻辑错误有关 // // 禁止 for 循环出现方向错误的循环，比如 for (i = 0; i &lt; 10; i–) ‘for-direction’: ‘er...
2018-07-23 09:51:11
1240
原创 nginx处理跨域
需求场景：一、前端资源，部署于服务器 p1二、后台请求资源，部署于服务器p2那么问题来了，服务器域名、端口都不通，自然就存在跨域问题（主要是请求头的问题），有多种方式，这里列举一个说明一下，前端资源所在的服务添加代理请求nginx部署configserver { listen 8080; server_name ...
2018-05-08 10:09:06
427
原创 axios下载excel文件
html下载文件最简单的方式莫过于使用a标签赋予href下载，或者是window.open，但是却无法执行post请求、以及在request.headers中放置内容，以下提供一种方式，基于axiosimport axios from 'axios'axios.interceptors.response.use( response => { if(re...
2018-04-17 21:41:12
15561
2
转载 在macOS的浏览器上使用灰阶渲染字体，修复字体过粗的问题
在macOS的浏览器上使用灰阶渲染字体，修复字体过粗的问题 原创 2016年12月07日 18:40:50 标签：浏览器 /字体 /macOS /灰阶渲染 /亚像素渲染 485 原视频地址：http://www.imooc.com/video/11742 听记理想的字体其边缘的过渡是非常平滑的，但是在屏幕上显示的时候需要将字体栅格化为一个个像素点，采用黑白像素点渲染，无法体现字体的细节之...
2018-03-12 17:21:38
716
转载 mac 关闭chrome自动更新
不要看搜到的错误方法，终端输入命令没用的一、下面演示禁用自动升级的正确姿势。首先关闭Chrome浏览器，然后进入目录“/Library/Google/GoogleSoftwareUpdate”cd /Library/Google/GoogleSoftwareUpdate然后删除该目录下的GoogleSoftwareUpdate.bundle即可。可以通过命令行删除，或者Finder...
2018-03-11 15:37:30
7071
1
原创 关于 iconfont 在pc上面部分浏览器中显示问题
icon font 字体图标库的问题作为前端自定义字体图标库相信大部分人已经使用过了，列举下面一些个问题自定义图标的时候尺寸控制导出的图标在其他浏览器上面的尺寸不同尺寸在倒入的时候自行控制，这个就不必多说了，耐心操作主要说快速处理导出的时候在其他浏览器上面的问题先说明一下当前的问题场景，入下图所示 chrome浏览器与主流的高级浏览器基本都是支持的，不存
2018-02-06 16:33:03
12448
原创 react-router-redux 简单例子
reducer与按需加载组件的时候，一并加载对应的state，具体流程就不多说了，看代码！reducerimport { combineReducers } from 'redux'import { routerReducer } from 'react-router-redux'export const makeRootReducer = asyncReducers => { return
2017-12-28 14:32:33
8496
原创 touchmove在 部分android uc上面的滑动透传问题
先来看一组代码class test extends React.Component { render() { return ( <div style={{height: 300, backgroundColor: 'red'}} onTouchStart={this.onTouchStart}
2017-12-26 22:23:49
1457
原创 webpack 编译sass异常
现在前端大部分没有直接编辑css样式，而是通过使用第三方提供的编辑，提高开发效率，如sass与less，为了便捷会引入postcss来帮编译的样式自行加入相应的细节兼容浏览器，如下所示：{ display: flex }编译为{ display: webkit-box; display: webkit-flex; display: ms-flexbox; displa
2017-11-03 10:23:09
2162
原创 react-native run-android 报错
react-native run-android gradle报错有些公司是因为设置了自身的网络代理，导致的无法下载gradle或gradle无法下载相关资源，gradle自行下载到对应目录中，参考http://blog.csdn.net/u011781521/article/details/52738209接着进入.gradle目录，如C:\Users\Administrator\.gr
2017-09-06 15:11:40
4558
原创 fetch+promise
fetch+promise我知道的是针对一个请求的，且返回promise对象，then中以resolve接收response，下面先简单介绍下组合使用场景一、结合超时处理//基本配置参数let defaultOption = { timeout: 5000, method: 'post', data: null,
2017-08-31 17:37:26
722
转载 node 中excel相关
找了4个star较多的且还在维护的excel模块测试一下，导入问题不大，主要测试的是导出功能。选择exceljs (支持复杂导出，功能齐全；文档写的太烂，反正我是看了大半天，github地址)ejsexcel (支持复杂导出，功能齐全；国内大牛的开源项目，基于ejs模板渲染，github地址)node-xlsx (不支持复杂导出；基于js-xlsx，功能比较简单，github地址)
2017-08-23 09:54:54
273
转载 npm install node-sass fail
npm install node-sass --registry=http://registry.npm.taobao.org1 npm install -g cnpm --registry=https://registry.npm.taobao.org2 cnpm install node-sass
2017-04-15 17:59:55
626
转载 es6中管理类的私有数据
如何在ES6中管理类的私有数据 huyao 2016-05-13 ES6, ESNext, JavaScript原文：http://www.2ality.com/2016/01/private-data-classes.html如何在ES6中管理类的私有数据？本文为你介绍四种方法：在类的构造函数作用域中处理私有数据成员遵照命名约定（例如前置下划线）标记私有属性将
2016-12-29 15:46:39
387
转载 js阿拉伯数字转中文大写
function DX(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var unit = "千百拾亿千百拾万千百拾元角分", str = ""; n += "00"; var p = n.indexO
2016-12-13 16:12:55
1699
转载 redux 简单例子
eact-redux 提供了两个重要的对象， Provider 和 connect ，前者使 React 组件可被连接（connectable），后者把 React 组件和 Redux 的 store 真正连接起来。react-redux 的文档中，对 connect 的描述是一段晦涩难懂的英文，在初学 redux 的时候，我对着这段文档阅读了很久，都没有全部弄明白其中的意思（大概就是，单
2016-10-26 16:05:16
1561
转载 ie8不支持function bind解决方式
(function(){ if (!Function.prototype.bind) { Function.prototype.bind = function (oThis) { if (typeof this !== "function") { throw new TypeError("Function.prototype.
2016-10-26 09:55:26
4135
原创 react+webpack 第二篇
一、package.json 如上图，添加自定义命令build 与dev, 1.build 对应生产环境的webpack.produce.config.js,执行npm run build会根据这份配置编译打包 2.dev对应开发环境webpack.config.js,执行nam run dev则根据这份配置实时编译,但是生成的文件是存储在内存中二、贴上demo的目录结构
2016-09-08 10:39:35
1093
原创 浏览器input file 转换base 64
$("input[type='file']").change(function(){//兼容ie浏览器,因为ie没有FileReader.readAsBinaryStringif(this.files && this.files[0]){fr.readAsArrayBuffer(this.files[0]); fr.onload = funct
2016-08-25 21:22:17
1257
原创 react环境搭建
首先下载node.js然后安装webpack编译环境,全局安装webpack在终端执行下面代码将webpack安装到全局：npm install -g webpack，若是mac或者linux系统提示权限不足，请用sudo npm install -g webpack然后输入管理员密码执行。
2016-07-03 18:01:18
6099
1
原创 h5 css布局
1.水平垂直居中 代码如下：这种方式的好处就是不需要知道父容器与本身的大小,自适应居中 (还有其它方式可以实现,微调即可,这里只提供常用的)
2016-06-16 16:04:46
473
转载 eclipse tomcat 启动不了maven项目
Eclipse报错：java.lang.ClassNotFoundException: ContextLoaderListenerEclipse中tomcat部署工程启动后报错：Shell代码 严重: Error configuring application listener of class org.springframework.web.contex
2016-05-25 11:12:15
5577
原创 Maven pom.xml “Plugin execution not covered by lifecycle configuration”
Eclipse/Windows/Preferences 如下图:找到这个目录如果没有这个文件，那么在eclipse的安装目录下的plugins下的org.eclipse.m2e.lifecyclemapping.defaults_xxxxxx.jar文件中找到该文件（如下图）: 通过解压软件可以发现lifecycle-mapping-metadata.x
2016-05-23 18:24:53
427
转载 oracle日期函数
ORACLE日期时间函数大全 TO_DATE格式(以时间:2007-11-02 13:45:25为例) Year: yy two digits 两位年 显示值:07 yyy three digits 三位年 显示值:007 yyy
2016-05-19 11:28:31
257
原创 H5元素以及属性
l 文档头部元素base:页面上所有连接默认地址或默认目标meta:页面元信息，针对搜索引擎和更新频度的描述和关键词title:标题link：文档与资源之间的关系style:定义HTML文档的样式信息script:定义客户端脚本l HTML5全局属性contenteditable[是否可编辑元素的内容]
2016-05-17 11:43:12
609
原创 window.onresize 多次触发的解决方法
关于 onresize 事件触发次数，不同浏览器不同，safari, opera, firefox 都是一次(分别只用了一个版本测试，都是较新的); //ie6 在 quirk 下触发 2 次，标准下 3 次；ie7，8 在 quirk 和 standard 都是两次。 复制代码代码如下:window.onresize = function(){ console.log
2016-04-22 17:01:57
7991
转载 Maven的HTTP代理设置
第一、检测本地网络是否不能直接访问Maven的远程仓库，命令为ping repo1.maven.org，截图如下：第二、要检查代理服务器是否畅通，比如现在有一个IP地址为192.168.10.117，端口为3267的代理服务，我们需 要先运行telnet 192.168.10.117 3267来检查该地址的该端口是否畅通，如果得道出错信息需要先获取 正
2016-04-20 10:02:34
1828
转载 React组件属性类型（propTypes）
Prop 验证随着应用不断变大，保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。注意为了性能考虑，只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别：React.createCl
2016-04-15 16:59:21
25921
转载 exports 和 module.exports 的区别
为了更好的理解 exports 和 module.exports 的关系，我们先来补点 js 基础。示例：app.jsvar a = {name: 'nswbmw 1'};var b = a;console.log(a);console.log(b);b.name = 'nswbmw 2';console.log(a);console.log(b);var
2016-04-13 16:54:46
284
转载 React.render和reactDom.render的区别
这个是react最新版api，也就是0.14版本做出的改变。主要是为了使React能在更多的不同环境下更快、更容易构建。于是把react分成了react和react-dom两个部分。这样就为web版的react和移动端的React Native共享组件铺平了道路。也就是说我们可以跨平台使用相同的react组件。 新的react包包含了React.createElement，.createC
2016-04-13 16:11:47
7498
原创 委托
Action是无返回值的泛型委托。 Action 表示无参，无返回值的委托 Action 表示有传入参数int,string无返回值的委托 Action 表示有传入参数int,string,bool无返回值的委托 Action 表示有传入4个int型参数，无返回值的委托 Action至少0个参数，至多16个参数，无返回值。us
2016-03-29 22:54:08
263
原创 Animator Machine Controller Behavior Layer BlendTree IK MatchTarget Record
一、关于Behavior的使用,如下图所示: ----对应场景BeHaviour将该脚本挂载在Layers中，那么在执行动画的时候就可以监测到操作了。由上图可以知，在当前的GameObject中想要访问Animator上面的Behavior脚本，需要通过 Animator组件来获取。二、Layers分层 ---对应场景LayerAnimatorColler中
2016-03-28 21:46:41
830
原创 particle system 渲染在sprite之后，修改渲染层级（即要在sprite之前）
制作中比如作一个sprite作为2d动画序列帧渲染动画，想要添加店particle system ，(假如修改了sprite的Order in Layer > 0)那么此时会发生粒子系统无法在sprite前面显示，因为修然中摩人的layer是default，对应的Sorting Order为0，就会出现sprite挡住了particle system, 在3d场景视图中就可以很明显地看到,
2016-03-16 22:13:42
6404
转载 Particle System Modules (Shuriken)
Initial Module 初始化模块This module is always present, cannot be removed or disabled.这个模块总是存在的，不能删除或禁用。Duration 持续时间The duration the Particle System will be emitting particles.粒子系统
2016-03-16 21:49:23
712
转载 Collider(碰撞器与触发器)
（2d与3d的Collider可以相互存在，但是无法相互协作，如2d是无法检测3d的，反之，一样）在目前掌握的情况分析，在Unity中参与碰撞的物体分2大块：1.发起碰撞的物体。2.接收碰撞的物体。1. 发起碰撞物体有：Rigodbody , CharacterController .2. 接收碰撞物体由：所有的Collider .工作的原理为：发生碰撞
2016-03-15 22:16:32
7916
1
转载 物体移动
1. 简介 在unity3d中，有多种方式可以改变物体的坐标，实现移动的目的，其本质是每帧修改物体的position。2. 通过Transform组件移动物体 Transform 组件用于描述物体在空间中的状态，它包括 位置(position)， 旋转(rotation)和 缩放(scale)。 其实所有的移动都会导致position的改变，这里所说的通过Tra
2016-03-15 22:08:33
617
Animator Lern Demo
2016-03-29
spring+springMVC基本框架(较为完善)
2015-10-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人