yyyeap - 个人主页动态 - 牛客网

发布(25) 评论刷题收藏

2019-07-26 00:50

已编辑

门头沟学院前端工程师

响应式网站的实现过程及rem的动态计算

关于设计稿，rem的计算以及响应式网站的开发思路与流程  文章目录  关于设计稿，rem的计算以及响应式网站的开发思路与流程  关于px，rem，vw 响应式网站的实现思路 开发流程  使用rem实现自适应 利用media实现web端与移动端的布局自动响应 多份设计稿，如何设定根元素font-size？      上周做了小型的一个响应式网站，主要负责前端部分。使用Vue+CSS+ts实现，第一次写响应式网站，加上对px，vw，rem等不太熟悉，浪费了很多时间走弯路。整理一下整体实现响应式网站的思路吧。 关于px，rem，vw 具体的概念就不说了，主要是rem的优势在于使用rem为元素设定字体...

0 点赞评论收藏

分享

2019-07-26 00:47

已编辑

门头沟学院前端工程师

前端网站连接MySQL数据库

前端(Vue.js)连接MySQL数据库 实现本地web服务器与MySQL数据库连接删改，查找。  文章目录  前端(Vue.js)连接MySQL数据库   实现本地web服务器与MySQL数据库连接删改，查找。  目录结构 整体逻辑  监听后端服务器 连接数据库配置 与数据库表连接入口 sql语句入口  启动  在`/server`目录下 在项目根目录下      要实现本地web服务器与MySQL的连接，即实现在页面中对数据库的访问。整体逻辑还是很简单的，但是之前没有接触过数据库，还是踩了不少坑。这一篇主要讲与数据库的连接，更多内容在下一篇博文里。 目录结构 |-- server |-- ...

0 点赞评论收藏

分享

2019-07-26 00:47

已编辑

门头沟学院前端工程师

JS的变量原型与原型链作用域闭包

js中的变量类型（按存储方式区分)  值类型 引用类型（指针）：数组、函数、对象 //共享内存，数据改变存在联动性。 //可以随意的扩展属性  在javascript中，判断数据类型主要依赖下面两种方式：  如果值应为一个引用类型，使用 instanceof 操作符检查其构造函数； 如果值应为一个基本类型，使用 typeof 检查其类型  type of 函数 typeof只能区分值类型的详细类型，无法区分引用类型，但可以区分出函数来  typeof undefined;//undefined typeof 'abc';//string typeof 123;//number typeof t...

0 点赞评论收藏

分享

2019-07-26 00:48

已编辑

门头沟学院前端工程师

Vuex的应用实例 --天气查询应用

weather 其实是一个很小很简单的demo了，主要就是再熟悉一下ajax和vuex。其中用了和风天气的api，可以精确到行政区划内的天气。因为这里涉及到了在一个页面内同时请求多个页面，以及在涉及到城市和区域之间的各种切换和设定默认值，所以在vuex这一部分还是研究了一下才行。 实现功能：  手动改变城市和行政区，能查询北京、上海、广州、成都的各区天气预报 显示行政区的天气情况，包括：实时温度、三天天气预报 显示行政区的空气情况，包括：空气质量指数、空气质量、主要污染物、PM2.5指数  演示gif  项目地址 基于Vue.js的天气应用demo 使用axios发送ajax 之前主要都是请求...

0 点赞评论收藏

分享

2019-07-26 00:49

已编辑

门头沟学院前端工程师

关于Vue的组件,生命周期与路由

  父组件向子组件传值： v-bind:content="father-components-data" 子组件利用props：[…] 接收每一个父组件传过来的值 子组件向父组件传值： this.$emit() 通过事件触发向上一层触发事件，父组件监听此事件，获取子组件带出的数据内容   以一个todolist为例： var todoItem = { props:['content','index'], //子组件利用props：[...] 接收每一个父组件传过来的值 template:"<li @click='deleteItem'>{ {conte...

0 点赞评论收藏

分享

2019-07-26 00:54

已编辑

门头沟学院前端工程师

利用Vue.js2.0实现购物车和地址选配功能

  根据慕课网-利用Vue2.0实现购物车和地址选配功能教程，通过利用Vue2.0来实现电商平台的简单功能。   vue中的$http请求服务. 通过调用http服务，对.json文件发送http请求，通过遍历数组数据完成页面渲染 引入vue-resource.js，即可以使用全局的 Vue.http 或者在 Vue 实例中的 this.$http 调用 http 服务。 使用方法： // 全局 Vue 对象 Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback); Vue.http.post('/som...

0 点赞评论收藏

分享

2019-07-26 00:52

已编辑

门头沟学院前端工程师

Vue.js——一个todolist的小尝试

前言： 至此为止，还仍然是跟着Vue.js的官方文档，对照网络上的一些教程进行较为分散的学习。大部分还停留在理论性的表面学习与对于官方文档中示例代码的理解。因为缺少实战，还是有些云里雾里。所以这一篇，准备对Vue来一个小小的实战。 演示示例  实现功能：  实现浏览器的本地存储，刷新页面后获取数据缓存。 在每个item前显示序号，实现单个item的finish,delete。 实现一键删除所有items。  虽然说所实现的功能非常简单，只是一个很简单的数组遍历与显示。但对于我这个小白来说还是遇到了各种奇奇怪怪的问题。尤其是Vue1.0和2.0的变更，踩了很多坑。 下面列举一下所遇到的问题以及我...

0 点赞评论收藏

分享

2019-07-26 00:54

已编辑

门头沟学院前端工程师

Vue.js框架学习笔记之三

Vue.js中的表单 可以用v-model指令在表单 <input>及 <textarea>元素上创建双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素。  v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。   若将v-model='message删去，则无法实现动态的数据绑定，当在输入框中输入数据时，message元素不会改变。 表单也可以通过复选框实现对于数组的实时绑定 <body> &...

0 点赞评论收藏

分享

2019-07-26 00:53

已编辑

门头沟学院前端工程师

Vue.js框架学习笔记之二

Vue.js中的样式绑定 class和style是HTML元素的属性，用于设置元素的样式，我们可以通过v-bind来设置样式属性,可绑定一个数据属性或者对象。 v-bind:class="..." v-bind:style="..." class实例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js&...

0 点赞评论收藏

分享

2019-07-26 00:53

已编辑

门头沟学院前端工程师

Vue.js初接触

Vue.js框架  Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 —Vue官网  框架-Framefork 前端的快速发展产生了成千上万的代码，但都缺乏正规的组织形式。JavaScript框架即为JavaScript提供了一套解决方案，为开发者创建了可维护性和可测试性更强的代码库。  Vue.js初接触 Vue的声明式渲染  Vue.js 的核心是一个允许采用简...

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客网在线编程
牛客网题解
牛客企业服务