- 博客(42)
- 收藏
- 关注
RSS订阅原创 chimee视频播放插件
在react中引入chimee插件1.下载依赖包chimee和chimee-plugin-controlbarchimee是主要插件，用于视频的播放；chimee-plugin-controlbar是控制栏，可配置项包括进度条，时间，播放和暂停等；2.html<div id="myVideo"/>3.引入import Chimee from 'chime...
2019-12-25 19:54:24
1172
原创 解决webpack项目在ie下报错
引起的主要原因是，ie无法解析es6语法。需要引入babel-polyfill第一步：npm install babel-polyfill --save-dev第二步：在webpack.base.config.js中require('babel-polyfill')module.exports = { entry: { app: ['babel-polyf...
2018-11-02 10:01:12
4958
原创 vue-cli3项目须知
【命令行】 全局安装手脚架 创建项目 安装依赖包 运行调试 打包发布 vue-cli2 npm install vue-cli -g vue init webpack project-name npm install npm run dev npm run build vue-cli3 npm install @vue...
2018-10-24 18:00:13
1881
原创 前端操作cookie
// 获取cookiefunction getCookie (name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)") if (arr = document.cookie.match(reg)) { return unescape(arr[2]) } else { return ...
2018-08-25 17:52:30
558
原创 父组件无法改变子组件样式
用了scoped的子组件样式，在父组件中是无法更改的。需要用deep.m-switchBar /deep/ ul li { width: 78px;}
2018-08-16 16:29:55
805
原创 快速搭建前端服务器
1.安装node2.安装http-servernpm install http-server -g3.进入项目根目录启动http-server
2018-08-16 16:25:32
4219
原创 vue+webpack dev本地调试全局样式引用失效问题
今天遇到了奇怪的问题，在main.js中引入全局样式，在组件中引用样式时，有些样式失效，有些样式生效。但是神奇的是build打包后样式是正常的。注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的，网上查了很多资料，有提到说css文件中写了中文注释引起的，试过了不行。后来把所有的样式删掉，只剩一个样式，就生效了。好了，罪魁祸首就是空格符。build打包时会有压缩，所以不会有
2017-12-28 17:49:22
3489
原创 appserv中设置虚拟主机
比如我们要将 www.demo.com 映射到 D:\www\demo 文件中第一步：设置hosts127.0.0.1 localhost127.0.0.1 www.demo.com第二步：打开httpd.conf,载入虚拟机设置文件大概514行，去掉前面的#Include conf/extra/httpd-vhosts.conf第三步：配置本地loca
2017-12-26 10:16:57
514
原创 package.json中的dependencies和devDependencies的区别
npm install 【插件名】或 npm install 【插件名】--save 归属dependencies，表示代码运行时所需要的包。npm install 【插件名】--save-dev 归属 devDependencies，表示开发时依赖的插件（即不会打包至线上）。例如jquery，vue属于项目运行的依赖插件，需要放入dependencies中，像gulp，webpa
2017-11-29 15:02:28
4827
2
原创 chrome默认情况下，地址栏无法识别关键字搜索
刚下的chrome浏览器，默认引擎是google.com,在地址栏中键入关键字竟然无法识别。去设置->管理搜索引擎，将百度设置为默认引擎就好了。
2017-11-28 16:58:39
2991
原创 sublime配置*.vue文件高亮
①下载sublime：地址②安装包管理器：打开View->Show Console 在控制台中键入以下代码并回车import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( ur
2017-11-28 11:15:27
475
原创 经典面试题：一栏定宽，另一栏自适应，且等高
html： 你订单咋咋十号是好的多多多多多多多多多多多多多多多多多多多多多多多多多多多多 苟富贵css：.wrapper { overflow: hidden;}.left { float: left; width: 200px; background-color: red; margin-bottom: -3000px; pad
2017-10-24 16:27:15
319
原创 解决ajax返回打开新窗口被浏览器拦截问题
function demo(){ //未请求前打开新窗口 var newPage = window.open(); $.ajax({ url: '', type: 'post', data: {}, dataType: 'jsonp', success: function(result){
2017-10-12 14:29:42
1106
原创 git创建分支
每次版本迭代，需要从master上拉取最新分支进行开发。//拷贝远程master至本地，命名为v1.1git branch v1.1 origin/master//将本地v1.1分支，推送至远程git push origin v1.1:v1.1//查看v1.1的远程关联分支，目前是origin/master，git pull的时候拉取mastergit branch -vv/
2017-09-25 13:35:35
269
原创 如何搭建本地服务器？
一、下载appserv，如果嫌麻烦我这边有先下载好的appserv8.0.0版本（提取码：y199）二、安装安装过程中，会弹出一个弹窗，叫你先安装一个visual c＋＋（里面包含MSVCR110.dll）。如若忽略，则安装完后会报错，如下图：MSVCR110.dll文件丢失解决办法：下载此文件（提取码：2sxg），放置C:\Windows\System32下。
2017-08-19 23:56:16
8060
原创 前端开发必备软件／工具／学习网址
以下都是个人从事前端开发以来的总结：／＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 桌面软件 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊／1、集成编辑器（webstorm）：https://www.jetbrains.com/webstorm/ 主题下载：http://www.phpstorm-themes.com/2、轻量级编辑器（sublime）3、photoShop4、本地服务器搭建（
2017-08-19 17:27:12
720
原创 写一个简单的颜色选择插件
最后的效果图如下（演示地址；代码下载）引用方法： $('.colorPicker').ylColor({ left: 220, onSelect: function(oCol,elem){ var color = $(oCol).attr('data-color'); $('.colorPi
2017-08-16 10:55:54
2208
3
原创 codepen：让代码编辑、预览更轻松
无意中发现叫codepen的网站，可以在线编辑代码、实时预览效果。注册账号，还能保存代码。 添加js的插件库
2017-08-02 14:59:47
6208
1
原创 解析css中的两种盒模型
css里的盒模型分两种，w3c标准盒模型和ie盒模型（ie6以下）。①w3c盒子元素所占空间大小 = 内容 + padding + border + margin；对应box-sizing：content-box②ie盒模型元素所占空间大小 = 内容 + margin；其中内容包含（内容、padding、border）对应box-sizing: border-box例子：将一个
2017-08-01 10:13:40
634
原创 去掉ng-repeat产生的$$hashkey和object
在ng-repeat时候加上track by $index 就好了 {{$index}}
2017-07-28 09:59:27
2396
原创 忽略不提交git中已修改入库的文件
在git中，对于新建文件的忽略方式有两种：一是根目录下的.gitignore,二是根目录下的.git/info/exclude。.gitignore变化会提交到版本内，exclude只对本地当前目录有效。然而对于库中已有版本的文件，这两种方法都是失效的。我们可以用git update-index --assume-unchanged filename方法。实例：//忽略根目录下的.ht
2017-07-14 10:00:47
679
原创 设置placeholder样式
浏览器默认情况下，placeholder的颜色、大小和input的样式一致，但有时想要设定浅一点的颜色用于区分当前是否是用户输入的内容。:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;}::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #99
2017-07-13 15:36:41
573
原创 区别类型为object的对象、数组和日期
通过typeof（value）方法可以判断当前变量的数据类型。var a = {id:'1',name:'对象'};var b = [1,2];var c = new Date();typeof(a); //objecttypeof(b); //objecttypeof(c); //object对象、数组和日期的结果都为object，不能将typeof作为判断其类型的依据。
2017-07-12 10:08:27
460
原创 ui-router强制刷新当前页面
ui-router根据状态来加载页面，进入过的页面第二次进入，会直接从缓存中读取。现在要实现强制刷新页面。 路由配置:.state('demo', { url: '/demo', templateUrl: 'views/demo.html', cache:false,
2017-07-03 09:59:28
4594
原创 sass入门：安装环境及简单用法
一、初步了解sasssass是css预处理器之一。css预处理器是专门处理css的编程语言，编程中无需考虑浏览器的兼容性，使语法简洁、可读性和适应性强。sass下还分sass版和scss版：①sass以.sass为文件名结尾，有严格的缩进式语法规范，不需要大括号和分号；②scss以.scss为文件结尾，语法和css语法类似（推荐使用）。二、安装sass环境①安装ruby
2017-06-28 15:40:44
888
原创 vue2+webpack+express 简单入门：从前端到后台
本文只是简单的入门，介绍怎样快速建立项目，利用路由切换页面；写接口，前端调用接口等。 默认全局已安装：nodenpmvue-cli1、进入一个空文件夹，初始化名为vue-demo项目。2、进入项目文件内，下载基础依赖包以及vue-router（路由），vue-resource（vue封装的ajax请求）看到这个页面就好了。
2017-06-22 10:07:09
7804
1
原创 vue学习：解决Atom中的 * is only available in ES6(use 'esversion: 6') 问题
官方下载了vue的简单项目，用Atom打开main.js，代码前出现黄点，js报错了在代码语句后加上分号，减少一个黄点，但还报错把鼠标移至import的波浪线上，出现提示：W119 - ‘import’ is only available in ES6(use 'esversion: 6') .意思是import属于ES6的语法，当前页面不能用。在页面上加上 /* jshin
2017-06-19 16:50:51
10437
1
原创 vue学习：解决vue变量未渲染前代码显示问题
在vue变量未渲染前，会有一瞬间显示代码，影响代码美观。vue有现成的指令来解决这个问题：v-cloak在css中加入：[v-cloak]{ display: none;}在需要元素加上： {{demo}}这样，v-cloak所在元素下的变量在未渲染前不会显示。
2017-06-16 14:52:56
10863
原创 vue学习：编辑器Atom配置语法高亮
用Atom打开一个vue项目，并不支持vue语法，所有的标签都是灰的。打开File->Settings->Install,搜索vue会出来一堆插件，安装language-vue-component。ok了。
2017-06-12 11:15:36
19457
原创 angular指令：实现复制到剪贴板功能
找过clipboard 和 ngclipboard两个插件，建过简单的demo测试都是可以的，一旦用到项目中就各种报错，项目是angular + require搭建的，查阅了各种资料，终于找到了相对简单的指令实现方法。var myApp = angular.module('app',[]);myApp.directive('ngCopyable', function($document) {
2017-06-08 10:14:50
6850
2
原创 clipboard: 实现复制到剪贴板功能
这几天做项目用到复制到剪贴板功能，发现这个插件挺好用的。奉上demo传送门①引用插件②html点我复制③给id为copyBtn的元素初始化new Clipboard('#copyBtn');就是这么简单。
2017-06-08 09:48:58
389
原创 javascript:自定义弹窗的写法
项目中经常出现广告弹窗，记录下简单弹框写法。基本html结构： css:.popBox-mask{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: .6; z-index: 999; background-co
2017-06-07 14:39:06
4496
原创 angular指令：弹框点击空白处隐藏
指令：app.directive('onBlankHide',function(){ return{ restrict:'A', scope: { pop: '=' }, link: function(scope,element,attr){ element.on('click'
2017-06-07 13:19:22
4462
原创 纯css制作三角形+常用的对话框实例
网页中经常用到三角形的地方，用css写三角形的方法很简单html：css: .u-tri{ display: inline-block; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-lef
2017-05-31 10:35:49
5426
1
原创 安利jqueryForm:让文件上传更轻松
很久开始前就用这个插件了，每次都忘记具体的调用方法，特地写个demo记录下。先上这个demo的传送门，恩！然后开始了...①先是html 上传图片 将真正的文件上传按钮隐藏（因为它太丑了），自己定义个“.j_uploadFile”的触发按钮，到时候和form里的文件按钮相关联就好了。②引入jquery
2017-05-24 14:26:19
449
原创 angular指令：判断ng-repeat完成后的回调事件
项目中遇到个功能点，需要在ng-repeat循环完成后才能触发，记录下。①书写指令 //自定义repeat完成指令 app.directive('repeatFinish',function($timeout){ return { restrict: 'A', link: function(scope,elem,
2017-05-24 11:20:40
4317
原创 好用的字体图标插件：阿里图标库（iconfont）
最开始网页中的小图标，多以img形式展示 ，当有大量的小图标时，会制作雪碧图，来减少请求量；类似这种~很繁琐，当有hover效果，还要更换图片。字体图标用的就方便多了。所谓的字体图标，是以font形式展示在页面中，可用color属性控制颜色。我自己用的是阿里图标库。第一步：搜索想要的图标，比如我输入‘日期’，将合适的图标添加到购物车中。 第二步：将选择好
2017-05-22 10:24:14
4999
原创 计算某个时间与当前的时间差
最近初用angular写网站，有个需求是按日期输出格式，现在编写个日期过滤器。 //日期过滤器 app.filter('dateFormat',function(){ return function(sTime){ var date = sTime.split(' ')[0]; var time = sTime.spli
2017-05-18 13:48:19
1190
原创 前端自学之路——一个不爱看书的女孩
本文不聊什么专业技术，只想说说我是怎么入前端这个坑的，让所有想学前端的人了解下。 我学的是计算机科学与技术（网络工程方向），这个专业是我们学校新开的，不像计算机专业的一样学安卓和深入的java；也没有其他学校的网工学的那么精，加上并不怎么感兴趣，基本上就是上课听老师讲、课后完成作业，这么平淡的度过一直到大三上的寒假。早早不再期待压岁钱和新衣服的我，在某个深沉的夜晚，就认真的思考：
2017-05-04 14:42:53
3209
3
原创 自定义jquery小工具
封装一些常用的jquery小工具，比如计算字符数、验证url，验证手机号等；调用方法：$.tool_checkUrl(url);具体代码如下：（demo：点击打开链接）/** * 自定义jquery工具 * @author yl */$.extend({ //验证网址 tool_checkUrl: function(url){ var r
2017-04-26 10:57:15
478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人