前端
文章平均质量分 76
DevCsdner
行走在编程的道路上。。。
展开
-
Nginx搭建文件服务器
【代码】Nginx搭建文件服务器。原创 2023-03-29 14:40:46 · 355 阅读 · 1 评论 -
Vue3 作用域插槽
Vue3作用域插槽原创 2022-09-19 23:07:49 · 4247 阅读 · 0 评论 -
Vue3新特性--学习笔记
创建vue项目安装最新版本的Vue-cli工具,最新版本工具已经提供Vue3-preview根实例初始化在2.x中,通过的方法来初始化在3.x中Vue不再是一个构造函数,通过方法初始化组合式 API 征求意见稿选项API和组合API更好的逻辑复用与代码组织我们都因 Vue 简单易学而爱不释手,它让构建中小型应用程序变得轻而易举。但是原创 2022-09-18 23:00:35 · 3364 阅读 · 0 评论 -
CSS3 边框图片
边框图片边框图片边框图片将图片规定为包围 div元素的边框,背景图一一对应放置到所要指定的区域。定义和用法: border-image 属性是一个简写属性,用于设置以下属性border-image-sourceborder-image-sliceborder-image-widthborder-image-outsetborder-image-repeat属性说明:值描述border-image-source用在边框的图片的路径。border-im原创 2021-08-18 22:04:47 · 92 阅读 · 0 评论 -
修改NodeJs内置的npm默认配置路径
修改NodeJs内置的npm默认配置路径查看默认配置# 查看node版本node -v# 查看npm配置npm config ls# 输出; cli configsmetrics-registry = "https://registry.npmjs.org/"scope = ""user-agent = "npm/6.14.8 node/v14.15.1 win32 x64"; builtin config undefined# 默认存储位置prefix = "C:\\User原创 2020-11-23 22:08:02 · 2351 阅读 · 0 评论 -
AngularJS自定义分页模块-指令
html页面<!DOCTYPE html><html ng-app="a8_7"><head> <title>scope属性是JSON对象</title> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css" rel="stylesheet"> <script src="htt原创 2020-06-06 21:48:29 · 211 阅读 · 0 评论 -
移动Web开发--学习笔记四 Less+Rem响应式项目实战(仿苏宁)
Less+Rem响应式项目实战在浏览器端使用lessless无法在浏览器端直接使用,浏览器不识别必须解析成css代码通过less解析插件(javascript)引入less文件需要加上type="text/less",less解析插件会遇到type="text/less"时进行解析,其他不解析less.watch(); 无刷新预览样式以http形式打开网页预览,<script...原创 2020-04-06 20:48:48 · 299 阅读 · 0 评论 -
移动Web开发--学习笔记三 响应式项目实战(微金所)
响应式项目实战(微金所)使用自定义字体图标创建自己的字体图标https://icomoon.io/通过@font-face定义自己的字体@font-face { /*2.申明自己的字体名称*/ font-family: 'wjs'; /*3.引入字体文件(约束某一段字符代码什么图案)*/ src: url(../fonts/MiFie-Web-F...原创 2020-04-06 10:34:26 · 946 阅读 · 1 评论 -
移动Web开发--学习笔记三 响应式布局
响应式布局在移动互联日益成熟的时候,我们在桌面浏览器上开发的网页已经无法满足移动设备的阅读。通常的做法是针对移动端单独做一套特定的版本。但是如果终端越来越多那么你需要开发的版本就会越来越多(大屏移动设备普及)。那么Ethan Marcotte在2010年5月份提出的一个概念。简而言之,就是一个网站能够兼容多个终端。在新建站的一些网站现在普遍采用的响应式开发,减少成本。原理CSS3中...原创 2020-03-29 22:14:21 · 302 阅读 · 0 评论 -
移动Web开发--学习笔记二之事件
移动Web开发之事件触摸事件touchtouch事件:touch是移动端的触摸事件 而且是一组事件touchstart 当手指触摸屏幕的时候触发touchmove 当手指在屏幕来回的滑动时候触发touchend 当手指离开屏幕的时候触发touchcancel 当被迫终止滑动的时候触发(来电,弹消息)利用touch相关事件实现移动端常见滑动效果和移动端常见的手势事件...原创 2020-03-28 10:39:44 · 114 阅读 · 0 评论 -
移动Web开发--学习笔记一 布局
移动Web开发网页适配流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局视觉窗口:viewport是移动端特有。这是一个虚拟的区域,承载网页的。承载关系:浏览器---->viewport---->网页适配要求:网页宽度必须和浏览器保持一致默认显示的缩放比例和PC端保持(缩放比例1.0)不允许用户自行缩放网页满足这些要求达到了适...原创 2020-03-26 21:50:48 · 190 阅读 · 0 评论 -
rem学习使用
rem学习使用rem认识rem是相对单位(r 意思root根元素,html标签),大小是基于html元素的字体大小em大小是基于父元素的字体大小<!DOCTYPE html><html lang="en" style="font-size: 60px"><head> <meta charset="UTF-8"> <...原创 2020-03-22 22:02:39 · 360 阅读 · 0 评论 -
整理node-sass安装失败的原因及解决办法
node-sass安装问题npm install时偶尔遇到报错:没有安装python或node-sass安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是因为没有卸载之前安装失败的包导致的。作者本人最后的解决方案是npm uninstall node-sass,然后使用VPN重新安装了一遍就成功了。不能翻墙的同学请看下文node-sass ...原创 2020-03-21 10:21:44 · 769 阅读 · 0 评论 -
Less学习
Less学习css预编译常见的css预编译器有三种:less 、 sass 、 stylus。Bootstrop使用的是less。在线编译http://tools.jb51.net/code/less2cssSass 诞生于 2007 年,Ruby 编写,其语法功能都十分全面,可以说 它完全把 CSS 变成了一门编程语言。另外 在国内外都很受欢迎,并且它的项目团队很是强大 ,是一款十分...原创 2020-03-15 18:11:54 · 224 阅读 · 0 评论 -
npm报错:A complete log of this run can be fund in: cache_logs 解决方案
npm报错:A complete log of this run can be fund in: cache_logs 解决方案项目运行出现如下错误:PS D:\SoftData\WebstormProjects\vue2\vue-cms> npm startnpm ERR! missing script: startnpm ERR! A complete log of this ...原创 2020-03-09 07:19:52 · 6993 阅读 · 0 评论 -
解决跨域的两种方法JSONP/CORS
跨域问题浏览器的同源策略导致了跨域问题同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。同源如果两个页面的协议,端口(如果有指定)和域名都相同,则两个页面具有相同的源下表给出了相对http://store.company.com/dir/page.html同源检测的示例:URL结果原因h...原创 2019-02-27 20:48:08 · 600 阅读 · 0 评论 -
AngularJS使用Echarts
AngularJS使用Echarts使用angular配置只要给ng对象绑定$scope里不同图表的option就行,html像这样:<div e-chart ec-data="lineOption"></div>在controller中声明option,可以参考官网示例$scope.lineOption = { xAxis: { type...原创 2019-03-07 16:18:13 · 2121 阅读 · 2 评论 -
angularJs(ng-repeat)过滤出指定数据
angularJs自定义过滤器<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>...原创 2019-04-04 22:24:15 · 3122 阅读 · 0 评论 -
AngularJS结合dateTimePicker的使用-指令
项目使用AngularJS,要选择时间控件,经过对比决定使用dateTimePicker。原本dateTimePicker支持jQuery,现通过AngularJS的指令对其进行模块化,减少每次引用书写相同代码,提高开发效率。html页面<!DOCTYPE html><html ng-app="myApp" ng-controller="myCtrl"> <...原创 2019-04-18 14:34:14 · 2040 阅读 · 1 评论 -
AngularJS Directive指令中transclude属性
定义指令对象时,可以不添加transclude属性,如果添加该属性,那么它的属性值是布尔类型的,默认值为false,表示不开启属性,如果设置为true值时,则开启了该属性;当开启了transclude属性后,就可以在模板中通过ng-transclude方式替换指令元素中的内容。假如指令元素中的内容如下<div>hello!</div>指令模板中的内容代码如下<...原创 2019-04-27 16:19:58 · 497 阅读 · 0 评论 -
AngularJS Directive指令中Scope属性及绑定策略
在自定义指令时,如果将scope属性值设置为true,则可以创建了一个隔离式的子作用域。scope属性值还可以设置成一个JSON对象,如果是对象,那么,父作用域与子作用域是完全独立的,不存在任何关联。当指令中的scope属性值是JSON对象时如果子作用域需要添加属性,必须先添加指令中的link函数,然后,通过函数中的scope对象进行添加;如果在子作用域中,要绑定或调用父作用域中的属...原创 2019-04-27 16:48:24 · 783 阅读 · 0 评论 -
AngularJS Directive指令中require和controller属性
require属性在创建子元素指令时添加,属性值描述与父元素指令通信时的方式。^”符号表示向外层寻找指定名称的指令“?”符号表示即使没有找到,也不会出现异常require:"^?myDirective"表示向外层寻找名称为“myDirective”的指令,如果没有找到,也不出现异常,而这种向外层的方式,也包括本身,也就是说,可以在自身寻找其他名称的指令。controller属性...原创 2019-04-27 17:08:47 · 636 阅读 · 0 评论