- 浏览: 22184 次
最新评论
文章列表
昨天去京东面试了一下前端.可惜没有面试成功.回来根据回忆把这次失败的经历记录下来,来让自己静下心.也可以成为别人的面试参考.
首先介绍一下我的整个面试过程下来对京东前端技术这部分的映象.在面试过程中我了解到京东的后台是用java写的,而且前后端并未实现分离,所以要想去京东面试,必须对java有一定的了解,以及java写前端的一些框架比如:SSH.以及mvc框架的实现原理和机制,这块内容虽然并未在招聘上面写明,不过如果你会这方面的内容,是一个很好很强大的加分项.
其实面试的时候的提问无非就是一些基本的html知识,和css的一些知识,然后就是js的一些基本点,和难点.
第一部分:css
...
闲话少说,直接上代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=”viewport” content=”width=device-width, initial-scale=1,maximum-scale=1″ />
<title>demo</title>
<script type="text/javasc ...
在平时的网页设计中,我们需要考虑网页在各种设备上的适应情况,面对这种适应情况而作出的设计,就是响应式设计。响应式设计的目的是为了让网页在各种设备上都能很好的体现。那么如何才能做到呢?
第一:
我们需要 ...
相信在平时的前端书写过程中,想要弹出一个框的话就用最简单的alert语句就能实现,那么如果要抛开后端抛开数据库,仅仅只用原生的js怎么实现一个弹框并且这个弹框会自动给你加东西呢呢?
你需要写两个html。
第一个:
<!DOCTYPE HTML>
<html>
<head>
<meta charset='utf-8'>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
</head&g ...
这次分享的是jquery的操作,也就是jquery对dom的操作。在html中,html可以是dom的节点,也就是整个html中的任何内容都是dom节点,而要对html进行操作或者修改的话,只要选中dom节点就可以了。而jquery的选择器就能十分有效的对这些节点进行选择,jquery的操作部分就能很便利的对节点进行操作,而我要分享的就是jquery的操作(动作)。
一、js中的dom操作
1、dom创建
dom的节点可以对应html中的每一个部分,当你想要知道DOM节点当前部分的类型的时候你可以用
nodeType
对于创建节点而言,有
document.createElem ...
闲话少说直接上代码
<!DOCTYPE html>//定义文档类型是html
<html>
<head>
<meta charset="UTF-8">//规定字符编码
<title>我是下拉菜单</title>
</head>
<body>
<select id="province" name="pro">//select设置下拉菜单
<option>请选择</opti ...
对于jquery来说,选择器是很强大的一部分,jquery的基本语法是:
$('选择器').动作或者方法();
jquery的选择器基本可以把页面的每个dom节点都能选择到。从而为人们的开发带来了便利,所以选择器是jquery的重头戏。
选择器的分类:
jquery的选择器分成四类:
基本选择器,层次选择器,过滤选择器,表单选择器。
基本选择器
基本选择器最简单也最常用。
//这是一个html片段
<div>
<button class="but" id="one" >按我啊</button>
...
js的鼠标事件是一个很庞大的事件,包括以下几个:
mousedown//鼠标的键钮被按下。
mouseup//鼠标的键钮被释放弹起。
click//单击鼠标的键钮。
dblclick//鼠标的键钮被按下。
contextmenu //弹出右键菜单。
mouseover//鼠标移到目标的上方。
mouseout//鼠标移出目标的上方。
mousemove//鼠标在目标的上方移动。
这其中mousedown和mouseup是有时间先后顺序的,如果点击一个事件,则会监听到:mousedown--mouseup--click这样的一个顺序。
对于获得鼠标的坐标,根据参照系的不同,分 ...
平时编程用到的比较多的是pycharm,这个软件很好很强大,同时老师告诉我说,一个好的程序猿是不需要鼠标的,再者平时我感觉鼠标确实也有点费劲,所以就从网上找了写pycharm的快捷键来。
1、编辑
Ctrl+space基本的代码完成(其中有 类,方法,属性等)
Ctrl+f1 显示错误描述或警告信息
Ctrl + / 行注释
Ctrl + Q 快速查看文档
Ctrl + Shift + / 块注释
Ctrl + Alt + I 自动缩进
Alt + Enter 快速修正
Ctrl+X/Shift+Delete 剪切当前行或选定的代码块到剪贴板
Ctrl+C/Ctrl+Insert 复制当前行或选 ...
在网页中,前端里我们有时需要更改某个特定的文字或者是数值,我们可以用jquery中的选择器来对实现想要的操作。代码如下:
//html代码body部分
<p title=“家具”>家具</p>
<ul>
<li title="椅子">椅子( ...
上篇说道怎么在数据库中添加你的东西那么这回就说,数据库中的东西要怎样才能调用。
说调用的话就得说一下django架构是怎么来走流程的。在这里面主要是url.py文件的路径和view.py文件的调用。在你的网站的文件夹里
[img]
/home/soyomo/图片/2017-05-02 08-27-58屏幕截图.png
[/img]
在我的文件目录里面就是mysite文件夹里的urls.py文件,当你的网站工作的时候,首先访问这个路径,然后根据文件里面的链接,访问我的godos_list文件夹里面的urls.py文件,在这个文件里面会有你的视图渲染路径,在网页文件里面会有
{% load st ...
在用django写网页的时候,数据库内容的调用是少不了的。在前台和后台之间是怎么实现交互的,这个内容在我初次接触的时候感觉到了吃力,现在我讨论一下。
django的数据库的名称是:db.sqlide3
在你创建的项目里面的根目录里面有一个文件叫做models.py这个文件是需要你创建类的。
from django.db import models//这里相当于是在从django,db里面引入models,以方便下面的引用。
class Goods(models.Model)://命名一个类叫做goods,括号里面内容是告诉django在创建一个模型
type= models. ...
jquery是一个js库。
<head>
<script type="text/javascript" src="../scripts/jquery.js"></script>//这句话是在往你的网页中添加jquery;并且只能在head标签里面。src的值是jquery.js的存储路径,每个人不一样,我的scripts的文件夹中。
</head>
既然有路径的话,就需要你去下载jquery了,直接去官网下载就可以。除了从本地来引入还可以:
<script src="http: ...
Ajax全称:Asynchronous JavaScript and XML即异步JavaScript和XML。其实说白了就是不重新加载页面只加载某个部分。而我这里主要说的是jQuery中de AJAX方法。主要是通过HTTP Get 和HTTP Post这两种方法来从服务器上请求数据,从而达到我们所想要得目的。
jQuery 中load()方法是简单强大的AJAX方法,这个方法是在从服务器加载数据,并且返回数据放入选择器选择的元素中。它的语法结构是这样的:
$(selector).load(URL,data,callback);//URL是一个必须参数,就是需要加载的URL,
date ...