前端漫漫路
文章平均质量分 86
snow_small
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css小箭头、布局方法、盒模型
一、使用css实现小箭头,将宽高置为0,只有border时,正方形被分为4份,因为border是上右下左,所以以x将正方形分为4份,便会实现小箭头<style type="text/css"> .array { border-left: 4px solid transparent; border-right: 4px solid transparent; ...原创 2018-03-09 18:36:51 · 887 阅读 · 0 评论 -
ajax跨域解决方案
1、首先编写后端代码,此时的域名:http://localhost:8088/text/1.php<?php function get (){ $data = [ 'a' => 1, 'b' => 2 ]; return $data; }echo json_encode(get());2、编写前端代码,此时的域名:http://localhost:880...原创 2018-06-26 17:44:00 · 253 阅读 · 0 评论 -
vue插件开发
一、export、export default、module.exports的区别1、export和export default属于es6规范:在同一个文件里面可以有多个export, 一个文件里面只能有1个export default //a.jsexport const test = 'aaa';export const a = function(){};//b.jscons...原创 2018-07-05 16:20:34 · 477 阅读 · 0 评论 -
vue2使用字体图标
一、图标样式有SVG转换为图标字体1、打开:https://icomoon.io/2、点击3、点击导入SVG文件4、选中字体图标,点击下方生成5、下载6、下载下来的安装包打开,打开demo.html可以查看如何使用<span class="icon-add_circle"></span>最终我们只需要fonts文件夹和styl...原创 2019-02-18 09:27:04 · 633 阅读 · 0 评论 -
手机如何调试vue
1、修改vue的配置文件config/index.js2、电脑:cmd命令后通过ipconfig查看IP地址替换原网址中的localhost,192.xx/goods注意:无线局域网适配器下的IPv4地址,并且手机也要和电脑连上同一个网3、打开草料二维码:https://cli.im/,将网址复制进去4、生成二维码,用手机扫便可以预览,当然也可直接在手机浏览器中直接输入网址...原创 2019-02-18 09:30:56 · 758 阅读 · 0 评论 -
设备像素比dpr以及像素border的实现
1、dpr定义:设备物理像素的个数除以设备独立像素的大小2、物理像素就是手机屏幕上一个一个的发光的点,大小是固定的,独立像素也叫做逻辑像素,css设置的像素大小就是逻辑像素,对于dpr等于2的手机屏幕,设置css宽度为1px,其实覆盖的是2个设备物理像素3、很多设计师的移动设计稿是基于iphone6做出来的,大家都知道iphone6的dpr=2(从iphone4开始就是2了),设计稿会给成...原创 2019-02-19 14:00:24 · 548 阅读 · 0 评论 -
vue使用axios时如何跨域
1、安装cnpm install axios --save-dev2、注册到vue中,main.js中import axios from 'axios'Vue.prototype.$axios = axios // 将axios添加到原型3、跨域解决方法,在config/index.js中,dev下的proxyTable: { '/api': {...原创 2019-02-19 14:03:28 · 369 阅读 · 0 评论 -
星星评分组件(基于vue)
效果:父组件:<star size=48 :score="seller.score"></star>星星组件:<template> <!-- 评分星星的组件 --> <div class="star" :class="starType"> <!-- st原创 2019-02-20 10:39:43 · 2543 阅读 · 2 评论 -
IScroll的使用(在vue中)
1、下载iscroll2、在需要用到的组件中引入:要用-probe才有onscroll事件import iScroll from '../../static/js/iscroll-probe.js'3、使用(1)html元素<div class="goods-mume"> <ul> <li class="mume-item border-...原创 2019-02-20 10:40:11 · 10415 阅读 · 2 评论 -
使用winform开发房产管理平台之日常管理
一、搭建环境1、新建winform项目,命名build2、在webconfig下面添加连接字符串<connectionStrings> <add name="HouseSystem" connectionString="data source=ADMIN-PC; database=HouseSystem; uid=sa; password=xxx">&...原创 2019-02-20 10:46:00 · 489 阅读 · 0 评论 -
node.js基础API
一、是什么:是一个JavaScript运行环境,使用事件驱动,非阻塞I/O的模型1、非阻塞I/O阻塞I/O:I/O时进程休眠等待I/O完成后进行下一步非阻塞I/O:I/O时函数立即返回,进程不等待I/O完成2、事件驱动:I/O等异步操作结束后的通知...原创 2018-06-08 13:57:51 · 260 阅读 · 0 评论 -
js类型和对象的学习
1、typeof能得到的那些类型2、何时使用===何时使用==if (obj.a == null) { // 相当于obj.a === null || obj.b === undefined,jquery源码推荐}除了这个,其余都用===3、js中有那些内置函数4、js变量按照存储方式区分为那些类型(1)值类型:参考浅拷贝(2)引用类型:数组、对象、函数 参考深拷贝5、如何理解json和...原创 2018-05-31 22:04:04 · 697 阅读 · 0 评论 -
DOM事件、HTTP协议类、原型链、js面向对象、通信
一、DOM事件模型:捕获和冒泡1、级别(1)DOM0:onclick事件(2)DOM2:addEventListener事件,注册事件(3)DOM3:鼠标事件、键盘事件2、事件流:1、事件通过捕获到达目标元素2、目标阶段3、目标元素在上传到window对象(冒泡)事件捕获的具体过程:window对象接收事件->document->html(document.documentElemen...原创 2018-03-09 18:41:35 · 589 阅读 · 0 评论 -
less学习
1、什么是less?是一个css预编译器,可以扩展css语言,添加功能如允许变量,混合、函数和许多其他的技术,让你的css更具有维护性、丰富性、扩展性。2、初识less.content ul {} // 在css中的用法.content li {}.content li a {}.content { // 在less中的写法 ...原创 2018-03-16 20:09:01 · 471 阅读 · 0 评论 -
前端安全、浏览器渲染机制、js运行机制、页面性能、错误监控
一、安全类1、csrf:跨站请求伪造;原理:(1) 用户C打开浏览器,访问受信任网站A,输入用户名和密码请求登录网站A;(2)在用户信息通过验证后,网站A产生Cookie信息并返回给浏览器,此时用户登录网站A成功,可以正常发送请求到网站A; (3)用户未退出网站A之前,在同一浏览器中,打开一个TAB页访问网站B;(4)网站B接收到用户请求后,返回一些攻击性代码,并发出一个请求要求访问第三方站点A;...原创 2018-03-10 22:14:21 · 1164 阅读 · 0 评论 -
webpack4.x深入与实践
一、什么是webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求...原创 2018-03-27 21:56:25 · 12039 阅读 · 6 评论 -
网页加载进度条
1、使用定时器来做网页加载定时器(先由一个加载的div覆盖住网页,过几秒钟消失),不切合实际好用的加载图片,给大家推荐一个网站:https://icons8.com/preloaders/en/free<style type="text/css"> * { margin: 0; padding: 0; } .loading { position: fixed; widt...原创 2018-03-29 14:16:22 · 1130 阅读 · 1 评论 -
js开发插件之tab选项卡
一、搭建页面<div class="tab"> <ul class="tab-nav"> <li class="active"><a href="javascript:void(0);">新闻</a></li> <li>原创 2018-05-17 14:35:08 · 2427 阅读 · 0 评论 -
微信小程序开发
一、安装1、在https://developers.weixin.qq.com/miniprogram/dev/下载微信开发者工具2、打开进入,选择项目目录3、目录结构app.js:入口文件app.json:在里面注册页面后,会自动生成页面文件,当编译时默认打开pages下的第一个页面二、使用1、数据绑定<text>{{ text }}</text> ...原创 2018-05-13 21:35:16 · 430 阅读 · 0 评论 -
移动端开发
一、常用框架1、css3动画框架:https://daneden.github.io/animate.css/2、icon字体:http://www.iconfont.cnjs框架:3、zepto.js:http://zeptojs.com4、jGestures:摇一摇http://jguestures.codeplex.com5、swiper:滑动插件http://www.swiper.com....原创 2018-06-13 17:13:00 · 311 阅读 · 0 评论 -
h5中video详解和其它新标签,css自定义常量
一、直播的工作原理1、直播的流程2、视频的格式和兼容性,flv:b站使用的,hls:苹果使用的3、直播协议(mp4适合点播(就是重播)比如爱奇艺。。。)(1)HLS协议:先发放M3U8文件,这个文件有很多索引,指向不同的片段ts,根据ts片段的时长,浏览器会自动更新M3U8文件对应hls类型的视频,以.ts结尾video解析M3U8文件(索引文件),解析成一个个片段,会有延迟(2)RTMP协议:建...原创 2018-05-31 21:58:45 · 5331 阅读 · 0 评论 -
类似百度搜索框实时搜索的实现
1、html代码<input type="text" name="ProjectNumber" id="ProjectNumber" /> <div class="contain__border__search" id="ProjectNumberSearch"> &原创 2019-02-21 09:29:34 · 2577 阅读 · 0 评论
分享