- 博客(43)
- 收藏
- 关注
RSS订阅原创 前端学习笔记-4.4.2echarts加入交互组件
这里添加一个dataZoom（数据区域缩放组件）：基础的1.引入文件<script src="echarts.js"></script>2.定义容器<div id="main" style="width:100%;height:400px;"></div>3.得到容器var myChart = echarts.init(
2018-11-21 00:46:00
378
原创 前端学习笔记-4.4.1echarts异步加载
echarts使用jquery异步加载很简单，如果你对后端有一些了解的话。需要有服务器环境。可以是虚拟主机，也可以是本地的服务器。我用apache+php搭建的环境。需要新建一个data.json的文件。这是一个小例子：引入文件： <script src="echarts.js"></script> <script src="jquery-3.3.1.m...
2018-11-21 00:10:02
281
原创 前端学习笔记-百度地图自定义标注
1.添加样式，引入ak等<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <title></title> <style type="text/css"> body{margin:0px;padding:0px;} html,body,#
2018-11-09 00:04:58
776
原创 前端学习笔记-百度地图API
百度地图JavaScript API基础使用：一.注册一个百度的开发者账号，注意设置应用类型时，选择浏览器端，获得ak。(没有ak用不了这个服务)二.完成一个基础的地图1.设置缩放比，移动端不能改。<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/>2.来个容器承装地图<div i...
2018-11-07 23:59:32
343
原创 前端学习笔记-9.6在Ubuntu18.04中安装
之前用Route53和弹性IP没注意，共花了$2.55，伤着了（关键我扔在那里啥没干给扣钱了，关了）今天重新整了个Ubuntu的实例，安装了一下Nginx。步骤：1.nginx的包默认在Ubuntu的仓库中，安装就可用。输入：sudo apt updatesudo apt install nginx2.安装完成后，检查nginx的服务状态和版本：sudo systemctl stat...
2018-11-03 00:30:32
389
原创 前端学习笔记-1.1html5-web语义化标签基础
其实之前也没在意，最近投简历，看到了有这一项，了解了一下。简单来说就是有合适的标签就不用div。省得满屏都是div，要f12才好。定义header，footer，nav，article等，不用div代替。语义化是前端开发里面的一个专用术语。优点：1.有利于搜索2.容易兼容不同设备3.结构清晰，利于团队的开发、维护。...
2018-11-01 19:44:39
200
原创 前端学习笔记-9.5.1aws-Route53要收费，不用时注意
Route 53$1.50GlobalAmazon Route 53 HostedZone $1.50$0.50 per Hosted Zone for the first 25 Hosted Zones托管区域前 25 个托管区域：每个托管区域每月 0.50 USD上述数目之后：每个托管区域每月 0.10 USDElastic IP Addresses $0.88$0.00 p...
2018-10-31 22:09:06
1889
原创 前端学习笔记-9.4aws的弹性IP
点击菜单栏上图钉标志，将EC2，Route 53，选中。添加到菜单栏。点击EC2，左侧往下拉，选择弹性IP点击分配新地址选中amazon pool，点击分配即可添加弹性IPaws 绑定域名点击Route 53设置Hosted zonesCreate Record Set添加域名，关联上之前生成的弹性IP理论上半小时-1小时即可访问...
2018-10-29 00:19:55
789
原创 前端学习笔记-9.3.Nginx
在aws建了一个实例，是linux的。用PuTTY连接实例。用的centos7.4的操作系统想要做nginx的反向代理，正在看nginx。nginx是一款轻量级的HTTP服务器。AWS如何从ec2-user切换rootsudo -s从root切换ec2-userexit一些需要的插件或者环境yum -y install gcc gcc-c++ autoconf pcre-dev...
2018-10-27 23:47:12
539
原创 前端学习笔记-9.2PuTTY从windows连接到Linux实例
对于一个打算干前端的菜鸟，面对后端，我只想说，要踩很多坑。如果你的电脑是Linux系统，你可以用Linux连接Linux实例；如果你的电脑是windows，你可以下载PuTTY连接Linus实例。我的是win7选PuTTY。1.首先下载 PuTTY,https://www.chiark.greenend.org.uk/~sgtatham/putty/安装即可，我是安装到了D盘2....
2018-10-26 23:43:04
308
原创 前端学习笔记-8.17.nuxt了解
今天看了看Nuxt的官方文档。我比较关心路由，asyncData（异步数据）路由：基础路由，动态路由，嵌套路由，动态嵌套路由nuxt.js会依据pages项目结构自动生成路由，[``](/api/components-nuxt-link):自定义路由基础路由：router: {routers: [{name: ‘index’,path: ‘/’,component:‘pages/...
2018-10-25 22:32:37
281
原创 前端学习笔记-8.16.nuxt.js安装
nuxt.js是服务端框架。流程图：Incoming Request输入请求|nuxtServerInit新建定义nuxtServerstore action存储动作|middleware<---------------------------1.nuxt.config.js2.matching layout匹配布局3.matching page &childre...
2018-10-25 00:00:10
552
原创 前端学习笔记-8.16.1github预览问题报错
之前有过上传项目至github，说一下在线预览。（静态资源可用，mock不行）需要利用到GitHub Pages,点击项目，点击setting，下拉，看到gitHub Pages里边的source，点击master branch,点击Save此时，source上边的链接，就是你的在线预览地址链接。现在空白，往下继续步骤：1.将远程仓库克隆到本地，git clone git@github...
2018-10-24 22:19:46
252
原创 前端学习笔记-8.15学习饿了么的seller收藏，商家信息
seller.vue组件的剩余部分。商家信息和收藏功能。商家信息：domecss：info-item的class里加入border-1px,下边线就一样了收藏功能：1.收藏对应两种样式，用active的css显示收藏未收藏用favoriteText显示css先给data写个默认值data() {return {favorite: false}},favorit...
2018-10-23 21:23:17
627
原创 前端学习笔记-8-14.1学习饿了么rating组件
rating（评价）组件可以简单分为三部分：一.评分等信息二.评价组件三.评价详细信息一.rating的第一部分说下第一部分的结构，分左右，左边是综合评分，右边是商品评分、送达时间等。方法把信息传给父组件，父组件把信息再传递给另一个购物车子组件。要实现：通过点击加号，出现小球抛物线落入购物车。只需考虑小球drop-enter-active的状态，运用emit和on派发和监听事件，cartcontrol派发事件this.$e...
2018-10-19 20:17:06
1224
原创 前端学习笔记-8.11.vue.1.0与vue.2.x中的一点变化
vue.1.0中的v-el，和v-ref在vue2.x中被移除了，用ref来代替,写法：ref=“名字”在js中用$refs获取元素命名方法也稍有些改变，改为驼峰命名法比如：this.menuScroll = new BScroll(this.$els.menu-wrapper, { click: true })写成this.menuScroll = ...
2018-10-19 00:47:58
501
原创 前端学习笔记-9.1怎样注册亚马逊aws免费1年云服务器？
基本流程：第一个页面Email address：888888888@163.comPassword:qq888888[]Confirm password:qq888888[]AWS account name:Small program第二个页面填联系信息：Account typePersonal(个人的)Full nameDa BaoPhone number1777...
2018-10-17 00:29:51
4680
原创 前端学习笔记-8.10.1iconfont飘红问题
刚解决了之前的一个问题，引入iconfont字体文件不显示。之前引入文件，路径没问题，可是.css文件总飘红引入也不起作用。原来是缺个css预处理器，我用的是stylus。下载，安装了2个依赖，npm install stylusnpm install stylus-loader把iconfont.css改成iconfont.styl样式就显示了...
2018-10-10 22:51:22
237
原创 前端学习笔记-8.9vue基础v-for报错
今天遇到两个很基础的问题，第一个：只是控制台报错，npm run dev跑着没问题。看来看去，最后网上查了一下，是vue的v-for(循环遍历)，少写了一个$index下边是报错的：这是修改后第二个问题，class少写了一个s,样式死活不出来，无语。...
2018-10-08 19:31:53
288
原创 前端学习笔记-8.7.3stylus引入icon字体文件无法解析
从iconMoon制作了字体文件，使用时出现问题，报错：将原来在common文件夹下的fonts放置于static文件夹下，修改根路径’/static/font/sell’我是将icon.styl放在了index.styl中又在main.js中引入了index.js...
2018-10-07 21:13:26
599
原创 前端学习笔记-8.8mock本地数据
mock本地数据，此处有坑。其一：我的方法：（我是vue2.0，算是新版本吧，没有dev.server.js,整合到webpack.dev.conf.js里了）直接在webpack.dev.conf.js中添加如下：在devServer中添加如下：事先要在项目目录下新建data.json：目录如下data.json数据如下：{“seller”: {“name”: “粥品香坊...
2018-10-07 00:22:41
343
原创 前端学习笔记-8.7.2移动端一像素
1像素：步骤一：新建base.styl的文件，步骤二：新建index.styl,把base.styl的文件放在里面步骤三：在main.js引入即可全局使用为什么需要一像素，看下边：DIPs指设备独立像素（DPI指每英寸点的个数）非视网膜屏幕的iphone手机上，屏幕物理像素320px，独立像素也是320px，因此，min-device-pixel-ratio:1。而对于视网膜屏...
2018-10-06 17:08:24
223
原创 前端学习笔记-8.7stylus全局引入报错及解决
最近正在做一个项目，遇到了stylus，全局引入是个问题。解决方案：注意我的工具是windows7，64位，vue2.0，vue-cli，不同环境可能有所差异初始时：文件目录：首先要在main.js全局引入：网上有很多解决的方案：1.要配置文件如下图，我的并不可用，可能是版本号等问题2.如下图，要加个loader，resolve也要申明，切记莫乱改（此时我的其实已经配置好...
2018-10-06 12:43:21
1062
原创 前端学习笔记-8.6css预处理器Stylus问题报错注意事项 在vue-cli项目中
要用stylus，出现了问题，被坑了。什么是css预处理器？推荐：三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus1.安装(windows7.64位)全局输入以下命令：npm install stylus -g项目中安装：npm install stylus2.让编辑器支持stylus(我用的atom)在Atom的Package中搜索stylus，选款安装即可...
2018-10-04 17:21:10
376
原创 前端学习笔记-8.5同源策略
最初，它的含义是指：A网页设置的Cookie，B网页不能打开，除非这两个网页同源。同源指的是：协议相同，域名相同，端口相同。同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。随着互联网的发展，同源策略越来越严格，现在的同源指的是：Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX 请求不能发送。CookieCook...
2018-10-01 19:56:50
248
原创 前端学习笔记-8.4数据交互
AJAX:Asyncchronous JavaScript and XML，用JavaScript执行异步网络请求如果要让用户留在当前页面中，同时发出新的HTTP请求，就必须用JavaScript发送这个新请求，接收到数据后，再用JavaScript更新页面，这样一来，用户就感觉自己仍然停留在当前页面，但是数据却可以不断地更新。AJAX请求是异步执行的，也就是说，要通过回调函数获得响应目前A...
2018-09-30 23:24:45
151
原创 前端学习笔记-8.3Vue实战简易的音乐播放器
数据方面用的是mock.js,真实的模拟请求。这个项目用到的技术栈：vue + webpack + axios实现播放页的代码:import LRC from "../components/LRC"export default{ name:"play", data(){ return{ playData:{ songinfo:{ ...
2018-09-30 00:08:37
356
原创 前端学习笔记-8.2Vue-cli项目上传github报错及注意事项
Vue-cli项目上传github刚上传了第一个文件到github，查了很多教程，趁着还记着我也发一篇，留着备用。1.需要有github账号，注册一个。网址：https://github.com;2.需要下载安装git。下载地址：https://git-scm.com;3.1绑定用户安装完成git后，在空白区域，单击右键，即可看到Git Bash Here在打开的GIt Bash中输入...
2018-09-28 19:41:31
739
原创 前端学习笔记-8Vue项目测试-真机测试,
我把项目做好了，想能看到实际效果，有几种方法：1.真机测试，（我是用手机开的无线，电脑连手机上的网这样）。步骤：项目名=&gt;config=&gt;index.js，把host:'localhost’改成local:‘192.168.41.129’(你自己的ip地址)。改完以后，重启服务器。在手机和电脑的浏览器地址栏输入192.168.41.129:8080，都可以看到效果。（注：此...
2018-09-28 15:47:54
544
原创 前端学习笔记-8.1Vue简介
从上篇博到今天一直在学习Vue,学习了5天，做了一个简陋的音乐播放器，又用了5天。Vue全家桶简述：vue-router,vuex,vue-resource，vue-cli,sass，webpack等1.项目构建工具vue-cli2.路由vue-router3.状态管理vuex4.http请求axiosVue的核心思想：组件化和数据驱动。组件化：把整体拆分为多个可复用的个体...
2018-09-28 12:15:00
349
原创 前端学习笔记-4.2php实现注册功能
前提是php+apache环境已经搭建好思路：会用以下函数和ifelse条件语句实现登录需要的函数：1.mt_rand()：从0-255之间产生1个随机数;2.strip_tags(string[,string[,string[,allowtags]):过滤HTML标记string=′&amp;lt;h1&amp;gt;thisisatest&amp;lt;/h1&amp;gt;′;ec...
2018-09-18 20:36:56
332
原创 前端学习笔记-4.1PHP与Apache环境搭建
因为前端需要掌握的知识很全面，最近系统的整理了一下，服务器也是其中一块，正在学习。从php开发的角度看，apache可以处理htm，html，css，javascript等的文件类型，php处理.php的文件类型，apache+php可以更好的工作。gz/dz都是linux系统的，我的是win7,64位的。下载时需注意。https://windows.php.net/download/...
2018-09-18 14:22:56
245
原创 前端学习笔记-2.7注册登录页面一
很基础的注册登录页面,背景是2张png图，给了背景色。 用的js很基础，适合新手学习。 效果图如下: js: 想让弹出的提示框消失，用了计时器，可是重复了很多，感觉鸡肋，暂时先这样吧。 //创建验证码：4位数字 function createCode(){ //创建随机四位数字 var code = Math.floor(Math.ra...
2018-09-04 23:02:58
250
原创 前端学习笔记-2.6注册页面
基本的注册内容都有了，用户名，密码，手机号，邮箱等 验证规则一般，有需要可更改。 用表格写的，简单一些css:一张背景图片 .divshow{background:url(“img/QQ图片20170605135702.jpg”);}js:有些重复的地方(整一下进行封装可减少代码量) //创建验证码 function createCode(){ ...
2018-09-03 18:07:11
204
原创 前端学习笔记-2.5表格的增删改
表格的基础操作，修改数量，删除，复制行等 css: body{text-align: center;} #ta{margin:auto;} #ta tr{height:35px;}js: //声明删除行 function delRow(btn){ //获取table var ta = document.getEle...
2018-09-02 23:34:57
193
原创 前端学习笔记-2.4实现淘宝轮播
本来以为弄好了，今天要发博了，仔细一看，有点问题，先发一下，我在好好看看实现淘宝轮播的三个功能： 一.自动轮播； 二.鼠标点击那张索引小图，相应的显示大图； 三.点击箭头可以实现轮播。html：css：（有些混乱，没整理） js：截了好几张图，发的麻烦&amp;amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;am
2018-09-02 13:34:35
482
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人