2018--前端
「已注销」
为什么坚持,想一想当初。
展开
-
svn解决冲突
高级的svn解决冲突的方法:选择正在冲突的文件,右键,选择Edit confilicts,这时候出现一个弹框,看你实际的需要用自己的代码,还是用同事的代码,或者合并起来。最后点击Mark as resolved标记冲突已经解决。这时候,冲突文件下的三个文件就会显示。比起我之前解决的方法高级多了:到编辑器里找到重复的代码,一个个代码块的删,最后还有手动删掉那三个文件。...原创 2019-01-04 18:16:10 · 1156 阅读 · 0 评论 -
关于gulp使用的博客(没有完成)
gulp 是一个自动化工具,前端开发者常用它来完成任务:创建一个gulpfile.js的文件var gulp = require('gulp');//gulp.task('task-name', function() {// Stuff here//});gulp.task('hello', function() { console.log('Hello World!');...翻译 2018-03-12 22:15:16 · 257 阅读 · 0 评论 -
移动开发
1 写移动端页面的时候,不要完了viewport 这个视口标签哦. 2 电脑和手机连同一个路由可以做真机测试,电脑的ip可以由cmd->ipconfig查看出来,然后写在webstorm 里跑起来.原创 2018-03-18 13:16:50 · 550 阅读 · 3 评论 -
echart的使用
echart_map 这三个js的引入顺序很重要<script src="lib/jquery.min.js"></script><script src="./lib/echarts.min.js&原创 2018-03-30 22:03:59 · 440 阅读 · 0 评论 -
git的使用啦
gitgit push ERROR: You must verify your email address. See https://github.com/settings/emails. fatal: git帐号的email要认证下 git permission 失败 关掉浏览器,编辑器即可;原创 2018-05-04 21:31:20 · 1100 阅读 · 0 评论 -
markdown语法
markdown语法代码块至少有一头是一个空行的;有序列表之间最好是隔一个空的行,这样字体比没有空格的大一嗲,就好看的啦!原创 2018-05-15 21:52:14 · 216 阅读 · 0 评论 -
常用的知识点
常用的知识点没讲过的是avalon,代码管理软件svn,百度echart讲的少,觉得比较重要的是一些屏幕的适配,heima讲的适配好像没有公司老大的好用;个人觉得vue的脚手架要多花时间来讲,比如如何在脚手架上面搭出一个实用的项目;应该给同学们介绍提交代码到服务器上的软件,比如虽然是很简单的;但是我记得当时第一次提交代码到服务器就找不到一个端口号,22,后来是第二天才提交的.heima...原创 2018-05-18 20:23:53 · 183 阅读 · 0 评论 -
React路由传参的实现 通过react-router-dom实现(适合react-router-dom: ^4.2.2)
前言最近公司老大要我们前端入一下react的门,就学起react来了路由传参的实现步奏:在路由表中 <Router> <div> <div className='headerStyle'> &原创 2018-05-25 15:55:18 · 1674 阅读 · 0 评论 -
React引入ant-design实现正在加载效果
React引入ant-design实现正在加载效果1.安装npm install antd --save2.导入ant-design// 导入ant designimport { Spin, Icon } from 'antd';import 'antd/dist/antd.css';const antIcon = <Icon type="loading" style=...原创 2018-05-26 17:00:18 · 6770 阅读 · 0 评论 -
github地址
github地址本人的地址,欢迎大家来关注,交流.原创 2018-05-29 13:15:26 · 2216 阅读 · 1 评论 -
webstrom 3.3.3的使用
1 这是一个恶心的BUG:vue中关闭eslint,太严格太多报错不好,所以要关掉.原创 2018-03-12 22:08:56 · 269 阅读 · 0 评论 -
jstree的学习(没有完成)
因为公司的项目中用到,所以要学习一下jstree首先,要引入资源文件,数量是3个: html里面写上的代码是:$(‘#jstree’).jstree()生成这个树JSTree 默认展开 树节点默认展开红色部分$("#jstree_demo").jstree({ "core&翻译 2018-03-05 22:59:31 · 322 阅读 · 0 评论 -
如何gulp压缩,丑化代码
为什么使用最近在迭代公司的项目,发现项目有如下缺点:代码没有压缩,js文件,内存大,放在服务器上占空间;源代码没有混淆或者丑化处理,本公司的程序员写出来的代码和高质量逻辑容易被其他公司的程序员盗用;js,css 文件数量多,浏览器加载起来会“手忙脚乱”和“生气”。这个小项目使用gulp构建工具写的,所以很自然用gulp下的一系列插件来完成。其中用到的插件有:gulp-concat整合...原创 2018-12-19 12:27:46 · 800 阅读 · 0 评论 -
微信小程序的bug
步道小程序详情页的问题,弹窗切换样式有问题。![img](file:///C:/Users/wande007/AppData/Roaming/Typora/typora-user-images/1546497239586.png?lastModify=1546500130)问题1: 点击切换,样式没法缓过来,比如省略号一直有。解决如下: 多写一个标签 {{trailsData.wayDesc...原创 2019-01-03 22:41:50 · 685 阅读 · 0 评论 -
部署本地静态html
1, 解压src.7z2, 进入 src ,点击这个文件, 点击地址栏 ,复制; 得到 C:\Users\wande007\Desktop\src3, 火狐浏览器 -> 选项 -> 主页 -> 主页和新窗口, 粘贴 C:\Users\wande007\Desktop\src5, 加上 /index.html,点击确定就可以了。...原创 2018-11-09 21:31:13 · 3931 阅读 · 0 评论 -
用原用JS写一个贪食蛇
1.第一步,写好一个盒子(让蛇在里面走),宽 800 p x,高 600 p x;2.第二步,写一个食特的构造函数 Function food(){ this.width = width || 20; this.height = height || 20; this.backgroundColor = bgc || “green”;原创 2017-09-21 21:40:24 · 618 阅读 · 0 评论 -
关于闭包的学习
第一,什么是闭包,闭包就是在一个函数的内部定义另一个函数. 第二,它的格式是什么: function outer(){ var innernum = outernum; function inner(){ return innernum; } return inner; }原创 2017-09-30 16:57:19 · 258 阅读 · 0 评论 -
天气查询ajax and xml
首先: 要在网上查得三个资料 // 免费天气接口 // http://wthrcdn.etouch.cn/WeatherApi?city= // 方法 :get // 地址:就这个 // key:city第二,要有ajax get 资料的知识 有五步: 1创建一个xml对象; 2设置请求行 3请求头(原创 2017-09-30 22:36:37 · 395 阅读 · 0 评论 -
ajax结合formdata实现往服务器上传文件
ajax结合FormData对象实现服务器上传文件(初步认识)ajax的定义Ajax是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。意味这可以再不重新加载整个网页的情况下,对网页的某部分进行更新。全体代码同学们,下面我来讲解js中的ajax来实现服务器上传文件的几个步骤:` //给按钮添加单击事件 document.querySelect原创 2017-10-15 20:32:44 · 1354 阅读 · 1 评论 -
关于跨域的实现
今天在做公司的项目时,有一个公司的智慧公园的大屏管理,就是用到一个gulp的代理实现了跨域. 什么是跨域,就是你的项目运行在www.xxx.com,而你的请求也是www.xxx.com,这样才不需要进行跨域.否则,都是要进行跨域的. ajax的跨域实现就是配置一个dataType:”jsonp”; gulp实现跨域的代码如下:当然,这这是百度的.以下代码写在gulpfile.js文件中就...原创 2018-03-01 21:41:06 · 234 阅读 · 0 评论 -
vue十个生命周期和v-once属性的使用(没写完)
vue十个生命周期和v-once属性的使用vue的十个生命周期: beforeCreate:function(){ //创建之前 console.log("beforeCreate","11111"); }, created(){ //创建完成 conso...原创 2018-03-01 22:20:12 · 1996 阅读 · 0 评论 -
react-native打包APK
react-native 打包APK Android要求所有应用都有一个数字签名才会被允许安装在用户手机上,所以在把应用发布到类似Google Play store这样的应用市场之前,你需要先生成一个签名的APK包。Android开发者官网上的如何给你的应用签名文档描述了签名的细节。本指南旨在提供一个简化的签名和打包js的操作步骤,不会涉及太多理论。1. 生成一个签名密钥...翻译 2018-06-04 15:11:27 · 847 阅读 · 0 评论 -
学习VScode的几个注意点
现在在学习前端网页制作,用的是微软公司的vscode工具,觉得好用,方便,但是再好的工具也要多用,知道它的好处及不足,这样以后工作起来才能又快又好。 vscode的不足: 1 不要在vscode中测量图片的大小,因为显示的不是原来的100%;原创 2018-06-05 17:22:27 · 1774 阅读 · 0 评论 -
avalon的学习
ms-if 改为ms-visiable ,弹幕出现 弹幕 position:absolute, left,过大会变形的啦popup p{ overflow:hidden; white-space:nowrap }注意点:成绩列表的不用管,只要不放大,1~5不会动未解决: 1) ie8 下cookie的登录问题 2) ieBetter.js 未解决ie8的问题,但也带来jquer...原创 2018-06-05 17:27:48 · 487 阅读 · 0 评论 -
vue 计算属性computed与监听属性watch
有时在工作用用到计算属性和监听属性,可以写少很多行的代码,对开发效率有很大的提高;计算属性computed 计算属性时根据实例的数据项计算而来的结果优点是可以使用缓存,性能高使用实例,属性fullName是由firstName,lastName计算而来的computed:{ fullName:function(){ return this....原创 2018-06-14 09:28:40 · 677 阅读 · 0 评论 -
SVN版本控制图标未显示或显示异常解决方法
在工作中大伙不是用svn就是用git管理代码,对于用小乌龟svn的公司来说,svn的图标真的很重要,因为它显示我们是否在项目中修改了代码,问题来吗,如果有一天SVN版本控制图标未显示或显示异常,你会很着急的。不幸的是,我遇到了,百度啊;步骤win+r 打开注册表 ,展开计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\C...原创 2018-06-15 14:44:20 · 1988 阅读 · 0 评论 -
vue饿了么项目实现评论列表的筛选
正如大家买东西都习惯看评论,评论好就买,评论不好就远离;所以评论对大家来说是很重要的,一个商品的评论往往数量挺多,所以评论列表的筛选这个功能也就需求大,在公司的项目中用的比较多。问题是?如何来实现这个功能?其实很简单:第一步:先准备好数据按钮,如代码所示 <h1 class="title">商品评价</h1> <ul class=&原创 2018-06-21 22:01:42 · 2066 阅读 · 0 评论 -
vue ele 项目的购物车控制控件
说说最近在工作很闲的时候,在GITHUB找了一个关于VUE2.0的饿了么项目来练手,然后在遇到的一个bug; 有点诡异: 是同一个购物车的控件组件,分别位于不同的商品列表上,其中一个点击+ ,能选择商品,其数量加一,但另外一个点击+, 没有前者的反应; 笔者找了好久,才发现是这个代码做的怪: // if (!event._constructed) { // return ...原创 2018-06-22 22:00:37 · 639 阅读 · 0 评论 -
flexBox
今天学习了阮一峰大哥的flexbox布局的form篇;觉得可以,简单好用,就记录一下;demo的全部代码dom篇<form> <input type='email' name="email"> <button type="submit"> send <butt翻译 2018-10-21 21:20:00 · 285 阅读 · 0 评论 -
es6---proxy
es 6的学习es6 proxy对象的学习有时候,我们在代码中需要对自己定义的对象的有一些属性进行保护,不能让用户进行修改,最常见的就是人类的性别;具体写法首先定义一个对象let obj = { name: 'stephen chow', age: 15, sex: 'male'}理解Proxy(参考了阮一峰的博客)Proxy 用于修改某些操作的默认行...翻译 2018-10-29 21:54:56 · 228 阅读 · 0 评论 -
关于博客
博客平台最近决定自己开始写blog,写博客了。所以就上知乎搜哪个是最好的平台。国外的wordpress是最好的,但是要翻墙;还有一个是谷歌旗下的blogger,是全球最好的博客平台,但是同样要翻墙;有墙挡着就意味着使用起来好不方便。同时,我也找到国内有著名的新浪博客,天涯博客,这两个博客应该有各行各业的高手在里面,因为存在时间长,写博客的大神也是靠时间慢慢沉淀出来的,写博客的心态也需要很长时间的...原创 2018-11-03 11:08:34 · 960 阅读 · 0 评论 -
vue的加强学习
让每个vue实例都可以通过this.store取得store对象 在一个storeInit.js中写上如下的代码import Vue from 'vue';// 共享的数据let store = { pageTitle: '', user: {}, privileges: [], menus: {}, parkList: [], ...原创 2018-03-02 11:54:37 · 283 阅读 · 0 评论 -
成长知识点(BUG版)
父元素的z-index和子元素的z-index优先级很不同哦< a href=” “&a原创 2018-03-05 22:12:29 · 366 阅读 · 0 评论 -
vue的属性绑定和双向数据绑定
属性绑定v-bind 属性绑定,使用如下,为div绑定了一个title属性<div v-bind:title="'dell lee'+title">hello world!</div>v-bind: 可以缩写为:<div :title="'dell lee'+title">hello wor原创 2018-06-13 17:42:26 · 1840 阅读 · 0 评论 -
vue的基础语法 挂载点,模版,实例之间的关系
现在国内vue非常火,所以学习vue,给大伙讲解一下吧.一个vue实例 <div id="root"> <!-- 插值表达式 --> <!-- <h1>hello{{msg}}{{number}}</h1> --&am原创 2018-06-13 17:33:25 · 1727 阅读 · 0 评论 -
HTTP协议
第四章 返回结果的HTTP状态码HTTP状态码负责表示客户端HTTP请求的返回结果,标记服务器端处理是否正常,通知出现的错误等; placeholder 类别 原因短语 1XX Informational(信息状态码) 接收的请求正在处理 2XX Succ(成功状态码) 请求成功处理完毕 3XX Redirection(重定向状...原创 2018-06-07 11:26:25 · 333 阅读 · 0 评论 -
jquery给input赋值 val()方法
jquery给input赋值,val的三种用法val()方法定义和用法val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数,则返回被选元素的当前值。<input type="text" class="input1">$('.input1').val('value567'); ...原创 2018-06-08 11:41:38 · 84815 阅读 · 3 评论 -
jQuery outerHeight()的用法
jQuery outerHeight()的用法近来公司没事,有时间,有研究一下jquery的api,碰到outerHeight()获取不到外边距,搞了一小时,原来是没有在outerHeight()写上一个参数。没有写上该参数加上该参数介绍 $(selector).outerHeight(options) 参数 值 作用 opt...原创 2018-06-08 14:58:31 · 764 阅读 · 0 评论 -
浏览器搜索技巧
网上的信息很多,如何用好搜索引擎来找到自己想要的信息,每一个网民都要思考和学习的。必应为什么用必应,比百度好,又不像谷歌那样要翻墙,好用又方便。精确关键词加英文的双引号 比如 “周星驰和吴孟达” 结果如下: 地点告诉搜索引擎你要哪个网址的信息 site: xxx.com 比如: site:csdn.net时间开始时间..结束时间 比如2017...原创 2018-06-08 16:19:11 · 6360 阅读 · 0 评论 -
jquery .parents() .parent() .closet()方法
parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点 parent()、parents()与closest()方法两两之间有类似又有不同,本篇简短的区分一下这三个方法。通过本篇内容,大家将会在以后使用.parent()、parents()和closest()时不会显得无从下手。我们直接看例子来来说明一下这三个方法的使用区别: <ul id="menu...转载 2018-06-09 14:53:37 · 1026 阅读 · 0 评论