- 博客(31)
- 收藏
- 关注
RSS订阅转载 webpack4配置：细说webpack4打包及拆分代码
webpack4.x打包拆分在第14章开发、生产环境的拆分代码中，其实已经对webpack4.x的打包拆分，做过简单的介绍，但是在当时我对这一块其实也是一脸懵逼状态，只知道是这样配置的，但是具体该如何操作也是不清楚的，这里会略微细说一下，当然也只是个人了解到的了在上一章中，说到过对第三方插件库的打包问题，说到了打包速度和打包后包文件体积的问题，打包的文件体积不宜过大，现在webpack打包时...
2019-06-22 16:53:02
2618
转载 Angular中响应式表单的三种更新值方法详析
Angular中响应式表单的三种更新值方法详析前言 众所周知Angular响应式表单相比较模板驱动表单更大操作性、更易测试性。因此，我更推荐这类表单创造方式。当一个用于修改用户信息的表单，数据的来源总是来自远程；而对于一个 FormGroup 的创建总在 ngOnInit 中完成。因此，这里会有一个表单更新值的问题。而通常我们会透过 FormGroup 下的三种方式 setVal...
2018-11-15 14:41:57
1338
转载 angular5 环境变量配置
好久没有来了，今天风和日丽，就来分享个小知识，不扯淡，直接进入主题：需求：使用angular实现前后分离开发，必然遇到环境问题，比如：在本地开发你需要请求的地址是：www.bendi.com在内部测试的时候你需要请求的地址是：www.dev.com在给测试人员测试的地址是：www.staging.com最后再正式上给用户使用的地址是：www.prod.com问题来了，那是不...
2018-11-03 15:04:34
742
转载 详解vue-cli本地环境API代理设置和解决跨域
前言我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。我们可以在vue-cli配置文件里面设置一个代理，跨域的方法有很多，通常需要后台来进行配置。我们可以直接通过node.js代理服务器来实现跨域请求。vue proxyTable接口跨域请求调试在v...
2018-03-31 23:12:23
1161
原创 push本地代码到github出错
刚创建的github版本库，在push代码时出错：$ git push -u origin masterTo git@github.com:******/Demo.git ! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'git@github.com:*****
2017-07-15 11:08:32
244
转载 GitHub使用简单记录
根据《GotGitHub》【1】所做的一些整理1. 浏览托管项目在GitHub的页面中可以使用键盘快捷键（1）按下问号（?）会在弹出窗口显示当前页面可用的快捷键。（2）在项目的代码浏览页按下字母“w”，弹出分支切换菜单。（3）按下字母“t”，开启目录树中文件查找和过滤。2. 项目托管2.1 创建新项目有2种办法：（1）在GitHub创
2017-07-15 09:58:32
429
转载 webpack 的 demos
本仓库是一些webpack简单的demo集合。这些demo故意写的简单但调理清楚，你会发现学习这个强大的工具一点都不难怎么使用首先，全局安装 Webpack 和webpack-dev-server$ npm i -g webpack webpack-dev-server然后克隆本仓库再安装依赖$ git clone git@github.com:ruany
2017-03-19 12:06:18
775
转载 JavaScript性能优化小知识总结
JavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文非常详细的介绍了一下JavaScript性能优化方面的知识点，绝对是干货。前言一直在学习javascript，也有看过《犀利开发Jquery内核详解与实践》，对这本书的评价只有两个字犀利，可能是对javascript理解的还不够透彻异或是自己太笨，更多的是自己不擅于思考懒
2017-03-02 22:37:51
221
转载 搭建开发框架Express，实现Web网站登录验证
JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了document之类的内置对象。而运行在NodeJS中
2017-01-06 17:31:58
839
转载 使用Sublime Text3开发AngularJs
之前的Sublime环境安装插件弄得有点乱，卸载了重新安装；1. 安装sublime： https://www.sublimetext.com/3 2. 注册： —– BEGIN LICENSE —–Alexey PlutalovSingle User LicenseEA7E-8607763DC19CC1 134CDF23 504DC871 2DE5CE55585DC
2016-12-16 14:14:20
4606
转载 sass安装 scss安装
ruby安装因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境sass安装安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Pro
2016-12-01 16:58:44
715
转载 HTML5学习之FileReader接口
用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。1、FileReader接口的方法FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会
2015-12-08 14:52:25
1086
原创 原生js ajax
var ajax = { // 使用原生js 封装ajax // 兼容xhr对象 createXHR: function () { if (typeof XMLHttpRequest != "undefined") { // 非IE6浏览器 return new XMLHttpRequest(); } else if
2015-11-23 17:08:46
307
转载 cocos2d-js 3.0 屏幕适配方案 分辨率适应
cocos2d-js 3.0 屏幕适配方案 分辨率适应首先介绍一个api和相应的参数：cc.view.setDesignResolutionSize(1024, 768, cc.ResolutionPolicy.FIXED_WIDTH);这里设置游戏制作的目标尺寸和显示的模式。模式包括：cc.ResolutionPolicy = { //
2015-11-13 15:15:30
641
转载 JavaScript 跨域访问的问题和解决过程
JavaScript 跨域访问的问题和解决过程分享一下最近用jQuery跨域请求的经历， 希望能给大家一些关于这个方案的概念和资料。该部分包括客户端和服务器端，（如果服务器不在自己手上，那么还是考虑通过自己的服务器转发请求吧） 1.原本的代码很简单。。如果是同域名什么问题都没有 （有兴趣的朋友可以尝试在自己的服务器上运行以下代码）
2015-11-06 18:43:51
399
转载 cocos2d-js项目发布
转自：http://cn.cocos2d-x.org/tutorial/show?id=1598首先进入项目下Cocos2d-JS最引以为傲的能力就是完美的一次开发，全平台部署得能力。得益于3.0版中Web引擎和Native引擎的整合，Cocos2d-JS为Web和各原生平台开发提供了一套统一的工作流，开发者只需要关注自己的JavaScript代码，我们提供了Cocos Con
2015-10-22 10:18:22
827
转载 HTML5本地存储之Web Storage篇
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。Web Storage又分为两种：sessionStoragelocalStorage从字面意思就可以很清楚的看出来，sess
2015-09-24 15:09:07
403
转载 HTML5本地存储之Database Storage篇
HTML5中的数据库操作比较简单，主要有如下两个函数：1、通过openDatabase方法创建一个访问数据库的对象[javascript] view plaincopyvar db = openDatabase(databasename,version,description,size) 该方法有四个参数，作用分别为：
2015-09-24 15:06:28
580
原创 欢迎使用CSDN-markdown编辑器
/** * @description 事件绑定，兼容各浏览器 * @param target 事件触发对象 * @param type 事件 * @param func 事件处理函数 */ function addEvents(target, type, func) { if (target.addEventListener) //非ie 和ie9
2015-09-24 11:52:20
291
原创 html5多媒体组件API
html5多媒体组件指的是video(视频)组件和audio(音频)组件。HTML5多媒体组件可以在不借助诸如Flash Player等第三方插件的情况下，直接在你的网页上嵌入多媒体组件。浏览器提供原生支持视频的新能力使得网页开发人员更易于在不依赖于外置插件有效性的情况下，在他们的网站上添加视频组件。由于苹果公司现阶段在iPhone和iPad上使用的Flash技术的局限性，HTML5多媒体组件的能
2015-09-24 10:54:07
1268
原创 js手机横竖屏判断
在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置，这样加以优化显示应用内容。今天这里我们分享一个jQuery的代码，能够有效帮助大家判断横屏或者竖屏。注意这里调用了jQuery的方法，所以你需要引用jQuery类库。function orient() {alert('gete');if (window.orientation == 0 || window.orie
2015-06-03 16:43:24
387
转载 HTML5 prefetch
声明：此文带着自己的理解，不完全按原文翻译prefetch 即预加载，在用户需要前我们就将所需的资源加载完毕。有了浏览器缓存，为何还需要预加载？用户可能是第一次访问网站，此时还无缓存用户可能清空了缓存缓存可能已经过期，资源将重新加载用户访问的缓存文件可能不是最新的，需要重新加载Chrome 的预加载技术现在的 chrome 聪明到根据你的浏览记录，预测到
2015-05-07 17:48:05
475
转载 你可能不知道的 5 个强大的 HTML5 API
HTML5提供了一些非常强大的JavaScript和HTML API，来帮助开发者构建精彩的桌面和移动应用程序。本文将介绍5个新型的API，希望对你的开发工作有所帮助。 1. 全屏API（Fullscreen API） 该API允许开发者以编程方式将Web应用程序全屏运行，使Web应用程序更像本地应用程序。 Javascript代码 // 找到
2015-05-07 17:41:20
438
转载 移动开发js库Zepto.js使用中的一些注意点
来自http://chaoskeh.com/blog/some-experience-of-using-zepto.html的参考。前段时间完成了公司一个产品的 HTML5 触屏版，开发中使用了 Zepto 这个著名的 DOM 操作库。为什么不是 jQuery 呢？因为 jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Z
2015-04-29 18:39:24
6341
转载 微信里如何判断页面被分享成功
var shareData = { img_url: "", img_width: 200, img_height: 200, link: '', desc: '', title: '', appid: 0};document.addEventListener('WeixinJSBridgeReady', function onBrid
2015-02-04 14:51:54
4854
转载 JS判断网页是否在微信中打开
function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; }}
2015-02-04 13:36:53
520
转载 CSS3 -webkit-filter 滤镜效果
-webkit-filter，其存在的作用通常是进行图片的处理原图样式： 网页代码： charset='utf-8' /> -webkit-filter type="text/css"> img{-webkit-filter:grayscale(1);} src="3.jpg" alt="" />上面表示灰度100%效果图：
2015-01-23 17:19:00
567
转载 学习用CSS3制作50个超棒动画效果教程
用CSS3制作50个超棒动画效果教程CSS3为我们带来了令人惊叹的新特性，而最有趣的就是CSS动画。向大家推荐这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效，请大家使用如Safari和Chrome这类基于WebKit内核的浏览器。(IE浏览器谢绝观赏~)1.CSS3实现钟表效果(基于jQu
2015-01-22 11:01:15
3555
1
转载 11个有用的移动网页开发App和HTML5框架
在过去的两年里，触屏设备飞速增长。iOS和Android设备让开发者和设计师开始重新思考他们的网页应用，以提供更好的触屏体验。移动Web应用相对于本地的App有很多优势，虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于HTML的webapp开发。他们支持大部分流行的智能手机和平板。1.Lungo.js：HTML5移动开发框架Lungo.j
2015-01-20 18:47:50
808
原创 jQuery插件开发
想写jquery插件好久了，但是不知道怎么开始?今天在网上找到了答案，请看下面的内容：绝对精彩！jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件
2015-01-19 14:06:56
318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人