经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
前端设计:HTMLXHTMLHTML5CSSJavaScriptCSS3HTML DOMjQueryJSONAJAXLESSBootstrapFoundationAngularJSTypeScriptAngularJS2ReactjQuery UIjQuery EasyUINode.jsHighchartsEchartsVue.jsCoffeeScriptEmber.jsExt.jsMeteorSASSOmiMarkdown前端开发规范浏览器webpack
 前端设计

vue实现登录拦截

本文实例为大家分享了vue实现登录拦截的具体代码,供大家参考,具体内容如下 需求:用户只有登录了,用户名存储在本地储存时,才能进入首页,如果本地存储没有用户名,就不能进入首页 1、登录页面的实现 <template> <div cla ="htmleaf-...[2020/6/28]

Laravel 如何在blade文件中使用Vue组件

Laravel 如何在blade文件中使用Vue组件 1. 安装laravel/ui依赖包 composer require laravel/ui 2.生成vue基本脚手架 php artisan ui react 系统还提供了非常便捷的auth脚手架,带登录注册。 ph...[2020/6/28]

JavaScript图形实例:波形组合图案

1.波形图案 采用正弦函数可以绘制正弦波形图案。编写如下的HTML代码。 <!DOCTYPE html> <head> <title>波形图案</title> <script type="text/javascript">...[2020/6/28]

JavaScript图形实例:星形条纹图案

1.星形条纹图案 星形线的笛卡尔坐标方程式为: x=r*cos(θ)^3 y=r*sin(θ)^3       (0≤θ≤2π) 圆的笛卡尔坐标方程式为: x=r*c...[2020/6/28]

This关键字

This关键字

在JavaScript中的this不是固定不变的,随着他的环境而改变 this的作用: 1、在方法中调用:则this表示该方法所属的对象或全局对象在外包裹一个指定的对象时,方法中的this指向包裹他的对象,如果有很多层对象包裹,则this指向最深层调用他的第一个对象, var n...[2020/6/27]

Netty系列-netty的Future 和 Promise

首先我们来看看future和promise接口整体设计     最顶层的future是jdk的,第二个是netty自定义的future,两个同名,继承关系 看看jdk的future接口 public interface Future<V> ...[2020/6/27]

Web 创建设计

Web 创建设计 设计一个网站,需要认真思考和规划。 最重要的是要知道你的访问用户。 用户是浏览者 一个典型的访问者将无法读取您的网页的全部内容! 无论您在网页中发布了多么有用的信息,一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。 请确保使你的观点,在页面的第...[2020/6/27]

CommonJS 和 ES6 Module 究竟有什么区别? - 前端-发际线还在

CommonJS 和 ES6 Module 究竟有什么区别? 作为前端开发者,你是否也曾有过疑惑,为什么可以代码中可以直接使用 require 方法加载模块,为什么加载第三方包的时候 Node 会知道选择哪个文件作为入口,以及常被问到的,为什么 ES6 Module export 基础...[2020/6/27]

插件界的瑞士军刀,vs code已经无所不能! - 前端-发际线还在

powertools可以称得上插件界的瑞士军刀。 相对于VS Code中大多数插件的出现为了解决某一项弊端和不足,powertools则聚合了很多强大且实用的功能,能够增强VS Code的功能,并提升VS Code的使用体验。 powertools就如同之前使用iOS系统时使用过的一...[2020/6/27]

MakeDown语法学习

MakeDown语法学习

欢迎使用慕课网 - Markdown 编辑器 Markdown 编辑器使用一套简单实用的标记语言来实现简单的文本排版,可以让你专注于键盘码字而非排版,化繁为简,回归写作本质,带来前所未有的书写体验! 我们在工具栏提供了丰富的快捷键,可以使用它们标记不同的标题,将一些文字标记为粗体或者斜...[2020/6/27]

使用随机函数random来实现课堂点名

如何使用函数random来实现课堂随机点名 1.最初的样子如下      2.点击开始点名,上面一行的文字变成名字,名字在不停的变化,开始点名变成停止点名,如下      3.点击停止点名,上面名字不动,停止...[2020/6/26]

JavaScript:计算时间及倒计时

JavaScript:计算时间及倒计时

var start = "2020-6-26 20:36:00"; 开始时间 var now = new Date(); 当前时间 var ns = new Date(start).getTime() - now.getTime(); 毫秒差 时间差 ...[2020/6/26]

9.普利姆算法求最小生成树(JavaScript版)

普利姆算法(加点法)求最小生成树 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con...[2020/6/26]

vue~父组件与子组件的交互

我们在进行vue开发时会将公共的部分进行抽象,然后生成一个独立的组件,这个组件可以被其它页面引用,如果希望有交互的动作就设计到了值的传递,或者方法的回调等问题,这一次我们主要来说一下父组件和子组件的交互。 值的传递 子组件,通过定义了prods,然后可以实现从父组件向子组件的传递: ...[2020/6/26]

从Node.js事件触发器到Vue自定义事件的深入讲解

Node.js中的事件触发器所引发的思考 今天在看 Node.js 文档的时候讲到事件触发器,其中的 emit 方法让我想到了 Vue 中的自定义事件,借此我对 Vue 又有了新的理解,所以将我的理解记录下来,留作学习笔记。 Node.js中的事件触发器 Node.js 为我们提供了一...[2020/6/26]

JavaScript图形实例:从小星星到环带

1.小星星 设有如下的曲线参数方程:     N=5     x = r*sin(nθ)*cos(θ)     y = r*sin(nθ)*sin(&the...[2020/6/26]

JavaScript图形实例:曲线方程

      在HTML5 Canvas画布中,我们可以根据曲线的方程绘制出曲线。例如,在笛卡尔坐标系中,圆的方程为: x=r*cos(θ) y=r*sin(θ)     (0≤&the...[2020/6/26]

JavaScript图形实例:再谈曲线方程

JavaScript图形实例:再谈曲线方程

      在“JavaScript图形实例:曲线方程”一文中,我们给出了15个曲线方程绘制图形的实例。在本文中,我们继续讨论一下曲线方程。在本文中,我们讨论的方法时,先给出一个绘制特定图案的曲线方程,然后将方程中的一些取值参数化,然...[2020/6/26]

JavaScript图形实例:利用插值实现图像渐变

      描述由一个图形变化为另一个图形过程中的各个中间图形,称为渐变图形。可以利用插值算法求得各个渐变图形。       设在源图形和目标图形上各取M个对应坐标点,并分别保存到数组中,源图形用数组SX[M]和SY[M]保存...[2020/6/26]

手摸手带你理解Vue的Computed原理

前言 computed 在 Vue 中是很常用的属性配置,它能够随着依赖属性的变化而变化,为我们带来很大便利。那么本文就来带大家全面理解 computed 的内部原理以及工作流程。 在这之前,希望你能够对响应式原理有一些理解,因为 computed 是基于响应式原理进行工作。如果你对响...[2020/6/26]

Vue如何提升首屏加载速度实例解析

在Vue项目中,引入到工程中的所有js、c 文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首屏的体验。 这是优化前的页面加载状态:执行npm run build打包项目,出来的vendeor...[2020/6/25]

JavaScript图形实例:玩转正方形

      在Canvas API中,上下文CanvasRenderingContext2D对象提供了一个与坐标旋转相关的方法:       void rotate(in float angle);   按给定的弧...[2020/6/25]

JavaScript图形实例:太极图

      在Canvas API中,上下文CanvasRenderingContext2D对象提供了一个绘制圆与圆弧的方法,其基本格式为:       void arc(in float x, in float y, in ...[2020/6/25]

向上取整 向下取整 四舍五入 产生100以内随机数 - 西门-吹发

向上取整 向下取整 四舍五入 产生100以内随机数 - 西门-吹发

对JavaScript中数字的操作   parseInt(5.1234); 1.只保留整数部分(丢弃小数部分)结果为5     Math.floor(5.1234);  2.向下取整(<= 该数值的最大整数)和parseInt(...[2020/6/24]

8.二叉树的diff算法,查看并输出二叉树不同的地方(JavaScript版)

查看并输出二叉树不同的地方: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte...[2020/6/24]

Flex移动布局中单行和双行布局的区别以及使用 - 西门-吹发

这里是单行布局 使用ul>li  来布局         <ul cla ="local-nav">        &n...[2020/6/24]

移动端初始配置,兼容不同浏览器的渲染内核 - 西门-吹发

移动端初始配置,兼容不同浏览器的渲染内核 - 西门-吹发

这是移动端布局的初始头部样式,可以解决不同浏览器的兼容问题 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 1 <!--要求当前网页使用IE浏览器最高版本的内核来渲染--> 2 <m...[2020/6/24]

web前端 javascript 兼容低版本 IE 6 7 8复合写法 - 西门-吹发

web前端 javascript 兼容低版本 IE 6 7 8复合写法 - 西门-吹发

1. 返回检测屏幕宽度(可视区域)   1 function client() { 2 if(window.innerWidth != null) ie9 + 最新浏览器 3 { 4 return { 5 ...[2020/6/24]

react+taro-JYwebApp模板集成方案项目搭建【1】

react+taro-JYwebApp模板集成方案项目搭建【1】

本章节: 讲述基于react+taro-JYwebApp,项目的基础搭建。本主题讲述了react+taro-JYwebApp 、webapp模板-集成方案,从零到一的手写搭建全过程。 该项目不仅是一个持续完善、高效简洁的webapp模板,还是一套企业级webapp开发集成方案,致力于...[2020/6/24]

js 声明变量规范和特殊变量情况 - 西门-吹发

声明变量特殊情况    情况 说明 结果 var age ; console.log (name); 只声明 不赋值 undefined console.log(name) 不声明 不赋值  直接使用报错 name= 20; con...[2020/6/24]

7.二叉树的比较代码实现(JavaScript版)

7.二叉树的比较代码实现(JavaScript版)

严格比较二叉树,左子树和右子树严格相等: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...[2020/6/24]

JS 判断是否为数字 数字型特殊值 - 西门-吹发

JS 判断是否为数字 数字型特殊值 - 西门-吹发

JS 数字型三个特殊值 Infinity ,代表无穷大,大于任何数值 -Infinity ,代表无穷小,小于任何数值 NaN ,Not a number,代表一个非数值      isNaN的使用:     isNaN(x)...[2020/6/24]

web CSS3 实现3D动态翻牌效果 - 西门-吹发

使用纯CSS3 实现翻牌效果  需要注意要给子盒子使用绝对定位,这样两个盒子可以完全重合在一起,需要给父盒子一个 transform-style: preserve-3d;让子盒子翻转时保持3D效果, perspective: 400px;可以给父盒子一个视...[2020/6/24]

使用CSS的clip-path属性实现不规则图形的显示_CSS教程_CSS

clip-path CSS 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。 例子 div { width: 200px; height: 200px; background: #6c00af; -webkit-clip-pa...[2020/6/24]

原生js实现html手机端城市列表索引选择城市

本文实例为大家分享了js实现手机端城市列表索引选择城市的具体代码,供大家参考,具体内容如下 html部分: <div cla ="cityPage"> <div cla ="cityContent"> <div cla ="inputBox"&...[2020/6/24]

viewer.js实现图片预览功能

viewer.js实现图片预览功能

viewer.js是实现图片预览的插件库,要在项目中使用它里面的功能,首先要引入两个文件: 1、c 文件:viewer.c 2、js文件:viewer.js 可以在这里下载 下载后,在html中引入 <link rel="stylesheet" type="t...[2020/6/24]

利用 Serverless,实现 COS & CDN Combo Handler

背景 小 S 维护的一个前端系统,单个页面中有数个没有依赖关系的 js, c 需要加载,此时浏览器会分别去请求对应的文件。此时小 S 收到 Leader 给的一个任务:优化前端的静态资源请求,尽量做合并。 什么是 Combo Handler?相信很多前端同学并不陌生。2008 年 ...[2020/6/24]

css字体可以小于12px!被小米官网打脸

css字体可以小于12px!被小米官网打脸

客户有个网站要改版,找新来的设计重新做了图 设计图纸上是一排5个显示,字体用的22px。当然,px设计图是750px宽度的,用iphone6来模拟的话,跟实际显示存在2倍关系,也就是实际字体是11px,我表示无法实现,改成了12px大小     设计图长这...[2020/6/24]

web CSS3 实现3D旋转木马 - 西门-吹发

web CSS3 实现3D旋转木马 - 西门-吹发

3D 旋转木马是CSS中常见的特效之一,旋转木马可以有多种方法实现,这里我使用纯CSS实现这种动画的效果。       简要介绍一下重点 transform: rotateY(60deg) translateZ(300px);这是必须先旋转后 沿着z轴...[2020/6/24]

前端常用60余种工具方法

作者:爱前端不爱恋爱链接:https: zhuanlan.zhihu.com/p/143590337来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 1.邮箱 export const isEmail = (s) => { return...[2020/6/24]

24学历低学前端能找到工作吗?

it行业学历 只是在阐述一个事实。目前随便打开-家招聘网站的IT岗位,不管是开发、测试还是运维等等,基本上都是要求至少大专及以上学历(大型企业都至少是985、211本科毕业),当然还没达到全部的用人企业都要求那么夸张 作为你来说,技术自我感觉还可以,至少说明你学习能力还可以,也有进取...[2020/6/24]

JS初学者笔记 变量||语法||操作符

变量&&语法 函数体内局部变量优先级高于全局变量 函数内的变量声明将提升至函数体顶部,同时在原位置完成初始化var声明 在for循环中使用var声明变量时,该变量的作用域为for循环所属函数。 var a=[]; for(var i = 0;...[2020/6/24]

layer弹框插件常用方法

layer.msg(content, options, end) - 提示框 layer.msg(''提示内容,唯一不可省略的项'', { icon: 1, 表情类型 time: 2000 2秒关闭(默认是3秒) }, function(){ do something,关...[2020/6/24]

使用Gulp压缩混淆JS的相关配置

1、把npm 更新到最新版本 npm install -g npm 2、把npm源切换到taobao源  全局安装nrm:npm install -g nrm   查看正在使用的源:nrm ls  添加源,例如:nrm add taobao https: registr...[2020/6/24]

小程序相册授权后保存图片到相册

小程序相册授权和保存图片到相册 保存图片 saveImgToAlbum: function () { const _this = this; console.log(''has.this.data.tempFilePath'', _this.data.tem...[2020/6/24]

vue~methods_created_mounted_watch_computed的介绍

methods_created_mounted_watch_computed在vue里是最基础的方法,它在vue里有着自己 的作用,例如页面渲染前,渲染后,变量发生变化后,计算属性值等等。 <template> <div> <Input typ...[2020/6/24]

5.根据前序和中序得到二叉树代码实现,根据中序和后序得到二叉树代码实现(JavaScript版)

根据前序和中序,使用JavaScript编写代码得到二叉树 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="...[2020/6/24]

JavaScript连载19-this关键字、对象的增删改查 - 心悦君兮君不知-睿

一、this的指向 1.普通函数执行,内部this是指向全局对象window; 2.函数在定义的时候this是不确定的,只有在调用的时候才可以确定?; 3.如果函数作为一个对象的方法,被该对象所调用,那么函数内的this?则指向对象; 4.构造函数中的this是一个隐式对象,类似...[2020/6/24]

React实战教程之从零开始手把手教你使用 React 最新特性Hooks API 打造一款计算机知识测验App

项目演示地址 项目演示地址 项目代码结构 前言 React 框架的优雅不言而喻,组件化的编程思想使得React框架开发的项目代码简洁,易懂,但早期 React 类组件的写法略显繁琐。React Hooks 是 React 16.8 发布以来最吸引人的特性之一,她简化了原有代码的编写...[2020/6/24]

6.二叉树的深度优先搜索和广度优先搜索代码实现(JavaScript版)

二叉树的深度优先搜索代码实现(JavaScript版): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="v...[2020/6/24]

57
2
记录数:14855 页数:1/29812345678910下一页尾页
加载更多
 友情链接: NPS